:root {
  --ink:#eaf7ff; --muted:#8ca7b4; --cyan:#26ddff; --cyan2:#087ea6;
  --amber:#ffc34f; --orange:#ef861b; --panel:rgba(5,14,20,.88);
  --line:rgba(93,198,221,.22); --danger:#ff6158;
  font-family: "Arial Narrow", "Segoe UI", system-ui, sans-serif;
  color:var(--ink); background:#02070b; color-scheme:dark;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#02070b;touch-action:none;user-select:none}
body{display:grid;place-items:center}
button{font:inherit;color:inherit;border:0;cursor:pointer;touch-action:manipulation}
button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.hidden{display:none!important}
#game-shell{position:relative;width:min(100vw,56.25vh,540px);height:min(100vh,177.778vw,960px);aspect-ratio:9/16;overflow:hidden;background:#071017;box-shadow:0 0 80px #000}
#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;background:#071017}
.screen{position:absolute;inset:0;z-index:5;overflow:hidden}
.title-screen{background:#03080b url('assets/title-shaft.png') center/cover no-repeat;display:flex;flex-direction:column;justify-content:space-between;padding:max(36px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom))}
.title-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,5,8,.2),rgba(1,5,8,0) 35%,rgba(1,5,8,.25) 68%,rgba(1,5,8,.93));pointer-events:none}
.title-vignette{position:absolute;inset:0;box-shadow:inset 0 0 110px 18px #000;pointer-events:none}
.title-copy,.title-actions{position:relative;text-align:center}
.eyebrow{font-size:11px;font-weight:900;letter-spacing:.24em;color:var(--amber);margin:0 0 5px}
h1{font-size:clamp(54px,min(16vw,9vh),82px);line-height:.8;margin:10px 0;font-weight:1000;letter-spacing:-.07em;text-shadow:0 5px 0 #4e2508,0 0 34px rgba(255,156,36,.3)}
h1 span{color:var(--amber)}
.title-copy h1 span:first-child{color:inherit}
.tagline{margin:20px 0;color:#d5e8ee;font-size:14px;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 8px #000}
.title-actions{display:grid;gap:9px;max-width:390px;width:100%;margin:0 auto}
.primary,.secondary,.danger{border-radius:13px;padding:16px 20px;font-weight:950;letter-spacing:.08em;transition:transform .12s,filter .12s}
.primary{background:linear-gradient(#ffe178,#eca220);color:#1b1104;box-shadow:inset 0 2px #fff5b2,0 6px 0 #8d4d0e,0 9px 24px rgba(0,0,0,.5)}
.primary:active,.secondary:active,.danger:active{transform:translateY(3px);filter:brightness(.92)}
.primary.big{font-size:18px;padding:19px}.secondary{background:rgba(7,20,28,.86);border:1px solid rgba(94,211,238,.38);box-shadow:inset 0 0 20px rgba(0,177,215,.08)}
.microcopy{font-size:11px;color:#91a6ad;margin:10px 0 0;letter-spacing:.04em}

.surface-screen{padding:max(25px,env(safe-area-inset-top)) 18px max(17px,env(safe-area-inset-bottom));overflow-y:auto;background:radial-gradient(circle at 50% 25%,rgba(29,112,139,.18),transparent 38%),linear-gradient(#07131a,#03090d 78%)}
.surface-screen:before{content:"";position:fixed;inset:0;opacity:.12;background:repeating-linear-gradient(120deg,transparent 0 22px,#43cce8 23px,transparent 24px 55px);pointer-events:none}
.surface-header{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.surface-header h2{font-size:30px;margin:0;letter-spacing:-.03em}.credits-pill{display:flex;align-items:center;gap:8px;background:#101d22;border:1px solid #34505a;border-radius:20px;padding:9px 13px;box-shadow:inset 0 0 18px #050a0d}
.credits-pill span{color:var(--amber);text-shadow:0 0 9px var(--amber)}
.selling-card{position:relative;background:linear-gradient(140deg,rgba(18,78,67,.92),rgba(4,19,23,.96));border:1px solid #3cb88f;border-radius:13px;padding:10px 12px;margin:9px 0;animation:slidein .35s ease;box-shadow:inset 0 0 24px rgba(53,255,190,.05)}
.selling-head,.selling-head>div,.selling-total{display:flex;align-items:center}.selling-head{justify-content:space-between;border-bottom:1px solid rgba(119,255,211,.18);padding-bottom:7px}.selling-head>div{gap:8px}.selling-head b{font-size:11px;letter-spacing:.13em}.selling-head small{color:#85b5a7;font-size:9px}.report-icon{font-size:19px;color:#7fffd2;text-shadow:0 0 9px #62ffd1}
.selling-rows{display:grid;gap:4px;padding:7px 0}.selling-row{display:grid;grid-template-columns:12px 1fr auto auto;gap:7px;align-items:center;font-size:10px}.selling-swatch{width:8px;height:8px;transform:rotate(45deg);box-shadow:0 0 6px currentColor}.selling-row span:nth-child(3){color:#8fb4a8}.selling-row b{color:#dfffee}.selling-total{justify-content:flex-end;gap:10px;border-top:1px solid rgba(119,255,211,.18);padding-top:7px}.selling-total>span{margin-right:auto;color:#91b8ad;font-size:9px;letter-spacing:.12em}.selling-total b{font-size:17px;color:#8effcc}.selling-total small{color:#8fb4a8;font-size:9px}
@keyframes slidein{from{opacity:0;transform:translateY(-8px)}}
.rig-showcase{position:relative;height:min(31vh,285px);min-height:210px;border:1px solid rgba(57,141,164,.24);border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#17303a 0,#091319 58%,#04090c);box-shadow:inset 0 0 45px #020608,0 14px 30px rgba(0,0,0,.32)}
#rig-canvas{width:100%;height:100%}.rig-badge{position:absolute;left:13px;top:13px;display:grid;background:rgba(2,8,12,.72);border-left:3px solid var(--amber);padding:6px 10px}.rig-badge span{font-size:9px;color:#8ba0aa;letter-spacing:.18em}.rig-badge b{font-size:18px;color:var(--amber)}
#rig-subtitle{position:absolute;left:13px;bottom:8px;margin:0;font-size:11px;color:#a5bec7;letter-spacing:.08em;text-transform:uppercase}
.surface-stats{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:9px 0}.surface-stats div{display:grid;text-align:center;background:#0a161c;border:1px solid #1e3944;border-radius:9px;padding:8px 4px}.surface-stats span,.section-label small{font-size:8px;color:#78919c;letter-spacing:.1em}.surface-stats b{font-size:14px;color:#dff8ff}
.section-label{position:relative;display:flex;justify-content:space-between;align-items:end;margin:11px 2px 6px;font-size:11px;font-weight:900;letter-spacing:.16em;color:#e8bd5a}
.upgrade-list{position:relative;display:grid;gap:6px}.upgrade-card{display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:9px;background:linear-gradient(90deg,#101e24,#091318);border:1px solid #253e47;border-radius:11px;padding:8px}.upgrade-card.affordable{border-color:#7b6b32;box-shadow:inset 0 0 16px rgba(255,188,58,.04)}
.upgrade-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:radial-gradient(circle,#20404a,#091317);font-size:22px;color:var(--cyan);border:1px solid #305461}.upgrade-copy{min-width:0}.upgrade-title{display:flex;gap:7px;align-items:baseline}.upgrade-title b{font-size:13px;letter-spacing:.06em}.upgrade-title span{font-size:9px;color:var(--amber)}.upgrade-copy p{font-size:9px;color:#8099a2;margin:3px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level-pips{display:flex;gap:3px}.level-pips i{width:19px;height:4px;background:#24353b;border-radius:2px}.level-pips i.on{background:linear-gradient(90deg,#ee9820,#ffdd68);box-shadow:0 0 6px #f5ad2d}
.upgrade-buy{min-width:78px;padding:10px 7px;border-radius:8px;background:#16272d;border:1px solid #34505a;color:#adc2c9;font-size:10px;font-weight:900}.affordable .upgrade-buy{background:linear-gradient(#f6c54e,#b96e13);color:#1c1002;border-color:#ffdb72}.upgrade-buy:disabled{opacity:.35;cursor:not-allowed}
.surface-footer{position:relative;display:grid;grid-template-columns:1fr 48px;gap:8px;margin-top:10px}.launch{padding:12px;display:grid}.launch small{font-size:9px;opacity:.68;margin-top:2px}.icon-button{border-radius:12px;background:#111f25;border:1px solid #29434d;color:#78919a;font-size:24px}

.hud{position:absolute;inset:0;z-index:4;pointer-events:none;padding:max(14px,env(safe-area-inset-top)) 13px max(14px,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:space-between}
.hud button{pointer-events:auto}.top-hud{display:flex;gap:7px}.hud-chip{display:grid;background:rgba(3,11,16,.83);border:1px solid rgba(87,178,200,.27);box-shadow:inset 0 0 15px #03080b,0 4px 14px #0008;border-radius:10px;padding:7px 11px}.hud-chip span{font-size:8px;color:#79929c;letter-spacing:.14em}.hud-chip b{font-size:17px;color:#ebfbff}.biome-chip{display:flex;align-items:center;gap:7px;margin-right:auto}.biome-chip span{font-size:10px;color:#b8d8e0;font-weight:900}.biome-chip i{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 9px currentColor}.audio-button{width:39px;border-radius:10px;background:rgba(3,11,16,.83);border:1px solid rgba(87,178,200,.27);font-size:19px;color:#a7c3cc}
.meter-stack{position:absolute;top:max(66px,calc(env(safe-area-inset-top) + 55px));left:13px;right:13px;display:grid;gap:4px}.meter-row{display:flex;align-items:center;gap:7px;width:min(255px,65vw)}.meter-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#09202a;color:var(--cyan);font-size:20px;font-weight:bold;border:1px solid #225567}.meter-row>div{flex:1}.meter-row label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.08em;color:#a9c2cb}.meter-row em{font-style:normal;color:#dceff3}.meter{height:7px;background:#071116;border:1px solid #26404a;border-radius:5px;overflow:hidden}.meter i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#008eb9,#4ef1ff);box-shadow:0 0 8px var(--cyan);transition:width .3s}.cargo .meter-icon{color:var(--amber);background:#211807;border-color:#59421d}.cargo .meter i{background:linear-gradient(90deg,#b26810,#ffce4a);box-shadow:0 0 8px var(--amber)}
.bottom-hud{display:flex;align-items:end;justify-content:space-between;gap:8px}.return-button{display:flex;gap:7px;align-items:center;border-radius:11px;padding:10px 12px;background:rgba(5,13,17,.88);border:1px solid #36505a;color:#b4c9d0}.return-button span{font-size:20px;color:var(--amber)}.return-button b{font-size:9px;letter-spacing:.08em}.hint-panel{display:flex;align-items:center;gap:7px;background:rgba(4,12,16,.72);padding:8px 10px;border-radius:10px}.hint-panel p{font-size:10px;color:#a8c0c9;margin:0}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px var(--cyan);animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.35;transform:scale(.72)}}
.route-actions{display:grid;gap:5px}.backtrack{border-color:#5e4c7a;color:#d8c9ed}.backtrack span{color:#c983ff}.settings-card{display:grid;gap:9px;text-align:left}.settings-card h2{text-align:center;margin-bottom:8px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:14px;border-radius:11px;background:#102028;border:1px solid #31505c;font-weight:900;letter-spacing:.08em}.setting-row b{color:#6effcf}.setting-row.off{opacity:.62}.setting-row.off b{color:#87959b}.settings-card .primary{margin-top:9px}
.toast{position:absolute;left:50%;top:26%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 26px);padding:10px 16px;background:rgba(4,12,16,.92);border:1px solid #42636e;border-radius:11px;font-weight:900;letter-spacing:.04em;white-space:normal;text-align:center;line-height:1.35;animation:toast .25s ease;box-shadow:0 8px 25px #0008}@keyframes toast{from{opacity:0;transform:translate(-50%,8px)}}
.corridor-warning{position:absolute;top:22%;display:flex;align-items:center;gap:6px;max-width:calc(100% - 26px);padding:7px 9px;background:rgba(31,10,5,.86);border:1px solid rgba(255,126,61,.72);border-radius:9px;color:#ffd3af;font-size:9px;font-weight:900;letter-spacing:.05em;line-height:1.2;box-shadow:0 0 18px rgba(255,86,35,.18);animation:corridor-in .2s ease}.corridor-warning.left{left:13px}.corridor-warning.right{right:13px;flex-direction:row-reverse}.corridor-warning b{color:#ff7d3d;font-size:21px;line-height:.7}.corridor-warning.right b{transform:rotate(180deg)}@keyframes corridor-in{from{opacity:0;transform:translateY(8px)}}
.resource-pickup{position:absolute;z-index:12;left:14px;top:38%;display:flex;align-items:center;gap:9px;max-width:215px;padding:8px 11px;border-radius:11px;background:rgba(3,13,18,.94);border:1px solid rgba(255,206,74,.55);box-shadow:0 8px 24px #000a;pointer-events:none}.resource-pickup i{width:38px;height:44px;flex:none;border-radius:8px;background-color:#071014;background-repeat:no-repeat;background-size:400% 200%}.resource-pickup i.legendary{background-size:300% 200%}.resource-pickup b{font-size:13px;color:#fff4c8;text-align:left}.resource-pickup.animate{animation:pickup-to-cargo 1.3s cubic-bezier(.2,.7,.2,1) forwards}@keyframes pickup-to-cargo{0%{opacity:0;transform:translateY(12px) scale(.92)}15%,62%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translate(-4px,-195px) scale(.7)}}
.modal{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:25px;background:rgba(0,4,7,.75);backdrop-filter:blur(5px)}.modal-card{width:min(100%,380px);text-align:center;background:radial-gradient(circle at 50% 0,#18323c,#071117 70%);border:1px solid #356272;border-radius:18px;padding:25px;box-shadow:0 25px 70px #000}.modal-card h2{font-size:28px;margin:5px}.modal-card p:not(.eyebrow){color:#9bb2bb;font-size:13px;line-height:1.5}.milestone-icon{font-size:68px;color:var(--cyan);text-shadow:0 0 24px var(--cyan);animation:pulse 1.6s infinite}.modal-card .primary{width:100%;margin-top:12px}.modal-card.compact{padding:22px}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.danger{background:#702623;color:#ffd6d3;border:1px solid #b54842}
.mode-card{max-height:calc(100% - 24px);overflow:auto}.mode-options{display:grid;gap:9px;margin:16px 0}.mode-option{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;text-align:left;gap:2px 10px;padding:13px;border-radius:13px;background:linear-gradient(100deg,#10242c,#08151b);border:1px solid #315867}.mode-option:active{transform:translateY(2px)}.mode-option>span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#09202a;color:var(--amber);font-size:25px}.mode-option>b{font-size:14px;letter-spacing:.08em}.mode-option>small{color:#90aab4;font-size:10px;line-height:1.35}.mode-option.selected{border-color:var(--amber);box-shadow:inset 0 0 22px rgba(255,195,79,.09)}.mode-note{font-size:10px!important}.mode-card>.secondary{width:100%;padding:12px}
@media (min-width:700px){body{background:radial-gradient(circle,#10232c,#020507 60%)}#game-shell{border:1px solid #233740;border-radius:18px}.surface-screen{scrollbar-width:thin}}
@media (max-height:720px){.rig-showcase{min-height:150px;height:22vh}.surface-stats{margin:6px 0}.upgrade-card{padding:6px}.surface-header h2{font-size:24px}}
@media (max-width:600px) and (orientation:portrait){#surface-screen{position:fixed;top:0;bottom:auto;left:50%;right:auto;width:min(100vw,540px);height:100vh;height:100dvh;transform:translateX(-50%)}}
@media (max-width:600px) and (orientation:portrait) and (max-height:900px){#surface-screen{padding:max(14px,env(safe-area-inset-top)) 16px max(12px,env(safe-area-inset-bottom))}#surface-screen .selling-card{padding:7px 10px;margin:5px 0}#surface-screen .selling-head{padding-bottom:5px}#surface-screen .selling-rows{padding:5px 0}#surface-screen .selling-total{padding-top:5px}#surface-screen .rig-showcase{height:clamp(150px,22dvh,200px);min-height:150px}#surface-screen .surface-stats{margin:5px 0}#surface-screen .surface-stats div{padding:6px 4px}#surface-screen .section-label{margin:6px 2px 4px}#surface-screen .upgrade-list{gap:4px}#surface-screen .upgrade-card{padding:6px}#surface-screen .surface-footer{margin-top:6px}#surface-screen .launch{padding:10px}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.surface-tools{display:flex;align-items:center;gap:7px}.surface-tools .audio-button{height:39px}.emergency-breakdown{display:grid;gap:3px;margin:5px 0;padding:7px;border-radius:8px;background:rgba(103,30,25,.34);color:#ffc1b7;font-size:10px}.emergency-breakdown div{display:flex;justify-content:space-between}.emergency-breakdown .protected{color:#9dffd5}.meter-row.warning .meter{border-color:#e89f2f}.meter-row.critical .meter,.meter-row.full .meter{border-color:#ff564d;box-shadow:0 0 10px rgba(255,69,56,.55);animation:warning-pulse .75s infinite}.meter-row.critical .meter i,.meter-row.full .meter i{background:linear-gradient(90deg,#a82924,#ff665b)}@keyframes warning-pulse{50%{filter:brightness(1.45)}}
.help-hub-card{max-height:calc(100% - 24px);overflow:auto}.help-actions{display:grid;gap:10px;margin:16px 0}.help-option{display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px;min-height:76px;padding:12px;text-align:left;border-radius:12px;background:#0c1a20;border:1px solid #2c5260;color:#effcff}.help-option>span{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#071117;border:1px solid #3e7181;color:var(--amber);font-size:23px}.help-option>b{font-size:13px;letter-spacing:.06em}.help-option>small{font-size:10px;line-height:1.35;color:#8faab4}.help-card,.encyclopedia-card{max-height:calc(100% - 24px);overflow:auto;text-align:left}.help-card>h2,.encyclopedia-card>h2{text-align:center}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.help-grid section{padding:9px;border-radius:9px;background:#0c1a20;border:1px solid #213e49}.help-grid b{font-size:10px;color:var(--amber);letter-spacing:.08em}.help-grid p{margin:4px 0 0!important;font-size:10px!important;line-height:1.35!important}.resource-encyclopedia{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:10px 0}.resource-entry{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:7px;padding:7px;background:#0b171d;border:1px solid #213d47;border-radius:10px;min-height:68px}.resource-entry.unknown{filter:grayscale(1);opacity:.55}.resource-entry i{width:46px;height:54px;background-repeat:no-repeat;background-color:#071014;background-size:400% 200%;border-radius:8px}.resource-entry i.legendary{background-size:300% 200%}.resource-entry b{display:block;font-size:10px}.resource-entry small{display:block;font-size:8px;color:#86a1ab;margin-top:3px}.diagnostics{position:absolute;z-index:30;right:5px;bottom:5px;max-width:52%;max-height:38%;overflow:hidden;margin:0;padding:7px;background:rgba(0,0,0,.82);border:1px solid #35d6ff;color:#8ff1ff;font:9px/1.35 Consolas,monospace;pointer-events:none;white-space:pre-wrap}.diagnostic-actions{position:absolute;z-index:31;left:5px;bottom:5px;display:flex;gap:3px;flex-wrap:wrap;max-width:48%}.diagnostic-actions button{padding:5px 7px;border:1px solid #d9a532;background:#101a1f;color:#ffd36b;border-radius:5px;font:700 8px Consolas}
@media(max-width:360px){.help-grid{grid-template-columns:1fr}.resource-encyclopedia{grid-template-columns:1fr}.modal{padding:14px}.modal-card{padding:17px}.mode-option{padding:10px}.resource-pickup{top:35%;max-width:190px}.resource-pickup b{font-size:12px}}