/* Chrome Sirens of Ganymede — theme overrides (portal spec css extraction).
   Overrides Core 1.1 variables and cover art only; css/game.css is the
   unmodified TIFE Core stylesheet. */
/* Chrome Sirens theme — amber phosphor with magenta accents. Overrides core
   variables and cover art colors only; assets/css/tife.css remains pristine. */
:root{--primary:#ffb454;--bright:#ffdca3;--dim:#b07f45;--line:#7a4b12;--warn:#ffe17a;--danger:#ff8f8f}
.terminal{text-shadow:0 0 6px rgba(255,180,84,.45);background:repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 4px),#000}
.shell{background:radial-gradient(circle at 50% 35%,#1a1006 0,#070301 50%,#000 100%)}
.topbar,.footerbar{background:#0a0602}
.panel{background:linear-gradient(180deg,rgba(24,14,4,.96),rgba(8,4,1,.96));box-shadow:inset 0 0 22px rgba(255,180,84,.03)}
.panel h2{border-bottom-color:#5a3a10}.panel .row{border-bottom-color:#3a2410}
.panel p{color:#d9b98a}
.topbar button,.footerbar button,.command-entry button,.button-row button,dialog button{background:#170d03}
.topbar button:hover,.footerbar button:hover,.button-row button:hover{background:#3a2410;color:var(--bright)}
.button-row button.selected{background:#4a2a12}
.center{background:#000}.command-entry{background:#100a04}
.command-entry input{background:#050301;border-color:#8a5716}
.palette{background:linear-gradient(180deg,#170d03,#070301)}
.progress{background:#211307}.output.command{color:#ff9ad1}.output.system{color:#c98f5e}
.footerbar button{color:#d9b98a}.logo{text-shadow:0 0 10px #ff4fa3}
dialog{background:#070301;border-color:var(--primary)}
.accessibility-grid select,.accessibility-grid input[type="range"]{background:#130a03}
.caption-region{border-color:#ff4fa3;color:#ffdca3}
/* Story cover: 1958 drive-in under a saucer, same structure, recolored */
.story-cover{background:#050201}
.cover-art{background:radial-gradient(circle at 68% 22%,rgba(255,79,163,.22),transparent 15%),linear-gradient(180deg,#160a1a 0%,#0c0503 58%,#000 100%);border-right-color:var(--line)}
.cover-moon{background:radial-gradient(circle at 38% 35%,#fff2d4,#ffb454 55%,#4a2a12 72%,transparent 74%);box-shadow:0 0 55px rgba(255,180,84,.35)}
.ridge-one{background:#241207;opacity:.85}.ridge-two{background:#100702}
.cover-cave{background:radial-gradient(ellipse at 50% 95%,#000 0 45%,#170d03 46% 60%,transparent 61%);filter:drop-shadow(0 -12px 18px rgba(255,79,163,.1))}
.cover-saucer{position:absolute;left:14%;top:20%;width:190px;height:54px;border-radius:50%;background:linear-gradient(180deg,#e8d8ff 0%,#9a7fb8 45%,#3a2450 100%);box-shadow:0 0 34px rgba(255,79,163,.5)}
.cover-saucer:before{content:"";position:absolute;left:32%;top:-46%;width:36%;height:90%;border-radius:50%;background:radial-gradient(circle at 50% 35%,rgba(255,213,246,.95),rgba(255,79,163,.35) 70%,transparent 72%)}
.cover-saucer:after{content:"";position:absolute;left:24%;top:96%;width:52%;height:340%;background:linear-gradient(180deg,rgba(255,79,163,.4),transparent 85%);clip-path:polygon(38% 0,62% 0,100% 100%,0 100%)}
.cover-content{background:linear-gradient(135deg,rgba(26,14,4,.98),#050201)}
.cover-content h1{text-shadow:0 0 24px rgba(255,79,163,.35)}
.cover-content p{color:#d9b98a}
.start-story{background:#3a1226;border-color:#ff9ad1;color:#ffdca3;box-shadow:0 0 18px rgba(255,79,163,.2)}
.start-story:hover,.start-story:focus{background:#5c1c3c;outline-color:#ff9ad1}