:root{--ink:#1a1433;--paper:#fffaf0;--paper-2:#f3ecdf;--text:#2a2240;--muted:#6d6585;--space:#14102e;--glass:#14102e9e;--glass-line:#ffffff24;--on-glass:#f4efff;--accent:#ff5a5f;--c:#ff5a5f;--radius:20px;--shadow:0 6px 0 var(--ink);--display:"Fredoka", system-ui, sans-serif;--body:"Nunito", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--space);height:100%;color:var(--on-glass);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.brand{z-index:5;text-align:left;background:0 0;border:0;padding:0;position:fixed;top:18px;left:20px}.brand-name{font-family:var(--display);letter-spacing:.01em;text-shadow:0 2px 0 var(--ink);font-size:21px;font-weight:700}.brand-role{opacity:.7;font-size:12.5px;font-weight:600}.brand-system{letter-spacing:.08em;text-transform:uppercase;color:#ffd23f;align-items:center;gap:6px;margin-top:7px;font-size:11px;font-weight:800;display:inline-flex}.brand-system:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px}body[data-system=cases] .brand-system{color:#7fe3ff}.top-actions{z-index:5;gap:8px;display:flex;position:fixed;top:16px;right:16px}.chip{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700;transition:background .2s,transform .15s}.chip:hover{background:#28205abf;transform:translateY(-1px)}.chip.active{background:var(--paper);color:var(--ink)}.chip.icon{width:38px;height:38px;font-size:16px;font-family:var(--display);place-items:center;padding:0;display:grid}#help{z-index:7;background:var(--paper);width:250px;color:var(--ink);border:2.5px solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:16px;padding:12px 14px 10px;animation:.2s ease-out drop;position:fixed;top:62px;right:16px}#help[hidden]{display:none}#help h4{font-family:var(--display);margin:0 0 8px;font-size:15px}#help dl{flex-direction:column;gap:6px;margin:0;display:flex}#help dl>div{justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}#help dt kbd{padding:2px 7px;font-size:11px}#help dd{color:var(--muted);text-align:right;margin:0;font-weight:700}@keyframes drop{0%{opacity:0;transform:translateY(-6px)}}#dock{z-index:5;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scrollbar-width:none;border-radius:999px;gap:2px;max-width:calc(100vw - 32px);padding:5px;display:flex;position:fixed;bottom:18px;left:50%;overflow-x:auto;transform:translate(-50%)}#dock::-webkit-scrollbar{display:none}.dock-btn{white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:13px;font-weight:700;transition:background .2s;display:flex}.dock-btn:hover{background:#ffffff1a}.dock-btn.active{background:var(--paper);color:var(--ink)}.dot{background:var(--c);width:10px;height:10px;box-shadow:0 0 0 2px var(--ink);border-radius:50%;flex:none;display:inline-block}#labels{pointer-events:none;z-index:2;position:fixed;inset:0}.label{pointer-events:auto;background:var(--paper);color:var(--ink);border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);opacity:0;white-space:nowrap;transform-origin:50% 100%;border-radius:12px;flex-direction:column;align-items:center;gap:1px;padding:3px 10px 4px;transition:opacity .25s;display:flex;position:absolute;top:0;left:0}.label:after{content:"";background:var(--paper);border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);width:12px;height:12px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)rotate(45deg)}.label.visible{opacity:1}.label:not(.visible){pointer-events:none}.label strong{font-family:var(--display);font-size:14px;font-weight:600}.label strong:before{content:"";background:var(--c);vertical-align:1px;width:8px;height:8px;box-shadow:0 0 0 1.5px var(--ink);border-radius:50%;margin-right:6px;display:inline-block}.label span{color:var(--muted);font-size:11.5px;font-weight:700;display:none}.label:hover span{display:block}#prompt{left:50%;bottom:calc(var(--dock-space,66px) + 12px);z-index:6;background:var(--paper);color:var(--ink);border:2.5px solid var(--ink);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:12px;padding:6px 6px 6px 18px;font-weight:700;animation:.25s ease-out pop;display:flex;position:fixed;transform:translate(-50%)}#prompt[hidden]{display:none}#hint{z-index:6;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;text-align:center;border-radius:999px;max-width:calc(100vw - 32px);padding:10px 18px;font-size:14px;font-weight:700;transition:opacity .4s,transform .4s;position:fixed;top:70px;left:50%;transform:translate(-50%,-10px)}#hint.show{opacity:1;transform:translate(-50%)}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.85)}}.btn{border:2.5px solid var(--ink);font-family:var(--display);box-shadow:0 4px 0 var(--ink);border-radius:999px;padding:11px 20px;font-size:16px;font-weight:600;transition:transform .1s,box-shadow .1s}.btn:hover{box-shadow:0 5px 0 var(--ink);transform:translateY(-1px)}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.btn.primary{background:var(--accent);color:#fff}.btn.ghost{background:var(--paper);color:var(--ink)}.btn.small{padding:7px 14px;font-size:14px}.btn:focus-visible,.chip:focus-visible,.dock-btn:focus-visible{outline-offset:2px;outline:3px solid #ffd23f}#panel{z-index:8;background:var(--paper);width:min(440px,100vw - 32px);color:var(--text);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:8px 8px 0 var(--ink);overscroll-behavior:contain;transition:transform .55s cubic-bezier(.2,1.3,.4,1);position:fixed;top:16px;bottom:16px;right:16px;overflow-y:auto;transform:translate(calc(100% + 40px))rotate(3deg)}#panel.open{transform:none}#panel:before{content:"";background:var(--c);border-bottom:3px solid var(--ink);z-index:1;height:14px;display:block;position:sticky;top:0}.panel-body{padding:22px 26px 26px}.panel-body h2{font-family:var(--display);color:var(--ink);margin:6px 0;font-size:30px;font-weight:700;line-height:1.1}.panel-body h3{font-family:var(--display);color:var(--ink);margin:22px 0 8px;font-size:17px;font-weight:600}.panel-body .body,.panel-body li{font-size:15.5px;line-height:1.55}.panel-body ul{margin:0;padding-left:20px}.panel-body li{margin-bottom:6px}.panel-body li::marker{color:var(--c);content:"★  ";font-size:12px}.panel-body .logo{float:right;object-fit:contain;mix-blend-mode:multiply;width:96px;height:72px;margin:0 0 8px 12px;transform:rotate(4deg)}.kicker{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin:0;font-size:13px;font-weight:700;display:flex}.meta{color:var(--muted);margin:0 0 14px;font-size:14px;font-weight:700}.lead{color:var(--ink);font-size:17px;font-weight:600;line-height:1.5}.impact{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:18px 0 4px;display:grid}.impact>div{background:var(--paper-2);border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:14px;padding:12px}.impact b{font-family:var(--display);color:var(--ink);font-size:24px;font-weight:700;line-height:1.1;display:block}.impact span{color:var(--muted);font-size:13px;font-weight:700}.impact.small b{font-size:19px}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags span{border:2px solid var(--ink);color:var(--ink);background:#fff;border-radius:999px;padding:4px 11px;font-size:13px;font-weight:700}.link-row{flex-wrap:wrap;gap:8px;margin:6px 0;display:flex}.link-row a,a.ext{color:var(--ink);border-bottom:3px solid var(--c);padding-bottom:1px;font-weight:700;text-decoration:none}.link-row a:hover,a.ext:hover{background:var(--c)}.panel-foot{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.panel-foot .btn.primary{flex:1}#intro{z-index:20;background:radial-gradient(#14102e59,#0a081ed9);place-items:center;padding:16px;transition:opacity .6s,visibility .6s;display:grid;position:fixed;inset:0}#intro.hidden{opacity:0;visibility:hidden}.intro-card{background:var(--paper);max-width:540px;color:var(--text);border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink);border-radius:26px;padding:34px 34px 30px;animation:.8s cubic-bezier(.2,1.3,.4,1) float-in}.intro-card h1{font-family:var(--display);color:var(--ink);margin:8px 0 14px;font-size:clamp(34px,7vw,52px);font-weight:700;line-height:1}.intro-card .muted{color:var(--muted);font-weight:600}.actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}@keyframes float-in{0%{opacity:0;transform:translateY(30px)rotate(-2deg)}}#list-view{z-index:30;background:var(--paper);color:var(--text);position:fixed;inset:0;overflow-y:auto}#list-view[hidden]{display:none}.list-inner{max-width:1060px;margin:0 auto;padding:40px 20px 60px}.list-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.list-head h1{font-family:var(--display);color:var(--ink);margin:6px 0 8px;font-size:clamp(36px,6vw,56px);font-weight:700;line-height:1}.list-about{max-width:680px;font-size:16px;line-height:1.6}.cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-top:30px;display:grid}.card{border:3px solid var(--ink);border-radius:var(--radius);box-shadow:6px 6px 0 var(--ink);border-top:14px solid var(--c);background:#fff;padding:20px}.card h2{font-family:var(--display);color:var(--ink);margin:8px 0;font-size:22px;font-weight:600;line-height:1.15}.card p{line-height:1.5}.card .tags{margin-top:14px}body.overview #prompt,body.no-webgl #scene,body.no-webgl #dock,body.no-webgl .top-actions,body.no-webgl .brand{display:none}@media (width<=820px){.brand-name{font-size:18px}.top-actions{top:12px;right:12px}.chip{padding:7px 11px;font-size:13px}#dock{bottom:12px}.panel-body{padding:18px 20px 22px}.panel-body h2{font-size:25px}#hint{top:64px}.intro-card{padding:26px 22px 22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}}.dock-btn .dot{box-shadow:0 0 0 2px #ffffff73}#hud{z-index:5;pointer-events:none;opacity:0;align-items:flex-end;gap:8px;transition:opacity .4s,transform .4s;display:flex;position:fixed;bottom:18px;left:20px;transform:translateY(10px)}body.hud-on #hud{opacity:1;transform:none}body.hud-raised #hud{bottom:calc(var(--dock-space,66px) + 10px)}.alt{flex-direction:column;align-items:center;gap:4px;display:flex}.alt small{letter-spacing:.1em;opacity:.7;font-size:10px;font-weight:800}.alt-track{background:var(--glass);border:1px solid var(--glass-line);border-radius:99px;width:10px;height:120px;position:relative}.alt-track:before{content:"";background:repeating-linear-gradient(0deg,#ffffff59 0 2px,#0000 2px 10px);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.alt-gate,.alt-marker{font-size:15px;line-height:1;transition:bottom 80ms linear;position:absolute;left:50%;transform:translate(-50%,50%)}.alt-marker{filter:drop-shadow(0 1px 0 var(--ink));font-size:14px}.fuel,.guns{height:var(--pill-h,44px);background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:9px;padding:0 14px;font-size:11px;font-weight:800;display:flex}.fuel-head{display:contents}.fuel kbd{order:2}kbd{font-family:var(--body);background:var(--paper);color:var(--ink);box-shadow:0 2px 0 var(--ink);letter-spacing:.04em;border-radius:5px;padding:1px 6px;font-size:10px;font-weight:800}.fuel-bar{border:2px solid var(--ink);background:#00000059;border-radius:99px;order:1;width:80px;height:12px;overflow:hidden}.fuel-fill{background:linear-gradient(90deg,#ff8a3d,#ffd23f);border-radius:99px;width:100%;height:100%}.fuel.boosting .fuel-fill{background:linear-gradient(90deg,#ff5a5f,#fff27a);box-shadow:0 0 12px #ffd23f}.fuel.empty .fuel-fill{background:#ff5a5f;animation:.5s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.35}}.dock-btn.warp{background:linear-gradient(90deg,#2ad4ff40,#a07bff4d)}.dock-btn.warp.active,.dock-btn.warp:hover{color:var(--ink);background:linear-gradient(90deg,#2ad4ff,#a07bff)}.dock-btn[hidden]{display:none}.label.gate{background:linear-gradient(90deg,#bff3ff,#e3d6ff)}.label.gate:after{background:#d3e6ff}.label.gate strong:before{display:none}#warp,#flash{z-index:7;pointer-events:none;opacity:0;position:fixed;inset:0}#warp{background:repeating-conic-gradient(#0000 0deg 5deg,#ffffffbf 5.4deg 5.8deg,#0000 6.2deg 9deg,#7fe3ff99 9.3deg 9.6deg,#0000 10deg 13deg);inset:-50%;-webkit-mask-image:radial-gradient(circle,#0000 0 12%,#000 45%);mask-image:radial-gradient(circle,#0000 0 12%,#000 45%)}#flash{background:radial-gradient(circle,#fff 0 35%,#e8f9ff 70%,#bfefff)}#warp.go{animation:2.4s ease-in-out warp}#flash.go{animation:2.4s ease-in-out flash}@keyframes warp{0%{opacity:0;transform:scale(.6)rotate(0)}30%{opacity:1}50%{opacity:1;transform:scale(1.6)rotate(25deg)}75%{opacity:.8}to{opacity:0;transform:scale(.7)rotate(50deg)}}@keyframes flash{0%,40%{opacity:0}50%{opacity:1}62%,to{opacity:0}}.facts{grid-template-columns:repeat(2,1fr);gap:8px;margin:16px 0 4px;display:grid}.facts>div{background:var(--paper-2);border:2px solid var(--ink);border-radius:12px;padding:8px 11px}.facts dt{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:800}.facts dd{color:var(--ink);margin:2px 0 0;font-weight:700}.meters{flex-direction:column;gap:9px;display:flex}.meter-row{color:var(--ink);justify-content:space-between;align-items:center;gap:12px;font-size:14.5px;font-weight:700;display:flex}.meter{flex:none;gap:4px;display:inline-flex}.meter i{border:2px solid var(--ink);background:#fff;border-radius:4px;width:18px;height:12px}.meter i.on{background:var(--c)}.meter.small i{border-width:1.5px;width:12px;height:9px}.chips{flex-wrap:wrap;gap:7px;display:flex}.chip-link{border:2px solid var(--ink);color:var(--ink);box-shadow:0 2px 0 var(--ink);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font-size:13.5px;font-weight:700;transition:transform .1s;display:inline-flex}.chip-link:hover{background:var(--paper-2);transform:translateY(-1px)}.chip-link .dot{width:9px;height:9px;box-shadow:0 0 0 1.5px var(--ink)}#list-view .facts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));max-width:680px}h2.section{font-family:var(--display);color:var(--ink);margin:44px 0 0;font-size:30px;font-weight:700}.card{position:relative}.card .meters{margin-top:12px}.card .meter-row{font-size:13px}.card-logo{object-fit:contain;object-position:right center;mix-blend-mode:multiply;width:64px;height:44px;position:absolute;top:14px;right:14px}ul.favs{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}ul.favs li{border:2.5px solid var(--ink);color:var(--ink);box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:14px;padding:10px 14px;font-size:15.5px;font-weight:700}ul.favs li::marker{content:none}.bridge{background:var(--c);color:#fff;text-shadow:0 1px #00000059;border:2.5px solid var(--ink);border-radius:14px;margin:22px 0 0;padding:14px 16px;font-weight:700;line-height:1.45}.bridge span{letter-spacing:.08em;text-transform:uppercase;opacity:.85;margin-bottom:4px;font-size:11px;display:block}.tags.skills span{background:var(--ink);color:#fff}.tags.big span{padding:7px 14px;font-size:15px}.card .tags+.tags{margin-top:8px}#danger{--danger:0;z-index:6;pointer-events:none;box-shadow:inset 0 0 calc(30px + var(--danger) * 110px) calc(var(--danger) * 20px) rgba(255, 40, 90, calc(var(--danger) * .5));animation:.9s ease-in-out infinite danger-pulse;position:fixed;inset:0}#danger span{color:#fff;font-family:var(--display);border:2.5px solid var(--ink);box-shadow:0 4px 0 var(--ink);opacity:0;white-space:nowrap;background:#ff3d6e;border-radius:999px;padding:8px 18px;font-size:18px;font-weight:700;transition:opacity .3s;position:absolute;top:120px;left:50%;transform:translate(-50%)}#danger.show span{opacity:1}@keyframes danger-pulse{50%{opacity:.6}}#chomp{z-index:9;pointer-events:none;position:fixed;inset:0;overflow:hidden}.jaw{background:#3a1352;width:110%;height:calc(50% - 22px);position:absolute;left:-5%}.jaw.top{border-radius:0 0 50% 50%/0 0 18% 18%;top:0;transform:translateY(calc(-100% - 60px))}.jaw.bottom{border-radius:50% 50% 0 0/18% 18% 0 0;bottom:0;transform:translateY(calc(100% + 60px))}.jaw:after{content:"";background-repeat:repeat-x;background-size:80px 46px;height:46px;position:absolute;left:0;right:0}.jaw.top:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='46'><path d='M4 0 L40 44 L76 0 Z' fill='%23fffaf0' stroke='%231a1433' stroke-width='4' stroke-linejoin='round'/></svg>");top:100%}.jaw.bottom:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='46'><path d='M4 46 L40 2 L76 46 Z' fill='%23fffaf0' stroke='%231a1433' stroke-width='4' stroke-linejoin='round'/></svg>");background-position:40px 0;bottom:100%}.gulp{font-family:var(--display);color:#ffd23f;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 8px 0 var(--ink);opacity:0;z-index:2;font-size:clamp(56px,12vw,140px);font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.4)}#chomp.go .jaw.top{animation:2.4s cubic-bezier(.5,0,.3,1) .9s both jaw-top}#chomp.go .jaw.bottom{animation:2.4s cubic-bezier(.5,0,.3,1) .9s both jaw-bottom}#chomp.go .gulp{animation:2.4s ease-out .9s both gulp}@keyframes jaw-top{0%{transform:translateY(calc(-100% - 60px))}18%{transform:translateY(0)}22%{transform:translateY(-4%)}26%,66%{transform:translateY(0)}to{transform:translateY(calc(-100% - 60px))}}@keyframes jaw-bottom{0%{transform:translateY(calc(100% + 60px))}18%{transform:translateY(0)}22%{transform:translateY(4%)}26%,66%{transform:translateY(0)}to{transform:translateY(calc(100% + 60px))}}@keyframes gulp{0%,20%{opacity:0;transform:translate(-50%,-50%)scale(.4)}30%{opacity:1;transform:translate(-50%,-50%)scale(1.15)rotate(-6deg)}40%,60%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-4deg)}70%,to{opacity:0;transform:translate(-50%,-50%)scale(1.4)}}.alt-track:after{content:"🐙";font-size:11px;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.alt-track{margin-top:14px}.alt:before{content:"🐙";margin-bottom:-2px;font-size:11px}.alt small{margin-top:12px}.sym{color:var(--s);-webkit-text-stroke:.5px var(--ink);font-size:1.15em;font-weight:800}.transmission{border:2.5px dashed var(--ink);background:repeating-linear-gradient(-45deg,#f6f0ff 0 10px,#fffaf0 10px 20px);border-radius:14px;margin:24px 0 0;padding:12px 14px}.tx-head{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11.5px;font-weight:800;display:block}.tx-code{font-size:26px;font-family:var(--display);gap:10px;margin:6px 0 4px;display:flex}.tx-code i{color:#c8bfd8;font-style:normal;font-weight:700}.transmission small{color:var(--muted);font-weight:600}.terminal{color:#e8ffe8;border:2.5px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#1a1433;border-radius:16px;margin-top:24px;padding:14px 16px 16px}.terminal h3{color:#7fffb0;font-family:var(--display);margin:0 0 4px}.terminal p{color:#c9c2e0;margin:4px 0 10px;font-size:14px}.terminal .status{color:#ff8fa0;letter-spacing:.04em;font-weight:800}.slots{gap:8px;margin-bottom:12px;display:flex}.slot{background:#2b2350;border:2px solid #4a3f7a;border-radius:10px;place-items:center;width:46px;height:46px;font-size:26px;display:grid}.keypad{flex-wrap:wrap;gap:8px;display:flex}.key{background:#2f2a3e;border:2.5px solid #000;border-radius:50%;place-items:center;width:52px;height:52px;font-size:24px;display:grid;box-shadow:0 3px #000}.key:active{transform:translateY(2px);box-shadow:0 1px #000}.key.clear{color:#c9c2e0;border-radius:999px;width:auto;padding:0 14px;font-size:13px;font-weight:800}.terminal.shake{animation:.45s shake}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.guns{display:none}body.has-guns .guns{display:flex}body.armed .guns{color:var(--ink);border-color:var(--ink);background:#22e4ff}#crosshair{z-index:8;pointer-events:none;width:44px;height:44px;display:none;position:fixed;top:-22px;left:-22px}#crosshair:before{content:"";box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px var(--ink);border:3px solid #7ffcff;border-radius:50%;position:absolute;inset:6px}#crosshair:after{content:"";width:6px;height:6px;box-shadow:0 0 0 2px var(--ink);background:#ff3df0;border-radius:50%;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%}body.armed #crosshair{display:block}#boss{z-index:6;text-align:center;width:min(420px,100vw - 32px);transition:transform .4s cubic-bezier(.2,1.3,.4,1);position:fixed;top:18px;left:50%;transform:translate(-50%,-140%)}#boss.show{transform:translate(-50%)}#boss{transition:transform .4s cubic-bezier(.2,1.3,.4,1),opacity .3s,visibility .3s}#boss:not(.show){opacity:0;visibility:hidden}#boss strong{font-family:var(--display);text-shadow:0 2px 0 var(--ink);letter-spacing:.04em;font-size:18px}.boss-bar{border:2.5px solid var(--ink);background:#00000073;border-radius:99px;height:16px;margin-top:6px;overflow:hidden}.boss-fill{background:linear-gradient(90deg,#ff3d6e,#ff9fd4);width:100%;height:100%;transition:width .15s}#boss.immune .boss-fill{background:linear-gradient(90deg,#ffcf33,#ff8a3d,#ffcf33) 0 0/200% 100%;animation:1.2s linear infinite shimmer}#boss.immune .boss-bar{position:relative}#boss.immune .boss-bar:after{content:"∞  IMMUNE";letter-spacing:.2em;color:var(--ink);place-items:center;font-size:10px;font-weight:900;display:grid;position:absolute;inset:0}#boss.immune .boss-bar{height:18px}@keyframes shimmer{to{background-position:-200% 0}}body>*{transition:opacity .5s}#btn-fly{display:none}body.touch #btn-fly{display:grid}body.touch #crosshair{display:none!important}@media (width<=820px) and (orientation:portrait){#panel{width:auto;max-height:58vh;box-shadow:0 6px 0 var(--ink);inset:auto 12px 12px;transform:translateY(calc(100% + 30px))}}@media (height<=520px) and (orientation:landscape){#panel{width:min(380px,50vw);top:10px;bottom:10px;right:10px}.panel-body{padding:16px 18px 18px}.panel-body h2{font-size:23px}#intro{place-items:start center;padding:12px;overflow-y:auto}.intro-card{padding:18px 22px}.intro-card h1{margin:4px 0 8px;font-size:32px}.intro-card .lead{margin:0 0 6px;font-size:15px}.intro-card .muted{margin:0;font-size:13px}.actions{margin-top:14px}#help{max-height:calc(100vh - 70px);top:56px;overflow-y:auto}}@media (width<=640px){#dock{border-radius:22px;flex-wrap:wrap;justify-content:center;width:calc(100vw - 24px);max-width:none;overflow:visible}.dock-btn{padding:6px 10px;font-size:12.5px}.label strong{font-size:13px}#hint{width:max-content;max-width:calc(100vw - 40px);padding:8px 14px;font-size:13px;line-height:1.35;top:108px}#prompt{gap:10px;width:max-content;max-width:calc(100vw - 32px);padding:8px 8px 8px 16px;font-size:14px;line-height:1.3}#prompt>span{min-width:0}#prompt .btn{white-space:nowrap;flex:none}#boss{top:104px}#danger span{white-space:normal;text-align:center;width:max-content;max-width:calc(100vw - 40px);padding:7px 14px;font-size:14px;top:214px}}:root{--controls-h:120px}body.touch #hud{display:none}body.touch-fly #hint{top:160px}body.touch-fly #prompt{bottom:calc(var(--dock-space,66px) + var(--controls-h) + 22px)}#touch-controls{display:none}body.touch-fly #touch-controls{display:block}.stick,.pad{bottom:calc(var(--dock-space,66px) + 10px);z-index:6;touch-action:none;-webkit-user-select:none;user-select:none;position:fixed}.stick{left:calc(16px + env(safe-area-inset-left));width:var(--controls-h);height:var(--controls-h);background:var(--glass);border:2px solid var(--glass-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;place-items:center;display:grid}.knob{background:var(--paper);border:2.5px solid var(--ink);width:52px;height:52px;box-shadow:0 4px 0 var(--ink);pointer-events:none;border-radius:50%;transition:transform 80ms}.pad{right:calc(16px + env(safe-area-inset-right));height:var(--controls-h);grid-template-columns:repeat(3,52px);align-content:end;justify-items:center;gap:10px;display:grid}.tbtn{touch-action:none;background:var(--glass);border:2px solid var(--glass-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:50%;place-items:center;width:52px;height:52px;font-size:20px;display:grid}.tbtn.down{background:var(--paper);color:var(--ink);transform:scale(.94)}.tbtn.guns-only{display:none}body.has-guns .tbtn.guns-only{display:grid}body.armed .tbtn[data-key=KeyG]{border-color:var(--ink);background:#22e4ff}.tbtn.fire{background:#ff3d6e59}@media (height<=520px){:root{--controls-h:100px}.knob{width:44px;height:44px}.pad{grid-template-columns:repeat(3,44px);gap:8px}.tbtn{width:44px;height:44px;font-size:17px}#boss{top:66px}body.touch-fly #hint,#hint{top:122px}#danger span{top:150px}}