:root{--rsu-ink:#111c25;--rsu-panel:#142530;--rsu-steel:#3b4a55;--rsu-ice:#cff1ff;--rsu-olive:#afc5b1;--rsu-danger:#ffab8b;--rsu-muted:#8195a4;font-family:Segoe UI,Yu Gothic UI,sans-serif;color:#e9eff1;background:var(--rsu-ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 55% 30%,#2a3b48,var(--rsu-ink) 80%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #c5e5e9;outline-offset:4px}.shell{width:min(1440px,100%);margin:auto;padding:0 32px}.masthead{height:72px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#d8e2e7;font-size:10px;letter-spacing:1.8px}.brand b{display:block;font-size:9px;font-weight:400;margin-top:3px;color:#8b9ca9;letter-spacing:2.3px}.brand-mark{font-weight:900;font-size:22px;letter-spacing:-2px;color:#d5e1e3}.brand-mark span{color:#829d99;font-weight:300}.meta{display:flex;gap:10px;align-items:center}.facility-status{color:#8195a4;font-size:9px;letter-spacing:1.8px;margin-right:15px}.quiet{color:#adc0cb;background:#24384480;border:1px solid #69829433;padding:8px 12px;border-radius:4px;font-size:9px;letter-spacing:1px;transition:background .2s}.quiet:hover{background:#3d5462}.arena{position:relative;width:100%;background:#1c2c37;overflow:hidden;border-radius:8px;box-shadow:0 18px 60px #050e1760}.arena canvas{display:block;width:100%;aspect-ratio:1.75;cursor:crosshair;touch-action:none}.touch-stick{display:none;position:absolute;z-index:2;left:12px;bottom:12px;width:82px;height:82px;border:1px solid #cfe7df70;border-radius:50%;background:#14253045;pointer-events:none;opacity:.52;transition:opacity .12s}.touch-stick:before{content:"";position:absolute;inset:18px;border:1px solid #cfe7df70;border-radius:50%}.touch-stick span{position:absolute;left:50%;top:50%;width:28px;height:28px;margin:-14px;border:1px solid #e2f0dc;background:#afc5b16b;border-radius:50%;transform:translate(var(--stick-x,0px),var(--stick-y,0px))}.touch-stick.active{opacity:.9}.touch-instructions{display:none}.ingame-hud{position:absolute;inset:0;pointer-events:none;transition:opacity .3s}.title-mode .ingame-hud{opacity:0;visibility:hidden}.hud-corner{position:absolute;background:#142530c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #a0b4c41f;padding:12px 16px;border-radius:6px}.top-left{top:18px;left:18px}.overline{font-size:8px;color:#a4b8c5;letter-spacing:1.5px}.floor-display{font-size:12px;color:#adbec8;margin-top:5px;letter-spacing:1px}.floor-display strong{font-size:19px;font-weight:500;color:#e1ebef;margin-left:7px}#sector-name{font-size:8px;color:#92a8b4;letter-spacing:1.5px;margin-top:4px}.top-right{top:18px;right:18px;display:flex;align-items:center;gap:19px}.hud-stat{color:#a3b6c3;font-size:8px;letter-spacing:1px}.hud-stat b{color:#f1f5f6;font-size:16px;font-weight:500;margin-left:7px}.rounds-label b{color:#d6f2ff}.exit-status{font-size:8px;font-weight:600;letter-spacing:1px;color:#f7ae99;padding:5px 7px;background:#a6503626;border-radius:3px}.exit-status.unlocked{color:#c3e6d6;background:#b6e5d526}.bottom-left{bottom:18px;left:18px}.vital-label{font-size:8px;letter-spacing:1.5px;color:#a3b6be}.health{display:flex;align-items:center;gap:10px;margin-top:8px}.health-icon{width:22px;height:22px;background:#b6c9b322;border:1px solid #d2e1cb44;display:grid;place-items:center;font-size:19px;color:#d0e1c4;border-radius:3px}#hp{color:#d9e5cb;font-size:14px}.health small{font-size:8px;color:#92a6b1;letter-spacing:1px}.bottom-right{bottom:18px;right:18px;display:flex;align-items:center;flex-wrap:wrap;gap:11px;max-width:340px}.current-weapon{display:flex;flex-direction:column;gap:5px}.current-weapon strong{font-size:12px;font-weight:500;letter-spacing:.4px}.current-weapon small{color:var(--muted);font-size:8px;letter-spacing:.15px;line-height:1.2;white-space:nowrap}.weapons{display:flex;gap:4px;pointer-events:auto}.weapon{width:34px;padding:4px 0;font-size:10px;color:#8dabb9;background:#233c4966;border:1px solid #7c9eb52b;border-radius:4px}.weapon span{display:block;font-size:7px;margin-top:2px}.weapon.active{color:#deebd7;border-color:#afc79c99;background:#a9bd9133}.abilities{display:flex;gap:4px}.abilities:empty{display:none}.ability-badge{display:inline-grid;place-items:center;width:26px;height:26px;color:#c7dce4;background:#35505f80;border:1px solid #91b6c42b;border-radius:4px;pointer-events:auto}.ability-badge svg{width:18px;height:18px}.underbar{display:flex;justify-content:space-between;align-items:center;padding:16px 3px;color:#718998;font-size:8px;letter-spacing:.5px;gap:10px}.underbar b{color:#93a6b1;font-weight:400}.underbar>span>i{font-style:normal;margin:0 10px}.legend{display:flex;gap:15px;align-items:center}.legend i{display:inline-block;width:12px;height:2px;background:var(--rsu-ice);vertical-align:middle;margin-right:6px}.legend .enemy{width:5px;height:5px;background:#ffab8b;transform:rotate(45deg)}#perf{font:8px Consolas,monospace;color:#6f8796}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0e1e29a6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.overlay:empty{display:none}.overlay.title{background:linear-gradient(90deg,#10232beb,#142c33db 38%,#19354122 65%,#10273100);-webkit-backdrop-filter:none;backdrop-filter:none;justify-content:flex-start}.title-panel{margin:0 0 0 7%;max-width:56%;padding-bottom:10px}.eyebrow{color:#a4bcb7;font-size:9px;font-weight:500;letter-spacing:2px;margin-bottom:20px}.title-panel .eyebrow{font-size:8px;letter-spacing:2px}.title-panel .eyebrow>span{display:inline-block;width:20px;height:1px;margin:0 8px 3px 0;background:#afc7ad}h1{margin:0;font-size:clamp(30px,4.6vw,65px);line-height:.97;font-weight:850;letter-spacing:-2.5px}h1>span{color:#afc5b1;font-size:.84em;letter-spacing:-1px}.title-tagline{font-size:clamp(13px,1.4vw,19px);margin-top:25px;letter-spacing:2px;color:#e1e8e3}.title-panel p{color:#a6bac3;font-size:11px;line-height:1.9;margin-top:18px}.primary{border:1px solid #e0e6d922;background:#c1cdb3;color:#1c2b27;padding:14px 23px;border-radius:4px;font-size:10px;font-weight:650;letter-spacing:1.6px;margin:18px 5px 0 0;transition:background .2s,transform .2s}.primary:hover{background:#e0ead5;transform:translateY(-2px)}.title-panel .primary{width:215px;display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:17px 21px;margin-top:30px}.title-panel .primary span{font-size:19px;font-weight:300}.secondary{background:#344d5c77;border:1px solid #8da9b83d;color:#bfced6;padding:14px 20px;border-radius:4px;font-size:10px;margin:18px 0 0 5px}.secondary:hover{background:#4e697a}.run-meta{display:flex;gap:22px;font-size:8px;letter-spacing:1px;color:#8fa6b1;margin-top:22px}.title-instructions{color:#7e98a1;font-size:9px;margin-top:30px}.panel{width:85%;max-width:820px;text-align:center}.panel h2{margin:0 0 14px;font-size:clamp(23px,3.8vw,45px);font-weight:600;letter-spacing:-1px;line-height:1.15}.panel p{color:#adc0ca;font-size:12px;line-height:1.8}.accent{color:#c4d6bd}.overlay.dead{background:#14202730;-webkit-backdrop-filter:none;backdrop-filter:none;align-items:flex-start;padding-top:7%}.overlay.dead .panel{width:54%;max-width:630px;background:#14252de8;border:1px solid #809fb333;border-radius:8px;padding:24px 20px}.overlay.dead h2{font-size:clamp(21px,3.4vw,40px)}.overlay.dead .eyebrow{color:#e4b7a8}.cards{display:flex;gap:15px;margin-top:30px}.card{flex:1;text-align:left;padding:26px 22px 20px;color:#e6eef0;background:linear-gradient(145deg,#405561f2,#243c48f2);border:1px solid #b0c5d147;border-radius:8px;transition:transform .2s,border-color .2s,box-shadow .2s}.card:hover{transform:translateY(-7px);border-color:#c0d3bc;box-shadow:0 12px 25px #08162077}.card-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:8px;background:#adc5b521;color:#d1e3d8;margin-bottom:27px}.card-icon svg{width:28px;height:28px}.card strong{display:block;font-size:13px;font-weight:600;letter-spacing:.2px}.card p{font-size:10px;min-height:38px;margin-top:9px}.card-select{display:flex;justify-content:space-between;font-size:8px;color:#acbfb8;letter-spacing:1px;padding-top:20px;border-top:1px solid #acc1ce22;margin-top:17px}@media(min-width:1450px){.shell{padding-top:calc((100vh - 890px)/3)}}@media(max-width:1000px){.shell{padding:0 16px}.masthead{height:58px}.facility-status{display:none}.hud-corner{padding:9px 11px}.top-left{top:12px;left:12px}.top-right{top:12px;right:12px;gap:12px}.bottom-left{bottom:12px;left:12px}.bottom-right{bottom:12px;right:12px}.title-panel .eyebrow{font-size:7px}.title-tagline{margin-top:17px}.title-panel p{font-size:10px}.title-panel .primary{margin-top:18px;padding:13px 17px}.title-instructions{margin-top:18px}.underbar{font-size:7px}.underbar>span>i{margin:0 4px}.legend{gap:9px}.cards{gap:9px;margin-top:20px}.card{padding:20px 15px}.card-icon{margin-bottom:18px}.card strong{font-size:11px}.overlay.dead .panel{padding:18px}.panel p{font-size:10px}}@media(max-width:680px){.shell{padding:0 6px}.brand>span:last-child{display:none}.masthead{height:46px}.quiet{font-size:8px;padding:6px}.arena{border-radius:4px}.title-panel{margin-left:6%;max-width:63%}h1{font-size:30px;letter-spacing:-1px}.title-panel .eyebrow,.title-instructions{display:none}.title-tagline{font-size:12px;letter-spacing:0;margin-top:12px}.title-panel p{font-size:8px;margin-top:10px}.title-panel .primary{width:165px;margin-top:10px;padding:8px 12px}.run-meta{font-size:6px;margin-top:12px;gap:10px}.hud-corner{padding:6px}.top-left{top:6px;left:6px}.top-right{top:6px;right:6px;gap:7px}.bottom-left{bottom:6px;left:6px}.bottom-right{bottom:6px;right:6px;gap:6px}.overline,#sector-name,.vital-label{font-size:6px}.floor-display{font-size:8px}.floor-display strong{font-size:13px}.hud-stat{font-size:6px}.hud-stat b{font-size:11px;margin-left:3px}.health small,.exit-status,.rounds-label{display:none}.health{margin-top:3px}.current-weapon strong{font-size:9px}.current-weapon small{font-size:7px}.weapon{width:24px;font-size:8px}.weapon span{font-size:6px}.underbar{flex-wrap:wrap;justify-content:center;font-size:7px}.card{padding:12px 9px}.card-icon{width:30px;height:30px;margin-bottom:10px}.card strong{font-size:8px}.card p{font-size:7px}.card-select{font-size:6px;padding-top:10px}.choice-panel .eyebrow{margin-bottom:10px}.panel h2{font-size:19px}.cards{gap:5px;margin-top:12px}.primary,.secondary{padding:8px 10px;font-size:8px;margin-top:8px}.panel p{font-size:8px}.overlay.dead .panel{width:70%;padding:12px}.overlay.dead h2{font-size:21px}.overlay.dead .eyebrow{font-size:7px;margin-bottom:12px}}@media(prefers-reduced-motion:reduce){button{transition:none!important}.card:hover,.primary:hover{transform:none}}@media(pointer:coarse)and (max-width:900px){.desktop-instructions{display:none}.touch-instructions{display:inline}.touch-stick{display:block}.arena canvas{cursor:default}.weapons{gap:5px}.weapon{width:40px;min-height:44px;padding:5px 0;font-size:9px}.weapon span{font-size:7px}}@media(min-width:901px){html,body,#app{width:100%;height:100%;min-height:100%}body{overflow:hidden;background:radial-gradient(ellipse at 50% 44%,#23343f,#121d26 58%,#0a121a)}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.22;background-image:linear-gradient(#91a9b20b 1px,transparent 1px),linear-gradient(90deg,#91a9b20b 1px,transparent 1px),radial-gradient(ellipse at 50% 50%,transparent 52%,#02080d99 100%);background-size:64px 64px,64px 64px,100% 100%}.shell{position:relative;z-index:1;width:100%;max-width:1760px;height:100dvh;min-height:620px;margin:0 auto;padding:0 clamp(28px,4vw,76px);display:grid;grid-template-rows:clamp(64px,7vh,82px) minmax(0,1fr) auto}.masthead{height:auto;padding:0 6px;border-bottom:1px solid #9db3bf21}.brand{gap:16px;font-size:12px;letter-spacing:2px}.brand-mark{font-size:30px}.brand b{font-size:10px;letter-spacing:2.5px}.facility-status{color:#b5c7cf;font-size:11px;letter-spacing:2px}.meta{gap:9px}.quiet{color:#d4e0e5;background:linear-gradient(180deg,#283d49,#1c2d38);border:1px solid #9bb5c033;padding:10px 14px;font-size:10px;letter-spacing:1.1px}.quiet:hover{color:#f0f5f4;background:#354d59;border-color:#b8d0d677}.arena{width:min(100%,calc((100dvh - 174px)*1.75));margin:auto;border:1px solid #839dae5c;border-radius:4px;box-shadow:0 28px 90px #02080d99,0 0 0 6px #516a7814}.arena canvas{width:100%;height:auto}.hud-corner{padding:15px 19px;border:1px solid #c5d9df38;border-radius:4px;background:#101e29e8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px #07101852}.top-left{top:22px;left:22px}.overline,.vital-label{font-size:11px;letter-spacing:1.7px;color:#d0dde1}.floor-display{font-size:14px;margin-top:7px;letter-spacing:1.3px;color:#c2d1d7}.floor-display strong{font-size:24px;margin-left:9px;color:#f1f5f3}#sector-name{font-size:11px;margin-top:6px;letter-spacing:1.6px;color:#b4c6cd}.top-right{top:22px;right:22px;gap:24px}.hud-stat{font-size:11px;letter-spacing:1.2px;color:#c2d2d8}.hud-stat b{font-size:20px;margin-left:8px;color:#f6f8f6}.exit-status{font-size:10px;padding:8px 11px;letter-spacing:1.2px}.bottom-left{bottom:22px;left:22px}.health{gap:11px;margin-top:10px}.health-icon{width:27px;height:27px;font-size:21px}#hp{font-size:18px}.health small{font-size:10px;letter-spacing:1.2px;color:#bdcbd0}.bottom-right{bottom:22px;right:22px;gap:14px;max-width:430px}.current-weapon{gap:6px}.current-weapon strong{font-size:15px;letter-spacing:.7px}.current-weapon small{font-size:10px;color:#c1d0d5;letter-spacing:.2px}.weapons{gap:6px}.weapon{width:43px;min-height:46px;padding:6px 0;font-size:12px;color:#b8cbd1;background:#1e3542;border-color:#95b0bf66}.weapon span{font-size:9px;margin-top:3px}.weapon.active{color:#f1f6ea;border-color:#d1e5b9;background:#8fa9764a;box-shadow:0 0 18px #b3d59829}.ability-badge{width:32px;height:32px}.ability-badge svg{width:21px;height:21px}.underbar{padding:13px 6px 15px;font-size:10px;letter-spacing:.6px;color:#b4c4cb}.underbar b{color:#e3ebeb;font-weight:550}.underbar>span>i{margin:0 10px;color:#76909b}.legend{gap:18px}#perf{font-size:10px;color:#a9bac2}.overlay{background:#09151fc4;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.overlay.title{background:linear-gradient(90deg,#0b1a25f2,#0d202bdf 42%,#122c342c 72%,#10273100)}.title-panel{margin-left:8%;max-width:58%}.title-panel .eyebrow{font-size:11px;letter-spacing:2.2px;color:#c2d5d0}h1{font-size:clamp(48px,5vw,82px);letter-spacing:-3.2px}h1>span{letter-spacing:-1.8px}.title-tagline{font-size:clamp(19px,1.65vw,25px);margin-top:29px;letter-spacing:2.4px;color:#f0f4ef}.title-panel p{max-width:510px;margin-top:20px;color:#d2dfe2;font-size:15px;line-height:1.85}.title-panel .primary{width:270px;margin-top:30px;padding:18px 22px;font-size:13px;letter-spacing:1.8px}.title-panel .primary span{font-size:22px}.secondary{margin-top:18px;padding:14px 17px;font-size:11px;color:#e0e9eb;background:#19303cce;border-color:#a8c0ca59;letter-spacing:.7px}.secondary:hover{color:#fff;background:#2f4d59;border-color:#c9dce2}.run-meta{gap:25px;margin-top:24px;font-size:10px;color:#c0cdd0}.title-instructions{margin-top:25px;color:#bac9cc;font-size:12px}.eyebrow{font-size:11px;letter-spacing:2px;margin-bottom:22px}.panel{width:82%;max-width:960px}.panel h2{margin-bottom:17px;font-size:clamp(32px,3.2vw,52px)}.panel p{font-size:15px;line-height:1.8;color:#d3dfe2}.primary,.secondary{font-size:12px}.primary{padding:15px 22px}.overlay.dead{padding-top:5%}.overlay.dead .panel{width:58%;max-width:760px;padding:31px 30px}.overlay.dead h2{font-size:clamp(30px,3.2vw,48px)}.cards{gap:18px;margin-top:28px}.card{padding:28px 25px 23px}.card-icon{width:50px;height:50px;margin-bottom:25px}.card strong{font-size:15px}.card p{min-height:52px;font-size:12px;line-height:1.65}.card-select{font-size:10px}}.title-panel .secondary{margin-left:10px}.stage-panel{max-width:930px;max-height:92%;padding:24px;border-radius:10px;background:#142630ed;border:1px solid #9db7c43b;overflow:auto}.stage-panel h2{font-size:28px}.stage-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;text-align:left;margin-top:22px}.stage-tile{min-height:64px;border:1px solid #88a6b645;border-radius:5px;background:#2c4553;color:#e3ebef;padding:9px;text-align:left}.stage-tile:hover:not(:disabled){border-color:#c8dfce;background:#3a5a65;transform:translateY(-2px)}.stage-tile span{display:block;font-size:16px;font-weight:700}.stage-tile small{display:block;font-size:7px;line-height:1.3;margin-top:5px;color:#b5c8cc}.stage-tile.locked{background:#1f303b;color:#718894;opacity:.7;cursor:not-allowed}.stage-tile.cleared{border-color:#b9d8b397}@media(max-width:800px){.stage-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.stage-panel{max-height:96%;padding:12px}.stage-tile{min-height:48px;padding:5px}.stage-tile small{font-size:6px}}.title-panel{max-height:96%;overflow-y:auto}.title-panel .secondary{margin:8px 6px 0 0;padding:10px 12px}.character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.character-card{min-height:170px;padding:20px 14px;display:flex;flex-direction:column;gap:9px;align-items:flex-start;text-align:left;color:#deebee;background:#263f4bdc;border:1px solid #91abba66;border-radius:8px}.character-card:hover:not(:disabled),.character-card.selected{border-color:var(--character-accent);background:#395561}.character-card:disabled{opacity:.48;cursor:not-allowed}.character-symbol{color:var(--character-accent);font-size:32px;line-height:1}.character-card strong{font-size:15px;letter-spacing:1px}.character-card small{line-height:1.5;color:#aebfc7;flex:1}.character-card>span:last-child{color:var(--character-accent);font-size:9px;letter-spacing:1px}.settings-grid{max-width:520px;margin:20px auto;display:grid;gap:14px;text-align:left}.settings-grid label{display:grid;grid-template-columns:115px 45px 1fr;align-items:center;gap:12px;font-size:11px;letter-spacing:1px}.settings-grid output{color:#c8dfce}.settings-grid input[type=range]{accent-color:#b7cebd;width:100%}.settings-grid .toggle-setting{grid-template-columns:115px auto}@media(max-width:680px){.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-card{min-height:110px;padding:8px;gap:3px}.character-symbol{font-size:19px}.character-card strong{font-size:10px}.character-card small{font-size:7px}.settings-grid{gap:5px}.settings-grid label{font-size:8px;grid-template-columns:70px 25px 1fr;gap:4px}}.tutorial{position:absolute;top:21px;left:50%;transform:translate(-50%);max-width:45%;text-align:center;color:#f1efde;background:#17323bd9;border:1px solid #c2d5bb55;border-radius:4px;padding:7px 11px;font-size:10px;line-height:1.4;letter-spacing:.45px}.tutorial:empty{display:none}@media(max-width:680px){.tutorial{top:5px;max-width:42%;padding:4px;font-size:6px}}.debug-panel{display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:min(1376px,calc(100% - 32px));padding:10px;margin:10px auto 16px;background:#241a20;border:1px solid #d68e93;border-radius:5px;font:11px Consolas,monospace;color:#ffe2d7}.debug-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px;flex:1 1 100%}.debug-heading strong{color:#ffb9a0;letter-spacing:.12em}.debug-heading small{color:#d8bdba}.debug-panel button,.debug-panel input,.debug-panel select{background:#382a34;color:#ffe2d7;border:1px solid #bd8996;border-radius:3px;padding:3px;font:inherit}.debug-panel input[type=number]{width:56px}.debug-panel label{display:flex;align-items:center;gap:4px}.debug-panel output{flex:1 1 100%;overflow-wrap:anywhere;line-height:1.5}