@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{color-scheme:dark;--ink:#090a0d;--white:#f2f1e9;--acid:#d5fa82;--muted:#a5a8a2}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--ink)}body{font-family:'DM Sans',sans-serif;color:var(--white)}button,input{font:inherit}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:2px solid var(--acid);outline-offset:5px}button:disabled{cursor:default}button:not(:disabled):hover{filter:brightness(1.13)}[hidden]{display:none!important}.game-frame{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;background:#070b10}canvas{width:100%;height:100%;display:block;object-fit:contain;outline:none}.game-menu{position:absolute;inset:0;z-index:10;background:#090b10}.menu-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center}.menu-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,10,.95) 0%,rgba(5,8,10,.82) 27%,rgba(5,8,10,.32) 62%,rgba(5,8,10,.16)),linear-gradient(0deg,rgba(5,8,10,.85),transparent 28%,transparent 76%,rgba(5,8,10,.55))}.menu-grain{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0px,#0000 3px,#00000012 4px);opacity:.55}.home-panel{position:absolute;left:8%;top:50%;transform:translateY(-50%);width:min(390px,42vw)}.world-label,.subtitle,.resume-detail,.callsign-label,.menu-caption,.menu-topline,.menu-bottomline,.eyebrow,.session-label,.floor-hud,.objective,.vital-labels,.pilot>span,.boss-heading>span{font-family:'Space Mono',monospace}.world-label{font-size:10px;letter-spacing:2px;color:#c9d0c5;display:flex;align-items:center;gap:10px;margin:0 0 15px}.status-dot{width:5px;height:5px;background:var(--acid);box-shadow:0 0 12px #d5fa8250;border-radius:50%;flex-shrink:0;display:inline-block}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(95px,11.8vw,180px);font-weight:800;line-height:.85;letter-spacing:-2px;margin:0 0 18px}h1 span{color:var(--acid)}.subtitle{font-size:12px;letter-spacing:5px;margin:0;color:var(--acid)}.menu-rule{width:40px;height:2px;background:var(--acid);margin:31px 0 26px}.menu-buttons{display:flex;flex-direction:column;gap:9px}.menu-button{width:100%;border:1px solid #ffffff28;border-left:2px solid #ffffff55;background:#0b1113a6;min-height:57px;padding:13px 20px;display:flex;justify-content:space-between;align-items:center;text-align:left;font:600 25px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1.1px;text-transform:uppercase;transition:background .15s,border-color .15s,transform .15s}.menu-button:hover:not(:disabled){transform:translateX(4px);background:#1b2524df;border-color:#d5fa8288}.menu-button.primary{background:var(--acid);border-color:var(--acid);color:#10170c}.menu-button.primary:hover{background:#e0ffab;color:#10170c}.button-symbol{font-family:Arial,sans-serif;font-size:22px;font-weight:400;opacity:.7}.menu-button:disabled{opacity:.32}.resume-detail{color:#a8b2a5;font-size:9px;min-height:15px;margin:11px 0 20px;letter-spacing:.3px}.callsign-label{display:flex;align-items:center;gap:14px;font-size:8px;letter-spacing:1px;color:#879389}.callsign-label input{min-width:0;width:170px;border:0;border-bottom:1px solid #79897566;padding:5px 2px;background:transparent;color:#e0e7da;font-size:11px;letter-spacing:.6px}.menu-caption{font-size:9px;color:#a6ada4;margin-top:24px;letter-spacing:.25px}.menu-topline{position:absolute;left:5%;right:4%;top:max(25px,env(safe-area-inset-top));display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.5px;color:#c6c9c1}.utilities{display:flex;gap:25px;align-items:center}.utilities button{background:none;border:0;padding:8px 0;font:9px 'Space Mono',monospace;letter-spacing:1px;color:#d0d4ca}.utilities button:last-child{font-size:22px}.menu-bottomline{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:5%;right:4%;display:flex;justify-content:space-between;gap:25px;font-size:8px;letter-spacing:1px;color:#b9c0b2}.menu-bottomline #menu-message{max-width:70%}.build-label{white-space:nowrap;opacity:.65}.hud{position:absolute;inset:max(22px,env(safe-area-inset-top)) 24px auto;z-index:2;display:flex;align-items:flex-start;gap:20px;pointer-events:none}.vitals{width:210px;padding:13px 15px;background:#090e15c7;border:1px solid #8da29840;backdrop-filter:blur(6px)}.pilot{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.pilot strong{font-size:14px;letter-spacing:3px}.pilot>span{font-size:9px;color:#d3ddd2}.meter{height:5px;background:#344039;margin-top:5px}.meter i{height:100%;width:100%;display:block;background:var(--acid);transition:width .12s}.energy{height:3px}.energy i{background:#ab91ed}.vital-labels{display:flex;justify-content:space-between;font-size:6px;letter-spacing:1px;color:#b1bcb0;margin-top:7px}.floor-hud{margin-left:auto;text-align:right;display:flex;flex-direction:column;gap:5px;text-shadow:0 2px 5px #000}.floor-hud>span{font-size:9px;color:var(--acid);letter-spacing:1px}.floor-hud strong{font:600 28px 'Barlow Condensed',Impact,sans-serif;letter-spacing:2px}.floor-hud small{font-size:8px;color:#c5ccc2}.icon-button{pointer-events:auto;background:#0b111cc2;border:1px solid #a5b4a653;width:36px;height:36px}.objective{position:absolute;left:24px;bottom:40px;z-index:2;display:flex;gap:10px;align-items:center;max-width:75%;padding:11px 14px;background:#0a1019bd;font-size:9px;line-height:1.6;pointer-events:none}.session-label{position:absolute;z-index:2;bottom:15px;left:25px;font-size:7px;color:#aab6aa;letter-spacing:1px;pointer-events:none}.boss-hud{position:absolute;z-index:3;left:0;right:0;bottom:0;width:100%;background:#100c18;border-top:1px solid #983954;pointer-events:none}.boss-heading{height:40px;display:flex;align-items:center;gap:20px;padding:0 20px}.boss-heading strong{font:600 23px 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:2px}.boss-heading>span{font-size:9px;color:#d3a6b6}.boss-heading>span:last-child{margin-left:auto;color:#f8dbe5}.boss-meter{width:100%;height:12px;background:#381d2b}.boss-meter i{display:block;height:100%;background:linear-gradient(90deg,#c91f52,#ff5a7c);transition:width .12s linear}.boss-active .objective{bottom:81px}.boss-active .session-label{bottom:62px}.touch-controls{position:absolute;z-index:3;left:15px;right:15px;bottom:95px;display:none;justify-content:space-between;pointer-events:none}.touch-controls>div{display:flex;gap:6px}.touch-controls button{pointer-events:auto;touch-action:none;width:44px;height:44px;border:1px solid #99a49460;background:#101a20b5;font:10px 'Space Mono',monospace}.boss-active .touch-controls{bottom:130px}.modal{position:absolute;z-index:20;inset:0;display:flex;align-items:center;justify-content:center;padding:35px;background:#060b10b5;backdrop-filter:blur(16px)}.modal-card{width:min(860px,100%);max-height:90dvh;overflow:auto;padding:35px;background:#0b1118e8;border:1px solid #6c846538;box-shadow:0 20px 100px #0005}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--acid)}.modal h2{font:600 48px 'Barlow Condensed',Impact,sans-serif;letter-spacing:.5px;margin:12px 0}.modal p{font-size:12px;line-height:1.7;color:#a8b4b0;margin:10px 0 20px}.modal-actions,#modal-actions{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap}.primary,.secondary{padding:13px 19px;border:1px solid #657760;background:#15201d;font:10px 'Space Mono',monospace;letter-spacing:1px}.primary{color:#10170c;background:var(--acid);border-color:var(--acid)}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:11px;color:#b9c5b9;margin:24px 0}kbd{font:9px 'Space Mono',monospace;display:inline-block;min-width:64px;padding:5px 7px;border:1px solid #627161;margin-right:8px;color:var(--white)}.score-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.score-table th{text-align:left;padding:12px 8px;border-bottom:1px solid #3a493d;font:8px 'Space Mono',monospace;letter-spacing:1px;color:#8fa08e}.score-table td{padding:13px 8px;border-bottom:1px solid #27322b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-table th:first-child{width:40px}.score-table th:nth-child(2){width:36%}.score-table .winner{color:var(--acid)}.score-table tr.mine{background:#d5fa8209}.score-empty{padding:35px 0;color:#aab8aa;font-size:13px}.score-loading{min-height:110px;display:grid;place-items:center;color:var(--acid);font-size:12px}.result-stats{display:flex;gap:45px;margin:28px 0;flex-wrap:wrap}.result-stats div{display:flex;flex-direction:column;gap:7px}.result-stats strong{font:600 42px 'Barlow Condensed',Impact,sans-serif;color:var(--acid)}.result-stats small{font:8px 'Space Mono',monospace;letter-spacing:1px;color:#a5b39f}.score-notice{font-size:11px;color:#aab8aa;min-height:18px}.board-caption{font:8px 'Space Mono',monospace;color:#728370!important}.game-frame:fullscreen{width:100vw;height:100vh}body:not([data-screen="playing"]) .hud,body:not([data-screen="playing"]) .objective,body:not([data-screen="playing"]) .session-label,body:not([data-screen="playing"]) .touch-controls,body:not([data-screen="playing"]) .boss-hud{visibility:hidden}
@media(pointer:coarse){.touch-controls{display:flex}}@media(max-width:700px){.home-panel{left:8%;width:84%;max-width:350px}.menu-video{object-position:65% center}.menu-shade{background:linear-gradient(90deg,#05080ae8,#05080a75),linear-gradient(0deg,#05080aa8,transparent 65%)}h1{font-size:clamp(88px,24vw,135px)}.world-label{font-size:8px;letter-spacing:1.5px}.subtitle{font-size:10px;letter-spacing:4px}.menu-rule{margin:25px 0 22px}.menu-button{min-height:53px;font-size:24px}.menu-topline{left:8%;right:7%;top:20px}.menu-topline>span{font-size:6px;letter-spacing:.8px}.utilities{gap:16px}.utilities button{font-size:7px}.utilities button:last-child{font-size:20px}.menu-bottomline{left:8%;right:8%;bottom:20px;font-size:7px}.build-label{display:none}.menu-caption{font-size:8px;margin-top:18px}.resume-detail{font-size:8px;margin-bottom:16px}.hud{left:10px;right:10px;top:max(12px,env(safe-area-inset-top));gap:10px}.vitals{width:142px;padding:10px}.pilot strong{font-size:12px}.pilot>span{font-size:7px}.floor-hud strong{font-size:23px}.floor-hud>span{font-size:7px}.floor-hud small{font-size:7px}.objective{left:10px;max-width:94%;font-size:8px;bottom:34px}.session-label{left:12px;font-size:6px;bottom:12px}.touch-controls{left:10px;right:10px;bottom:87px;display:flex}.touch-controls button{width:clamp(25px,8vw,40px);height:42px;font-size:8px}.touch-controls>div{gap:4px}.boss-heading{padding:0 10px;gap:10px;height:42px}.boss-heading strong{font-size:18px;letter-spacing:1px}.boss-heading>span{font-size:7px}.boss-meter{height:10px}.boss-active .objective{bottom:78px}.boss-active .touch-controls{bottom:135px}.modal{padding:16px}.modal-card{padding:24px 18px;max-height:92dvh}.modal h2{font-size:38px}.modal p{font-size:11px}.controls-grid{grid-template-columns:1fr;gap:12px}.score-table{font-size:10px}.score-table td,.score-table th{padding:11px 4px}.score-table th:first-child{width:25px}.score-table th:nth-child(2){width:30%}.score-table th{font-size:6px}.result-stats{gap:25px}.result-stats strong{font-size:34px}}
@media(max-height:600px) and (orientation:landscape){.home-panel{left:7%;width:310px;top:52%}.world-label{font-size:7px;margin-bottom:10px}h1{font-size:78px;margin-bottom:10px}.subtitle{font-size:9px;letter-spacing:3px}.menu-rule{margin:15px 0}.menu-buttons{gap:6px}.menu-button{min-height:39px;padding:7px 15px;font-size:20px}.resume-detail{font-size:7px;margin:8px 0}.callsign-label{font-size:6px}.callsign-label input{font-size:9px;padding:3px}.menu-caption{display:none}.menu-topline{top:12px}.menu-bottomline{bottom:12px}.modal{padding:16px}.modal-card{padding:22px;max-height:94dvh}.modal h2{font-size:32px}.modal p{margin:6px 0 12px}.controls-grid{grid-template-columns:1fr 1fr;gap:10px}.score-table td{padding:8px}.hud{top:10px}.objective{bottom:25px}.session-label{bottom:7px}.touch-controls{bottom:60px}.boss-active .touch-controls{bottom:110px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.menu-button.primary{font:600 25px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1.1px}@media(max-width:700px){.menu-button.primary{font-size:24px}}@media(max-height:600px) and (orientation:landscape){.menu-button.primary{font-size:20px}}
.preloader{position:absolute;z-index:50;inset:0;display:grid;place-items:center;background:#060809}.preloader-content{width:min(310px,78vw)}.preloader-content>strong{display:block;font:800 70px 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;margin-bottom:32px}.preloader-content>strong span{color:var(--acid)}.preload-row{display:flex;justify-content:space-between;font:8px 'Space Mono',monospace;letter-spacing:1.5px;color:#a7b8a5}.loading-progress{height:3px;background:#26302b;margin-top:12px}.loading-progress i{display:block;height:100%;width:0;background:var(--acid)}.preloader p{font:9px 'Space Mono',monospace;color:#77867b;line-height:1.8;margin-top:18px}.preloader button{margin-top:15px}.intro-video{z-index:1}.menu-shade,.menu-grain{z-index:3}.home-panel,.menu-topline,.menu-bottomline{z-index:4}.intro-fade{position:absolute;inset:0;z-index:2;background:#000;opacity:1;pointer-events:none}.intro-fade.revealing{animation:intro-reveal 1.6s ease-out forwards}body[data-screen="loading"] .menu-shade,body[data-screen="loading"] .menu-grain,body[data-screen="loading"] .menu-topline,body[data-screen="loading"] .menu-bottomline,body[data-screen="intro"] .menu-shade,body[data-screen="intro"] .menu-grain,body[data-screen="intro"] .menu-topline,body[data-screen="intro"] .menu-bottomline{visibility:hidden}body[data-screen="menu"] .home-panel{animation:menu-reveal .65s ease-out both}body[data-screen="menu"] .menu-shade{animation:menu-shade-in .65s ease-out both}@keyframes intro-reveal{from{opacity:1}to{opacity:.08}}@keyframes menu-reveal{from{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}@keyframes menu-shade-in{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.intro-fade.revealing{animation-duration:.2s}body[data-screen="menu"] .home-panel,body[data-screen="menu"] .menu-shade{animation:none}}
.identity-panel{margin:13px 0 15px}.x-login{border:1px solid #aeb9ae55;background:#101515bb;color:#f0f4eb;padding:9px 14px;font:10px 'Space Mono',monospace;letter-spacing:.4px}.x-login:disabled{opacity:.45}.identity-panel p{font:8px 'Space Mono',monospace;line-height:1.6;color:#8f9d8b;margin:8px 0 0}.x-user{display:flex;align-items:center;justify-content:space-between;gap:15px}.x-user small{display:block;font:7px 'Space Mono',monospace;letter-spacing:1px;color:#a6b79d;margin-bottom:5px}.x-user strong{font:600 19px 'DM Sans',sans-serif;color:var(--acid)}.x-user button{font:8px 'Space Mono',monospace;background:none;border:0;color:#a6b49e;padding:7px 0}@media(max-height:750px){.menu-caption{display:none}.identity-panel{margin:9px 0 12px}.resume-detail{margin-bottom:10px}.menu-rule{margin:20px 0}}@media(max-height:600px) and (orientation:landscape){.identity-panel p{display:none}.identity-panel{margin:7px 0}.x-login{padding:5px 10px;font-size:8px}.x-user strong{font-size:15px}.x-user small{font-size:6px}.callsign-label{margin-top:5px}}

@media(any-pointer:coarse),(max-width:700px){
 .game-frame{height:100dvh;touch-action:none;user-select:none;-webkit-user-select:none}
 .callsign-label input{user-select:text;-webkit-user-select:text;font-size:16px}
 .touch-controls,.boss-active .touch-controls{display:flex;align-items:flex-end;left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));height:164px;z-index:5}
 .touch-controls .move-pad{display:grid;place-items:center;position:relative;width:124px;height:124px;flex-shrink:0;border-radius:50%;border:1px solid #d5fa8245;background:radial-gradient(circle,#192a30bb,#0b161bab);pointer-events:auto;touch-action:none;box-shadow:inset 0 0 30px #d5fa820a}
 .move-thumb{position:absolute;width:54px;height:54px;border-radius:50%;background:linear-gradient(145deg,#d5fa8280,#54726f99);border:1px solid #d5fa82aa;box-shadow:0 3px 16px #0008;pointer-events:none}
 .move-arrows{color:#d5fa8270;font-size:23px;pointer-events:none}.move-label{position:absolute;bottom:10px;font:8px 'Space Mono',monospace;letter-spacing:2px;color:#c2d5bd;pointer-events:none}
 .touch-controls .combat-pad{display:block;position:relative;width:214px;height:164px;flex-shrink:0}
 .touch-controls button{position:absolute;width:56px;height:56px;border-radius:50%;background:#101e27dc;border:1px solid #b8d4ca80;font:9px 'Space Mono',monospace;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-shadow:0 3px 12px #0005;transition:background .08s,transform .08s}
 .touch-controls button small{font-size:8px;letter-spacing:.5px;pointer-events:none}
 .touch-controls .touch-attack{right:0;bottom:14px;width:78px;height:78px;background:#d5fa82e8;color:#152315;border:2px solid #edffc4;font-size:29px}
 .touch-controls .touch-jump{right:88px;bottom:0;width:62px;height:62px;font-size:24px}
 .touch-controls .touch-burst{right:6px;top:0;border-color:#b994ee;background:#302140df}
 .touch-controls .touch-dash{right:74px;top:15px}
 .touch-controls .touch-use{left:0;top:56px;width:48px;height:48px}
 .touch-controls button.held{transform:scale(.92);background:#83aa75;color:#09100a;box-shadow:0 0 20px #d5fa8240}
 .objective{bottom:194px;max-width:65%;font-size:8px}.boss-active .objective{bottom:194px}.session-label{display:none}.boss-hud{bottom:182px}
 .hud{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top))}.hud .icon-button{min-width:44px;min-height:44px}
 .home-panel{max-height:calc(100dvh - 105px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:6px;touch-action:pan-y}.game-menu .menu-button{min-height:48px}.utilities button{min-height:44px}
}
@media(any-pointer:coarse) and (orientation:landscape),(max-width:700px) and (orientation:landscape){
 .touch-controls,.boss-active .touch-controls{height:140px;bottom:max(10px,env(safe-area-inset-bottom))}.touch-controls .move-pad{width:108px;height:108px}.touch-controls .combat-pad{transform:scale(.88);transform-origin:bottom right}.objective,.boss-active .objective{bottom:14px;left:calc(50% - 150px);max-width:300px;text-align:center}.boss-hud{bottom:45px;left:27%;right:27%;width:auto}.boss-heading strong{font-size:18px}.boss-heading{height:30px}.boss-meter{height:7px}.vitals{padding:8px;width:150px}.floor-hud strong{font-size:22px}
 .home-panel{width:300px;top:50%;max-height:calc(100dvh - 70px)}.home-panel h1{font-size:64px;margin-bottom:10px}.world-label,.menu-caption,.menu-rule,.subtitle{display:none}.menu-buttons{gap:5px}.game-menu .menu-button{min-height:44px;padding:7px 14px;font-size:21px}.resume-detail{margin:6px 0}.identity-panel{margin:8px 0}.menu-topline{top:4px}.menu-bottomline{bottom:8px}
}
@media(max-width:700px) and (orientation:portrait){
 body[data-screen="playing"] canvas{position:absolute;top:100px;height:calc(100dvh - 300px);object-position:center}
 .objective,.boss-active .objective{bottom:190px;left:16px;max-width:calc(100% - 32px)}.boss-hud{bottom:222px}.floor-hud strong{font-size:21px}.floor-hud small{font-size:7px}.menu-caption{display:none}
}
@media(max-width:370px){.touch-controls,.boss-active .touch-controls{left:10px;right:10px}.touch-controls .move-pad{width:100px;height:100px}.touch-controls .combat-pad{transform:scale(.9);transform-origin:bottom right;width:205px}}