:root{--bg:#1b1520;--panel:#3b3b3b;--panel-dark:#262626;--panel-light:#5a5a5a;--text:#f2f2f2;--dim:#b5b5b5;--gold:#ffd83d;--good:#7ed957;--bad:#ff5a5a;--story:#9fdcff;--font:ui-monospace, "SF Mono", Menlo, Consolas, "Courier New", monospace}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none;margin:0;overflow:hidden}#app{place-items:center;display:grid;position:fixed;inset:0}.hidden{display:none!important}#stage{--scale:2;background:#000;position:fixed;inset:0;overflow:hidden}canvas#game{image-rendering:pixelated;image-rendering:crisp-edges;background:#000;display:block}.hud{pointer-events:none;font-size:clamp(10px, calc(var(--scale) * 5.5px), 24px);text-shadow:2px 2px #000;position:absolute;inset:0}.hud-left{flex-direction:column;gap:4px;display:flex;position:absolute;top:8px;left:8px}.bar{grid-template-columns:3.6em 9em auto;align-items:center;gap:6px;font-weight:700;display:grid}.bar-track{background:#111;border:2px solid #000;height:.9em;box-shadow:inset 0 0 0 1px #444}.bar-fill{height:100%;transition:width .15s linear}.bar.fuel .bar-fill{background:linear-gradient(#ffcf4a,#e08a00)}.bar.hull .bar-fill{background:linear-gradient(#ff7070,#c02020)}.bar.oxygen .bar-fill{background:linear-gradient(#a8ecff,#3a9ad8)}.bar.low .bar-label{color:var(--bad);animation:.6s steps(2,end) infinite blink}.bar-text{color:var(--dim);font-size:.85em}.warn{color:var(--bad);font-weight:700;animation:.6s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.35}}.hud-right{flex-direction:column;align-items:flex-end;gap:3px;font-weight:700;display:flex;position:absolute;top:8px;right:8px}.hud-world{color:var(--gold)}.stat{align-items:center;gap:6px;display:flex}.stat.full{color:var(--bad)}.stat-label{color:var(--dim);font-size:.8em}.px-icon{image-rendering:pixelated;vertical-align:middle}.hotbar{pointer-events:auto;background:#0000008c;border:2px solid #000;gap:2px;padding:3px;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.slot{width:clamp(36px, calc(var(--scale) * 14px), 72px);height:clamp(36px, calc(var(--scale) * 14px), 72px);cursor:pointer;background:#8b8b8b;border:2px solid #fff;border-color:#373737 #fff #fff #373737;place-items:center;padding:0;display:grid;position:relative}.slot img{width:60%;height:60%}.slot:hover{background:#a0a0a0}.slot.empty img{opacity:.35}.slot-key{color:#fff;text-shadow:1px 1px #000;font-size:10px;position:absolute;top:0;left:2px}.slot-count{color:#fff;text-shadow:1px 1px #000;font-size:12px;font-weight:700;position:absolute;bottom:0;right:2px}.toasts{flex-direction:column;align-items:center;gap:4px;width:min(90%,620px);display:flex;position:absolute;top:18%;left:50%;transform:translate(-50%)}.toast{text-align:center;background:#000000b8;border:2px solid #000;padding:4px 10px;font-size:.85em;font-weight:700;transition:opacity .5s}.toast.good{color:var(--good)}.toast.bad{color:var(--bad)}.toast.story{color:var(--story);border-color:#234}.toast.star{color:var(--gold);font-size:1.05em}.toast.fade{opacity:0}.toast.floating{z-index:50;font-size:14px;position:fixed;top:20px;left:50%;transform:translate(-50%)}.boss-bar{text-align:center;color:#e0c0ff;width:38%;font-weight:700;position:absolute;top:8px;left:50%;transform:translate(-50%)}.boss-track{background:#111;border:2px solid #000;height:10px;margin-top:2px}.boss-fill{background:linear-gradient(#ff7a4a,#a8100a);height:100%;transition:width .3s}.damage-flash{opacity:0;position:absolute;inset:0;box-shadow:inset 0 0 60px 20px #f009}.damage-flash.on{animation:.35s ease-out flash}@keyframes flash{0%{opacity:1}to{opacity:0}}.touch-controls{display:none}.panel-close{width:32px;height:32px;font-family:var(--font);color:#fff;cursor:pointer;background:#0000004d;border:2px solid #000;flex-shrink:0;margin-left:12px;font-size:16px}.panel-close:hover{background:#7d8bc9}.touch-only,.touch-pause,.rotate-tip{display:none}@media (pointer:coarse){.keys-only{display:none!important}.touch-only{display:revert}.controls-help.touch-only{display:flex}.touch-pause{z-index:5;color:#fff;touch-action:manipulation;background:#00000059;border:2px solid #fff6;width:44px;height:44px;font-size:16px;display:block;position:absolute;bottom:4px;left:12px}}@media (pointer:coarse) and (orientation:portrait){.rotate-tip{z-index:5;color:#fff;text-align:center;pointer-events:none;background:#000000b3;border:2px solid #fff6;padding:8px 12px;font-size:13px;animation:6s forwards rotate-tip;display:block;position:absolute;top:30%;left:50%;transform:translate(-50%)}}@keyframes rotate-tip{0%,75%{opacity:1}to{opacity:0;visibility:hidden}}@media (pointer:coarse){.touch-controls{pointer-events:none;justify-content:space-between;padding:0 12px;display:flex;position:absolute;inset:auto 0 52px}.touch-controls>div{gap:10px;display:flex}.touch-right{flex-direction:column-reverse}.touch-controls button{pointer-events:auto;color:#fff;touch-action:none;background:#00000059;border:2px solid #fff6;width:56px;height:56px;font-size:22px}.touch-controls button.held{background:#ffffff4d}}.mc-btn{font-family:var(--font);color:#fff;text-shadow:2px 2px #3f3f3f;cursor:pointer;white-space:nowrap;background:#6f6f6f;border:2px solid #000;padding:8px 14px;font-size:14px;font-weight:700;box-shadow:inset 2px 2px #aaa,inset -2px -2px #444}.mc-btn:hover:not(:disabled){background:#7d8bc9;box-shadow:inset 2px 2px #b9c4f0,inset -2px -2px #4a5590}.mc-btn.primary{background:#4f8f3a;box-shadow:inset 2px 2px #8fd070,inset -2px -2px #2e5a20}.mc-btn.primary:hover:not(:disabled){background:#5fa848}.mc-btn:disabled{color:#a0a0a0;box-shadow:none;cursor:not-allowed;text-shadow:none;background:#2c2c2c}.mc-btn.big{min-width:240px;padding:12px 28px;font-size:18px}#modal{z-index:20;position:fixed;inset:0}.modal-backdrop{background:#0000008c;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.panel{background:var(--panel);width:min(640px,100%);max-height:calc(100dvh - 32px);box-shadow:inset 3px 3px 0 var(--panel-light), inset -3px -3px 0 var(--panel-dark);border:3px solid #000;flex-direction:column;display:flex}.panel.narrow{width:min(440px,100%)}.panel-head{justify-content:space-between;align-items:center;padding:12px 16px 6px;display:flex}.panel-head h2{color:var(--gold);text-shadow:2px 2px #000;margin:0 auto 0 0;font-size:20px}.wallet{align-items:center;gap:6px;font-size:16px;font-weight:700;display:flex}.panel-body{padding:6px 16px 10px;overflow-y:auto}.panel-body p{margin:6px 0}.panel-body.stack{flex-direction:column;gap:8px;display:flex}.panel-foot{justify-content:flex-end;padding:8px 16px 14px;display:flex}.dim{color:var(--dim);font-size:.9em}.warn-text{color:var(--gold)}.row{gap:8px;margin-top:10px;display:flex}.meter{background:#111;border:2px solid #000;height:16px}.meter-fill{height:100%}.meter-fill.fuel{background:linear-gradient(#ffcf4a,#e08a00)}.meter-fill.hull{background:linear-gradient(#ff7070,#c02020)}.list{flex-direction:column;gap:4px;display:flex}.list-row{background:#2f2f2f;border:2px solid #1f1f1f;align-items:center;gap:10px;padding:6px 8px;display:flex}.grow{flex:1;min-width:0}.price{color:var(--gold);text-align:right;min-width:70px;font-weight:700}.ore-icon{image-rendering:pixelated}.tier{color:var(--story);font-size:.9em}.pips{vertical-align:middle;gap:2px;margin-left:4px;display:inline-flex}.pips i{background:#1a1a1a;border:1px solid #000;width:8px;height:8px}.pips i.on{background:var(--good)}.skin-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.skin-card{background:#2f2f2f;border:2px solid #1f1f1f;flex-direction:column;align-items:center;gap:4px;padding:8px;display:flex}.skin-card.equipped{border-color:var(--good)}.skin-card.locked .skin-preview{filter:saturate(.75)brightness(.8)}.skin-preview{image-rendering:pixelated;background:radial-gradient(#4a4a4a,#2a2a2a)}.skin-name{font-weight:700}.skin-card .mc-btn{padding:4px 10px;font-size:12px}.tag{color:var(--dim);text-align:center;font-size:11px}.tag.good{color:var(--good);font-weight:700}#screen{position:fixed;inset:0;overflow:auto}.title-screen{background:linear-gradient(#00000040,#0009),repeating-linear-gradient(90deg,#0000 0 46px,#0000002e 46px 48px),repeating-linear-gradient(0deg,#0000 0 46px,#0000002e 46px 48px),linear-gradient(#6fb8ff 0 22%,#5fae3c 22% 25%,#8b5a3c 25% 55%,gray 55% 80%,#5e5a66 80%);flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100%;padding:24px 16px;display:flex}.logo{letter-spacing:.04em;color:#e8e8e8;text-shadow:4px 4px #3a3a3a,8px 8px #000;-webkit-text-stroke:2px #000;font-size:clamp(42px,9vw,92px);font-weight:900}.logo span{color:var(--gold)}.logo.small{text-shadow:2px 2px #3a3a3a,4px 4px #000;-webkit-text-stroke:1px #000;font-size:26px}.subtitle{color:#fff6c0;text-shadow:2px 2px #000;margin:0;font-size:18px;animation:2s ease-in-out infinite bob}@keyframes bob{50%{transform:scale(1.05)}}.how-to-play{flex-direction:column;gap:12px;max-width:560px;display:flex}.how-to-play h3{color:var(--gold);margin:0 0 4px;font-size:15px}.how-to-play p{margin:0}.title-buttons{flex-direction:column;gap:10px;display:flex}.controls-help{color:#eee;text-shadow:1px 1px #000;flex-wrap:wrap;justify-content:center;gap:6px 18px;max-width:640px;font-size:13px;display:flex}.controls-help.small{color:var(--dim);flex-direction:column;gap:4px;font-size:12px}kbd{min-width:22px;font-family:var(--font);text-align:center;background:#6f6f6f;border:2px solid #000;margin:0 1px;padding:2px 5px;display:inline-block;box-shadow:inset 1px 1px #aaa,inset -1px -1px #444}.fineprint{color:#ccc;text-shadow:1px 1px #000;font-size:11px}.map-screen{background:radial-gradient(at 50% 0,#2a1a4a 0%,#0000 60%),radial-gradient(at 50% 100%,#1f4a2a 0%,#0000 60%),#15121c;flex-direction:column;min-height:100%;display:flex}.map-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.map-stats{align-items:center;gap:4px;font-size:18px;font-weight:700;display:flex}.map-actions{gap:8px;display:flex}.map-body{flex:1;grid-template-columns:minmax(0,1fr) 340px;gap:16px;min-height:0;padding:0 16px 16px;display:grid}@media (width<=820px){.map-body{grid-template-columns:1fr}}.map-area{background:repeating-linear-gradient(90deg,#0000 0 31px,#ffffff08 31px 32px),repeating-linear-gradient(0deg,#0000 0 31px,#ffffff08 31px 32px);border:3px solid #000;min-height:560px;position:relative;box-shadow:inset 0 0 0 2px #2a2a3a}.map-lines{width:100%;height:100%;position:absolute;inset:0}.map-lines line{stroke:#3a3448;stroke-width:.8px;stroke-dasharray:1.5 1.5;vector-effect:non-scaling-stroke;stroke-width:4px}.map-lines line.open{stroke:#c8a040;stroke-dasharray:none}.map-node{cursor:pointer;font-family:var(--font);color:var(--text);background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.node-block{background:linear-gradient(var(--c1) 0 28%, var(--c2) 28%);border:3px solid #000;place-items:center;width:48px;height:48px;transition:transform .1s;display:grid;box-shadow:inset 3px 3px #ffffff40,inset -3px -3px #00000059,4px 4px #00000080}.map-node:hover .node-block{transform:translateY(-3px)}.map-node.selected .node-block{outline:3px solid var(--gold);outline-offset:2px;animation:1.2s ease-in-out infinite bob}.map-node.locked .node-block{filter:grayscale(.9)brightness(.45)}.map-node.complete .node-label{color:var(--gold)}.node-label{text-shadow:2px 2px #000;white-space:nowrap;font-size:13px;font-weight:700}.node-stars{color:var(--gold);text-shadow:1px 1px #000;font-size:11px}.map-node.locked .node-stars{color:var(--dim)}.map-side{flex-direction:column;gap:10px;display:flex}.world-info{background:var(--panel);box-shadow:inset 3px 3px 0 var(--panel-light), inset -3px -3px 0 var(--panel-dark);border:3px solid #000;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.world-info h2{color:var(--gold);text-shadow:2px 2px #000;margin:0 0 4px}.world-info p{margin:2px 0}.world-info .mc-btn.big{white-space:normal;min-width:0;margin-top:10px;padding:12px 14px}.star-list{color:var(--dim);flex-direction:column;gap:3px;margin:8px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.star-list li{align-items:center;gap:6px;display:flex}.star-list .star-icon{text-align:center;flex-shrink:0;width:20px;font-size:20px;line-height:1}.star-list li.got{color:var(--gold)}.next-unlock{color:var(--dim);margin:0;font-size:13px}.stack{flex-direction:column;gap:8px;display:flex}.audio-settings{background:#2f2f2f;border:2px solid #1f1f1f;flex-direction:column;gap:10px;padding:10px 12px;display:flex}.slider-row{grid-template-columns:8.5em 1fr 3.2em;align-items:center;gap:10px;font-size:14px;font-weight:700;display:grid}.slider-value{text-align:right;color:var(--gold)}.mc-slider{appearance:none;cursor:pointer;background:#111;border:2px solid #000;width:100%;height:12px;box-shadow:inset 0 0 0 1px #444}.mc-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#8b8b8b;border:2px solid #000;width:14px;height:22px;box-shadow:inset 2px 2px #ccc,inset -2px -2px #555}.mc-slider::-moz-range-thumb{background:#8b8b8b;border:2px solid #000;border-radius:0;width:14px;height:22px}.mc-slider:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.cutscene{z-index:100;cursor:pointer;background:#000;position:fixed;inset:0}.cutscene-canvas{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.cutscene-subtitle{color:#fff;text-align:center;text-shadow:2px 2px #000;background:#0000008c;width:min(90vw,820px);padding:10px 16px;font-size:clamp(15px,2.2vw,22px);line-height:1.5;position:absolute;bottom:4vh;left:50%;transform:translate(-50%)}.cutscene-skip{color:#fff9;text-shadow:1px 1px #000;font-size:12px;position:absolute;bottom:12px;right:16px}.admin-panel{z-index:30;color:#fff;background:#780000d9;border:2px solid #000;flex-wrap:wrap;align-items:center;gap:6px;padding:8px;font-size:11px;display:flex;position:fixed;bottom:12px;left:12px}.admin-panel .mc-btn{padding:4px 8px;font-size:11px}