@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#fff8dc;font-synthesis:none;--ink:#070b1f;--panel:#111a44e0;--line:#2c4a8a;--cream:#fff8dc;--muted:#9ea5cd;--red:#ff4f70;--blue:#42b9ff;--yellow:#ffd447;--water:#5ad7ff;--violet:#9b7bff;--orange:#ff9a3c;--dock-size:0px;background:#06071a;font-family:Space Grotesk,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%}body{background:radial-gradient(circle at 16% 10%,#53389b59,#0000 30rem),radial-gradient(circle at 84% 86%,#14889738,#0000 34rem),#06071a;min-width:320px;margin:0;overflow-x:hidden}button{border:1px solid var(--line);color:var(--cream);letter-spacing:.08em;cursor:pointer;background:#090b25d9;border-radius:8px;padding:.62rem .8rem;font:500 .68rem DM Mono,monospace;transition:transform .12s,border-color .12s,background .12s}button:hover{border-color:var(--water);background:#171b4a;transform:translateY(-1px)}button:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{width:100%;height:100vh;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0, 1fr) var(--dock-size);grid-template-areas:"stage""dock";height:100dvh;display:grid}.shell[data-panel=open]{--dock-size:45dvh}.stage{grid-area:stage}.dock{grid-area:dock}@media (orientation:landscape){.shell{grid-template-columns:minmax(0, 1fr) var(--dock-size);grid-template-rows:minmax(0,1fr);grid-template-areas:"stage dock"}.shell[data-panel=open]{--dock-size:min(360px, 45vw)}.dock{border-top:0;border-left:1px solid var(--line)}}.stage{touch-action:none;overscroll-behavior:none;background:#000;min-width:0;min-height:0;position:relative;overflow:hidden}.stage__frame{background:var(--ink);width:0;height:0;margin:auto;position:absolute;inset:0;overflow:hidden}#canvas-host{width:100%;height:100%}#canvas-host canvas{cursor:crosshair;display:block;width:100%!important;height:100%!important}.hud-corner{z-index:4;position:absolute}.hud-corner--tl{top:22px;left:24px}.hud-corner--tr{top:18px;right:22px}.hud-icons{gap:6px;display:flex}.hud-icon{letter-spacing:0;background:#070b1fb8;border-radius:12px;width:44px;height:44px;padding:0;font:600 .95rem DM Mono,monospace}.hud-icons{z-index:6}.hud-strikes{gap:6px;display:flex}.hud-strikes i{background:#070b1f99;border:2px solid #ff4f7073;border-radius:50% 50% 46% 46%/55% 55% 45% 45%;width:22px;height:19px;transition:transform .12s,background .12s;display:block}.hud-strikes i.is-filled{background:var(--red);border-color:var(--red);animation:.25s ease-out strike-in;box-shadow:0 0 10px #ff4f70b3}.hud-strikes i.is-last{animation:.5s ease-in-out infinite alternate pip-pulse}@keyframes strike-in{0%{transform:scale(1.6)}to{transform:none}}@keyframes pip-pulse{0%{opacity:.55}to{opacity:1}}.stage__frame.is-leak-flash{box-shadow:inset 0 0 0 4px #ff4f70d9}.hud-intro{text-align:center;z-index:4;pointer-events:none;justify-items:center;gap:4px;padding:0 24px;animation:.35s ease-out intro-in;display:grid;position:absolute;top:26%;left:0;right:0}.hud-intro[hidden]{display:none}.hud-intro__eyebrow{color:var(--water);letter-spacing:.16em;margin:0;font:500 .62rem DM Mono,monospace}.hud-intro__level{color:var(--muted);letter-spacing:.14em;text-shadow:0 1px 10px #000000b3;margin:0;font:500 .7rem DM Mono,monospace}.hud-intro__objective{color:#d5d8ed;text-shadow:0 1px 10px #000000b3;max-width:340px;margin:6px 0 0;font-size:.82rem;line-height:1.45}.hud-intro__rule{border:1px solid var(--red);color:var(--cream);letter-spacing:.02em;background:#070b1fcc;border-radius:999px;margin:8px 0 0;padding:10px 20px;font:600 1.05rem Space Grotesk,sans-serif;box-shadow:0 0 24px #ff4f7059}@keyframes intro-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hud-toast{z-index:4;pointer-events:none;place-items:center;display:grid;position:absolute;top:14%;left:0;right:0}.hud-toast[hidden]{display:none}.hud-toast span{color:var(--cream);letter-spacing:.14em;background:#070b1fb3;border-radius:999px;padding:6px 14px;font:500 .7rem DM Mono,monospace;animation:.25s ease-out intro-in}.progress{z-index:4;background:#070b1fc7;border:1px solid #5ad7ff73;border-radius:999px;height:14px;position:absolute;bottom:3.2%;left:6%;right:6%}.progress[hidden]{display:none}.progress__fill{background:linear-gradient(90deg,#5ad7ff8c,#5ad7ffe6);border-radius:999px;width:0;transition:width 80ms linear;position:absolute;top:0;bottom:0;left:0}.progress__flags{position:absolute;inset:0}.progress__flag{background:#fff8dcb3;width:2px;height:9px;margin-left:-1px;position:absolute;bottom:100%}.progress__flag:after{content:"";border-top:3px solid #0000;border-bottom:3px solid #0000;border-left:8px solid #fff8dcb3;position:absolute;top:0;left:2px}.progress__flag.is-active,.progress__flag.is-active:after{background-color:var(--cream);border-left-color:var(--cream)}.progress__flag.is-big{background:var(--orange);width:3px;height:15px}.progress__flag.is-big:after{border-left:11px solid var(--orange);border-top:5px solid #0000;border-bottom:5px solid #0000;left:3px}.progress__flag.is-big.is-warning,.progress__flag.is-big.is-active{animation:.5s ease-in-out infinite alternate pip-pulse}.progress__marker{border:2px solid var(--cream);background:#9be15d;border-radius:50% 50% 46% 46%/55% 55% 45% 45%;width:22px;height:19px;margin:-10px 0 0 -11px;transition:left 80ms linear;position:absolute;top:50%;left:0;box-shadow:0 0 8px #fff8dc99}.wave-banner{z-index:4;pointer-events:none;place-items:center;display:grid;position:absolute;top:26%;left:0;right:0}.wave-banner[hidden]{display:none}.wave-banner span{border:1px solid var(--orange);color:var(--orange);letter-spacing:.04em;background:#070b1fd9;border-radius:999px;padding:10px 20px;font:600 1.05rem Space Grotesk,sans-serif;animation:.35s ease-out banner-in,.6s ease-in-out infinite alternate pip-pulse;box-shadow:0 0 24px #ff9a3c59}@keyframes banner-in{0%{opacity:0;transform:translateY(12px)scale(.9)}to{opacity:1;transform:none}}.game-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5;background:#06071aad;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.game-overlay[hidden]{display:none}.game-overlay__card{border:1px solid var(--water);text-align:center;background:#121642f5;border-radius:16px;width:min(330px,100%);padding:24px;box-shadow:0 0 70px #5ad7ff38}.game-overlay__card p{color:var(--water);letter-spacing:.12em;margin:0 0 8px;font:500 .6rem DM Mono,monospace}.game-overlay__card h2{letter-spacing:-.06em;margin:0;font-size:2rem}.game-overlay__card span{color:#c3c7df;margin:12px 0 18px;font-size:.82rem;line-height:1.45;display:block}.game-overlay__card button{border-color:var(--water);min-height:44px;color:var(--water)}.fatal-error{border:1px solid var(--red);width:min(560px,100% - 32px);color:var(--cream);background:var(--panel);margin:20vh auto;padding:24px}.dock{border-top:1px solid var(--line);background:#090b25f5;min-width:0;min-height:0;overflow:hidden}.dock[hidden]{display:none}