/* Reactor Core — industrial portrait interface. Charcoal metal panels, brass
   ridges, gold actions, green readouts. Phone first; desktop is the same
   column, centred. */
:root{--bg:#0e0f0f;--panel:#151817;--panel2:#0b0f0f;--ink:#efe8d6;--muted:#a9a596;--dim:#6f6c62;--brass:#ffc53b;--brass2:#c9a24a;--gold1:#ffdc62;--gold2:#e9a713;--green:#6ee76a;--red:#ff8f6b;--ridge:#5c584e;--line:#2c2e2a;
  --sans:'Bahnschrift','Arial Narrow','Roboto Condensed','Segoe UI',sans-serif;--mono:'Bahnschrift','Consolas',monospace}
*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--sans)}body{overflow:hidden}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:2px}a{color:inherit}
.coin{display:inline-block;width:.82em;height:.82em;margin:0 .14em 0 0;vertical-align:-.08em;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff4c0 0,#ffd257 28%,#d99a1a 62%,#7a4d0c 100%);box-shadow:inset 0 0 0 .07em #8a5a10,inset 0 0 0 .15em #ffd970,0 .04em .08em #0008;position:relative}
.coin::after{content:'';position:absolute;inset:32%;border-radius:50%;border:.06em solid #8a5a10aa}
/* ---------- shell ---------- */
.app{height:100dvh;max-width:600px;margin:0 auto;display:flex;flex-direction:column;background:linear-gradient(#171918,#101211);border-inline:1px solid #2a2b27;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left)}
.topbar{flex-shrink:0;height:44px;display:flex;align-items:center;gap:8px;padding:0 10px;background:linear-gradient(#2b2c28,#151716);border-bottom:2px ridge #4f4b41}
.brand{display:flex;align-items:center;gap:6px;font:700 14px var(--sans);letter-spacing:2px;text-decoration:none;white-space:nowrap}.brand b{color:var(--brass)}.brand-wheel{font-size:19px;color:var(--brass)}
.gen-chip{margin-left:auto;padding:4px 9px;border:1px solid #5d5440;border-radius:12px;background:#0b0e0d;font:700 10px var(--sans);letter-spacing:.8px;color:#e9d6a8;white-space:nowrap}.gen-chip .seal{color:var(--brass)}
.top-tools{display:flex;gap:6px}.top-tools button{height:30px;min-width:30px;padding:0 8px;border:2px ridge #5e5949;border-radius:6px;background:linear-gradient(#262a27,#0d1110);font:700 11px var(--sans);color:var(--brass)}
#devButton.speeding{background:linear-gradient(#ffda5a,#e9a713);color:#1a1a0d}#settingsButton{font-size:16px;color:#e5d8b8}
/* ---------- resources ---------- */
.resources{flex-shrink:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:5px;background:linear-gradient(#24241f,#121413)}
.res{position:relative;overflow:hidden;min-width:0;padding:6px 6px 7px;text-align:left;border:2px ridge var(--ridge);border-radius:6px;background:linear-gradient(115deg,#1f2321,#090c0d);box-shadow:inset 0 0 9px #000}
.res-label{display:block;font:700 9px var(--sans);letter-spacing:.5px;color:#d4c4a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.res-label i{font-style:normal;margin-right:3px}
.res strong{display:block;margin:3px 0 2px;font:700 15px var(--sans);color:#fff2d4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.res strong small{font-size:10px;color:var(--muted);font-weight:400}
.flow{display:flex;gap:5px;font:700 10px var(--sans);white-space:nowrap;overflow:hidden}.flow .up{color:var(--green)}.flow .down{color:var(--red)}.flow .zero{color:var(--dim)}.flow small{font-weight:400;color:var(--muted)}
.res-fill{position:absolute;left:0;bottom:0;height:3px;background:linear-gradient(90deg,#8a6a20,var(--brass));transition:width .4s}
.strip{flex-shrink:0;display:flex;gap:4px;padding:0 5px 5px;overflow-x:auto;scrollbar-width:none;background:#121413}.strip::-webkit-scrollbar{display:none}.strip[hidden]{display:none}
.chip{flex:1 0 auto;min-width:76px;padding:4px 7px;border:1px solid #4a463c;border-radius:5px;background:#0b0e0e;text-align:left}.chip span{display:block;font:700 8px var(--sans);letter-spacing:.5px;color:#cdb98f}.chip b{display:block;font:700 12px var(--sans);color:#fff0d0;white-space:nowrap}.chip .flow{font-size:9px}
/* ---------- goal ---------- */
.goal{flex-shrink:0;display:flex;align-items:center;gap:8px;margin:0 5px 5px;padding:6px 9px;text-align:left;border:1px solid #6b5a2c;border-radius:6px;background:linear-gradient(90deg,#2b230f,#141510);min-height:38px}
.goal-icon{font-size:17px;color:var(--brass)}.goal-copy{min-width:0;flex:1}.goal b{display:block;font:700 11px var(--sans);letter-spacing:.7px;color:var(--brass);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.goal-reqs{display:flex;gap:8px;margin-top:3px;flex-wrap:wrap}.goal-req{font:11px var(--sans);color:#e8dfc8;white-space:nowrap}.goal-req i{display:inline-block;width:34px;height:4px;margin-left:4px;vertical-align:1px;border-radius:2px;background:#000;overflow:hidden;position:relative}.goal-req i::after{content:'';position:absolute;inset:0;width:var(--p);background:var(--green)}
.goal-go{font:700 16px var(--sans);color:var(--brass)}.goal.ready{border-color:var(--green)}.goal.elders{border-color:var(--brass);box-shadow:0 0 14px #ffc53b44}
/* ---------- world ---------- */
.world{flex:1;min-height:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y}.world::-webkit-scrollbar{display:none}
.sector{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative}
.sector-scroll{height:100%;overflow-y:auto;overscroll-behavior-y:contain;padding:0 6px 14px;scrollbar-width:thin;scrollbar-color:#6d5f3b #121413}
/* ---------- control card (top of every sector) ---------- */
.control-card{margin-top:2px;border:3px ridge #5f5a4c;border-radius:8px;overflow:hidden;background:#0d1110;box-shadow:0 3px 10px #0008}
.scene{position:relative;height:clamp(142px,38vw,200px);overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 60% 45%,#3a2a16,#120e09 75%);border-bottom:2px ridge #6a6154;cursor:pointer}
.scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%;z-index:-2}
.scene>canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;display:block}
.scene::after{content:'';position:absolute;inset:0;background:linear-gradient(#000a,transparent 40%,transparent 70%,#0009);z-index:-1;pointer-events:none}
body[data-scenes="off"] .scene>canvas{display:none}body[data-scenes="off"] .scene{height:74px}
.scene-title{position:absolute;left:8px;top:8px;display:flex;align-items:center;gap:7px;padding:5px 10px 5px 7px;border:2px ridge #5e594b;border-radius:5px;background:linear-gradient(90deg,#0c1111f2,#0c1111c0);pointer-events:none;max-width:62%}
.scene-title .glyph{font:bold 26px Georgia,serif;color:var(--brass);text-shadow:0 2px #4d2a00,0 0 10px #ffaa3866;line-height:1}
.scene-title h1{margin:0;font:700 17px var(--sans);letter-spacing:.6px;color:#fff2d4;line-height:1.05;white-space:nowrap}.scene-title small{display:block;font:10px var(--sans);color:#d8cdb0;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scene-output{position:absolute;right:8px;top:8px;padding:5px 9px;text-align:right;border:2px ridge #726c5b;border-radius:5px;background:linear-gradient(110deg,#202523ee,#080d0eee);pointer-events:none;max-width:40%}
.scene-output span{display:block;font:700 9px var(--sans);letter-spacing:.6px;color:#d4c4a0}.scene-output strong{display:block;font:700 18px var(--sans);color:#fff2d4;white-space:nowrap}.scene-output small{display:block;font:9px var(--sans);color:var(--green);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.control-body{padding:9px 10px 10px;background:repeating-linear-gradient(105deg,#141716 0,#141716 3px,#161a18 4px)}
.panel-label{display:flex;justify-content:space-between;align-items:center;font:700 10px var(--sans);letter-spacing:1.6px;color:#d7b974;margin-bottom:8px}
.mode{padding:2px 7px;border-radius:9px;font:700 9px var(--sans);letter-spacing:.8px;background:#262a26;color:var(--muted)}.mode.auto{background:#1d3a20;color:var(--green)}
.action{position:relative;width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;text-align:left;overflow:hidden;border:3px ridge #ffe18b;border-radius:7px;background:linear-gradient(#ffd253,#dca016);color:#201e11;box-shadow:0 3px 0 #6b4d12,0 5px 10px #0008}
.action-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#fff3b0aa,#fff7cfdd);mix-blend-mode:soft-light;pointer-events:none}
.action.running .action-fill,.action.auto .action-fill{background:linear-gradient(90deg,#3b8f3a,#6ee76a);mix-blend-mode:normal;opacity:.5}
.action-text{position:relative;min-width:0}.action b{display:block;font:700 16px var(--sans);letter-spacing:.6px}.action small{display:block;margin-top:2px;font:11px var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.action em{position:relative;flex-shrink:0;font:700 17px var(--sans);font-style:normal;white-space:nowrap}
.action:active:enabled{transform:translateY(2px);box-shadow:0 1px 0 #6b4d12}
.action:disabled{background:linear-gradient(#2d332c,#1b201b);border-color:#6c6445;color:#e2d7b8;box-shadow:0 2px 0 #0008}.action.running,.action.auto{border-color:#5f8f5a}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:9px 0 7px}
.stat{padding:5px 7px;border:1px solid #3b3d35;border-radius:5px;background:#0b0f0e;min-width:0}.stat span{display:block;font:9px var(--sans);letter-spacing:.6px;color:var(--muted)}.stat b{display:block;margin-top:2px;font:700 14px var(--sans);color:#fff0ce;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.store-label{display:flex;justify-content:space-between;font:10px var(--sans);color:var(--muted);margin-bottom:3px}.bar{height:7px;padding:1px;border:1px solid #545040;border-radius:4px;background:#050807}.bar i{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(#ffe580,#e8a815);transition:width .3s}
.status{margin:8px 0 0;padding:6px 9px;border-left:3px solid #ddb336;background:#ffd36a0d;font:12px/1.45 var(--sans);color:#cfc8b2}.status.warning{border-color:var(--red);color:#ffc4a8;background:#ff8f6b12}
.operator{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding:7px 9px;text-align:left;border:2px ridge #82744f;border-radius:6px;background:linear-gradient(#2c3028,#141b16)}
.operator b{display:block;font:700 13px var(--sans);letter-spacing:.6px;color:#ffcf56}.operator small{display:block;font:11px/1.3 var(--sans);color:var(--muted)}.operator em{flex-shrink:0;font:700 14px var(--sans);font-style:normal;color:var(--brass);text-align:right;white-space:nowrap}.operator em small{font:9px var(--sans);letter-spacing:.6px;color:var(--muted)}
.operator.hired{border-color:#5f8f5a;background:linear-gradient(#1f3a24,#122017)}.operator.hired em{color:var(--green)}.operator:disabled:not(.hired){opacity:.7}
/* ---------- locked sectors ---------- */
.locked-card{padding:14px 12px 16px;text-align:center}.locked-card h2{margin:4px 0 6px;font:700 17px var(--sans);letter-spacing:1px;color:#fff0d0}
.locked-card .how{font:13px/1.45 var(--sans);color:#d9d2bf;margin:0 0 10px}.lock-previous{font:12px var(--sans);color:var(--red)}
.requirements{display:grid;gap:7px;margin:8px 0 12px;text-align:left}.requirement{position:relative;display:flex;justify-content:space-between;padding:8px 10px 12px;border:2px ridge #575244;border-radius:5px;background:#0b100f;font:13px var(--sans);color:#d9d2bf}.requirement b{color:#fff0d0}.requirement.done b{color:var(--green)}
.requirement i{position:absolute;left:3px;bottom:3px;height:4px;max-width:calc(100% - 6px);border-radius:2px;background:linear-gradient(90deg,#e8a815,#ffe580)}.requirement.done i{background:var(--green)}
.lock-preview{font:12px/1.5 var(--sans);color:var(--muted);margin:0}.lock-chain{font:700 11px var(--sans);letter-spacing:1px;color:var(--brass2);margin:8px 0 0}.lock-chain b{color:#fff0d0}
.sector.locked .scene{filter:saturate(.45) brightness(.8)}
/* ---------- panels: workforce, technology ---------- */
.panel{margin-top:8px;padding:10px;border:2px ridge #595548;border-radius:7px;background:#101514}
.priority-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:4px 0 9px}.priority-buttons button{min-height:36px;border:2px ridge #666258;border-radius:5px;background:linear-gradient(#202725,#0a0f10);font:700 11px var(--sans);color:#e3ceaa}.priority-buttons button[aria-pressed="true"]{background:linear-gradient(var(--gold1),var(--gold2));color:#19180c;border-color:#fce084}
.allocation{display:grid;gap:5px}.allocation-row{position:relative;display:flex;justify-content:space-between;padding:6px 9px 9px;border:1px solid #3f3b32;border-radius:4px;background:#0b100f;font:12px var(--sans);color:#d9d2bf}.allocation-row b{color:#fff0d0}.allocation-row.closed{opacity:.45}.allocation-row i{position:absolute;left:2px;bottom:2px;height:3px;max-width:calc(100% - 4px);border-radius:2px;background:var(--green)}
.panel-note{font:12px/1.45 var(--sans);color:var(--muted);margin:8px 0 0}
#tech-list{display:grid;gap:5px}.tech{display:flex;justify-content:space-between;align-items:center;gap:9px;width:100%;min-height:54px;padding:7px 9px;text-align:left;border:2px ridge #4f4c40;border-radius:6px;background:linear-gradient(110deg,#181d1b,#0a0f10)}
.tech b{display:block;font:700 13px var(--sans);color:#fff0ce;text-transform:uppercase}.tech small{display:block;font:11px var(--sans);color:#b9beb7;margin-top:1px}.tech .tech-status{display:block;font:10px var(--sans);font-style:normal;color:var(--dim);margin-top:2px}
.tech-cost{flex-shrink:0;min-width:72px;padding:7px 6px;border:2px ridge #8f7a45;border-radius:5px;text-align:center;font:700 13px var(--sans);color:var(--brass);background:#0b0f0e}
.tech.ready{border-color:var(--brass)}.tech.ready .tech-cost{background:linear-gradient(var(--gold1),var(--gold2));color:#19180c;border-color:#fce084}.tech.ready .tech-status{color:var(--green)}.tech.done{opacity:.55}.tech.done .tech-cost{color:var(--green);border-color:#4b7a45}
.elders-button{width:100%;min-height:48px;margin-top:9px;border:3px ridge #ffe18b;border-radius:6px;background:linear-gradient(#ffd253,#c9861a);color:#201e11;font:700 15px var(--sans);letter-spacing:1px;box-shadow:0 0 18px #ffc53b66}
/* ---------- upgrades ---------- */
.upgrades{margin-top:8px}.upgrades-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:5px;padding:7px 4px;margin:0 -6px 5px;background:linear-gradient(#1e211f,#0b0e0f);border-bottom:2px ridge #5f5a4c}
.upgrades-head>span{margin-right:auto;padding-left:8px;font:700 11px var(--sans);letter-spacing:1.4px;color:#cdb98f}.upgrades-head button{min-width:46px;min-height:30px;border:2px ridge #666258;border-radius:5px;background:linear-gradient(#202725,#0a0f10);font:700 13px var(--sans)}.upgrades-head button[aria-pressed="true"]{background:linear-gradient(var(--gold1),var(--gold2));color:#19180c;border-color:#fce084}
.upgrade{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) 88px;align-items:center;gap:8px;margin-bottom:5px;padding:6px;text-align:left;border:2px ridge #4f4d42;border-radius:7px;background:linear-gradient(110deg,#181d1b,#0f1413 55%,#090e0f);box-shadow:inset 0 0 8px #000}
.u-icon{width:44px;height:44px;display:grid;place-items:center;border:2px ridge #9b8a64;border-radius:6px;background:radial-gradient(circle at 40% 35%,#3a3220,#120f0a);font:24px Georgia,serif;color:#ffe0a0;text-shadow:0 2px 2px #000,0 0 10px #edab33}
.u-main{min-width:0}.u-name{display:flex;align-items:baseline;gap:6px}.u-name b{font:700 14px var(--sans);text-transform:uppercase;color:#fff0ce;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.u-name em{flex-shrink:0;font:700 11px var(--sans);font-style:normal;color:var(--brass)}
.u-desc{display:block;font:11px/1.3 var(--sans);color:#b2b6ae;margin-top:2px}.u-effect{display:block;font:700 11px var(--sans);color:var(--green);margin-top:2px}
.u-meter{display:block;height:5px;margin-top:5px;border-radius:3px;background:#050807;overflow:hidden}.u-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#e8a815,#ffe580)}.u-progress{display:block;font:9px var(--sans);color:var(--muted);margin-top:2px}
.u-price{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;padding:4px;border:3px ridge #ffda6c;border-radius:7px;background:linear-gradient(110deg,var(--gold1),#f4ba26 60%,#d79b0c);box-shadow:0 3px 0 #654813,0 4px 6px #000;color:#1b1c10;font:700 15px var(--sans);white-space:nowrap}.u-price b{font:700 10px var(--sans);letter-spacing:.6px}
.upgrade:disabled .u-price{background:linear-gradient(110deg,#5b5234,#3e3720);border-color:#7d6f45;color:#d8c999;box-shadow:0 2px 0 #2a2410}
.upgrade.key .u-icon{border-color:var(--brass);box-shadow:0 0 8px #ffc53b55}.upgrade.key .u-progress{color:var(--brass)}
.upgrade.locked{opacity:.62;background:#0c0f0e}.upgrade.locked .u-icon{filter:grayscale(1)}.upgrade.locked .u-effect{color:var(--brass2)}.upgrade.locked .u-price{background:#1a1c19;border-color:#4a463b;color:var(--muted);box-shadow:none}
.footnote{font:11px/1.5 var(--sans);color:var(--dim);margin:8px 4px 0}
/* ---------- dock ---------- */
.dock{flex-shrink:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px;padding:4px 4px calc(4px + env(safe-area-inset-bottom));background:linear-gradient(#2b2b26,#131614);border-top:3px ridge #5a5447}
.dock button{position:relative;min-width:0;min-height:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:6px;color:#cbbd98}
.dock .nav-icon{position:relative;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:17px;line-height:1}
.dock .nav-name{font:700 9px var(--sans);letter-spacing:.3px;white-space:nowrap}
.dock button.active{background:radial-gradient(ellipse at 50% 30%,#6e521b88,transparent 75%);color:#fff1cc}.dock button.active .nav-icon{box-shadow:0 0 0 2px var(--brass);color:var(--brass)}
.dock button.locked{color:#6f6a5c}.dock button.locked .nav-icon{filter:grayscale(1);opacity:.55}
.dock button.next .nav-icon{background:conic-gradient(var(--brass) var(--p),#2b2a24 0);box-shadow:inset 0 0 0 3px #131614;filter:none;opacity:1}
.dock .badge{position:absolute;top:3px;right:calc(50% - 18px);width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green)}.dock .badge[hidden]{display:none}
.dock .lock{position:absolute;top:2px;right:calc(50% - 19px);font-size:9px}
/* ---------- notices and dialogs ---------- */
.notice{position:fixed;left:50%;bottom:calc(70px + env(safe-area-inset-bottom));z-index:10;transform:translate(-50%,12px);opacity:0;pointer-events:none;width:max-content;max-width:min(560px,92vw);padding:9px 14px;border:1px solid #bc963b;border-radius:6px;background:#171d18f5;color:#ffdf8b;font:13px var(--sans);text-align:center;box-shadow:0 8px 28px #000a;transition:opacity .2s,transform .2s}
.notice.show{opacity:1;transform:translate(-50%,0)}.notice.milestone{border-color:#ffe18b;background:linear-gradient(#3a2e12f5,#1c170af5);color:#ffe9a8;font-weight:700;box-shadow:0 0 24px #ffc53b55}.notice.warning{border-color:var(--red);color:#ffc2a0}
dialog{width:calc(100% - 28px);max-width:440px;max-height:calc(100dvh - 30px);overflow-y:auto;padding:20px;border:2px ridge #877b4d;border-radius:8px;background:#1a1f1b;color:var(--ink);font-family:var(--sans);box-shadow:0 20px 80px #000c}
dialog::backdrop{background:#060908c4;backdrop-filter:blur(4px)}dialog h2{margin:6px 0 14px;font:700 22px var(--sans);color:#fff0d0}dialog p{font-size:13px;line-height:1.55;color:var(--muted)}
.dialog-eyebrow{font:700 10px var(--sans);letter-spacing:2px;color:var(--brass)}
.setting-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #2f322c;font-size:14px}.setting-row input{accent-color:var(--brass);width:20px;height:20px}
.primary{display:block;width:100%;min-height:46px;margin-top:14px;border:2px ridge #877b4d;border-radius:6px;background:linear-gradient(#36412d,#232a1e);font:700 13px var(--sans);letter-spacing:1px}.primary.danger{border-color:#b37a55;background:linear-gradient(#4a2f25,#2c1c16);color:#f4bf9a}
.dev-speeds{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.dev-speeds button,.dev-grid button,.save-actions button,.restore{min-height:40px;border:1px solid #4d483d;border-radius:5px;background:#252d25;font:13px var(--sans)}.dev-speeds button[aria-pressed="true"]{background:#4b5131;border-color:var(--brass);color:#efdda8}
.dev-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0 4px}#devClock{color:var(--brass)}
#saveText{width:100%;margin:6px 0;padding:8px;border:1px solid #574f3a;background:#0b0f0d;color:#d9d2bf;font:11px Consolas,monospace;resize:vertical}
.save-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.restore{width:100%;margin-top:8px}.save-message{min-height:18px;color:var(--green)!important}.save-message.warning{color:var(--red)!important}.save-title{margin-top:18px}
.legacy-link{display:block;margin:16px 0 0;font:12px var(--sans);color:var(--brass2)}
.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0}.report-grid>div{padding:7px 9px;border:1px solid #3f3b32;border-radius:5px;background:#0b100f}.report-grid span{display:block;font:11px var(--sans);color:var(--muted)}.report-grid b{display:block;font:700 16px var(--sans);color:var(--green);margin-top:2px}.report-grid b.loss{color:var(--red)}
.report-cycles,.report-unlocks{font:12px/1.5 var(--sans)!important;color:#d9d2bf!important}.report-stops{margin:6px 0 0;padding-left:18px;font:12px/1.6 var(--sans);color:#e2b98f}
.flow-table{display:grid;gap:4px;margin:10px 0}.flow-row{display:flex;justify-content:space-between;padding:7px 9px;border:1px solid #3a3730;border-radius:5px;background:#0b100f;font:13px var(--sans)}.flow-row b.up{color:var(--green)}.flow-row b.down{color:var(--red)}.flow-row.total{border-color:#6b5a2c;font-weight:700}
.flow-empty{font-size:12px;color:var(--dim)}
@media(min-width:480px){.res strong{font-size:17px}.res-label{font-size:10px}.scene-title h1{font-size:20px}.action b{font-size:17px}.u-name b{font-size:15px}.u-desc{font-size:12px}.dock .nav-name{font-size:10px}}
@media(max-width:360px){.res strong{font-size:13px}.res-label{font-size:8px}.flow{font-size:9px;gap:3px}.upgrade{grid-template-columns:38px minmax(0,1fr) 78px;gap:6px}.u-icon{width:38px;height:38px;font-size:20px}.u-name b{font-size:12px}.u-price{font-size:13px}.dock .nav-name{font-size:8px}.brand{font-size:12px}}
body[data-motion="off"] *{transition:none!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}