:root{--green:#9cff36;--cyan:#38e7ff;--red:#ff415c;--ink:#05070a;--glass:rgba(8,12,17,.78);--line:rgba(255,255,255,.13);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff;background:#05070a}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#gameShell{margin:0;width:100%;height:100%;overflow:hidden;background:#05070a;touch-action:none;user-select:none;-webkit-user-select:none}body{position:fixed;inset:0}#game{display:block;width:100%;height:100%;outline:0}.hidden{display:none!important}.screen{position:absolute;inset:0;z-index:50;align-items:center;justify-content:center}.screen.show,.screen:not(.hidden){display:flex}.boot-bg,.end-bg{position:absolute;inset:0;background:url('assets/hdr/District_Dusk_preview.jpg') center/cover no-repeat;filter:saturate(1.2) contrast(1.05);transform:scale(1.02)}.end-bg{background-image:url('assets/hdr/Storm_Tower_preview.jpg');filter:saturate(.9) brightness(.62)}.boot-bg:after,.end-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 64% 43%,transparent 0 18%,rgba(0,0,0,.35) 60%,rgba(0,0,0,.88) 100%),linear-gradient(90deg,rgba(0,0,0,.75),transparent 65%)}.grain{position:absolute;inset:0;opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}.glass{background:linear-gradient(145deg,rgba(12,18,24,.86),rgba(5,8,11,.74));border:1px solid rgba(255,255,255,.13);box-shadow:0 30px 80px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(18px)}.boot-panel{position:relative;width:min(610px,calc(100% - 36px));padding:34px;border-radius:24px;margin-right:36vw}.eyebrow{font-size:11px;letter-spacing:.32em;font-weight:800;color:var(--green);margin-bottom:9px}.boot-panel h1{font-size:clamp(48px,8vw,92px);line-height:.83;margin:0;letter-spacing:-.07em;font-weight:950}.boot-panel h1 span,.end-panel h1 span{color:var(--green);text-shadow:0 0 32px rgba(156,255,54,.3)}.subtitle{letter-spacing:.42em;font-size:13px;font-weight:800;margin:13px 0 20px;color:#d9e1e7}.boot-panel p{max-width:500px;color:#b6c0c8;line-height:1.55;margin:0 0 20px}.loadbar{height:4px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden;margin:10px 0 20px}.loadbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--green),var(--cyan));box-shadow:0 0 20px var(--green);transition:width .25s}.startrow{display:flex;gap:10px}.primary,.secondary,.icon-btn{appearance:none;border:0;color:#fff;font-weight:900;letter-spacing:.08em;cursor:pointer}.primary{flex:1;padding:15px 20px;border-radius:13px;background:linear-gradient(135deg,#7cd51b,var(--green));color:#0a1005;box-shadow:0 8px 30px rgba(156,255,54,.19)}.primary:disabled{opacity:.35;filter:grayscale(1);cursor:default}.secondary{padding:15px 18px;border-radius:13px;background:rgba(255,255,255,.07);border:1px solid var(--line)}.secondary:disabled{opacity:.35}.micro{font-size:10px;color:#71808b;margin-top:15px;line-height:1.4}.boot-settings{position:absolute;right:max(16px,env(safe-area-inset-right));top:max(16px,env(safe-area-inset-top));width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.45);border:1px solid var(--line)}
.hud{position:absolute;inset:0;z-index:20;pointer-events:none;padding:max(14px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:grid;grid-template-columns:1fr minmax(240px,420px) 1fr;align-items:start;gap:16px}.hud-left,.hud-center,.hud-right{min-width:0}.brand-mini{font-weight:950;letter-spacing:-.04em;font-size:18px}.brand-mini b{color:var(--green)}.mission{font-size:9px;color:#8e9ba5;letter-spacing:.18em;margin-top:2px}.hud-center{text-align:center;background:rgba(4,7,10,.52);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px 12px;backdrop-filter:blur(8px)}#objectiveText{font-size:11px;font-weight:800;letter-spacing:.08em}.objective-bar{height:2px;background:rgba(255,255,255,.11);margin-top:7px}.objective-bar i{display:block;height:100%;width:0;background:var(--green);box-shadow:0 0 12px var(--green)}.hud-right{display:flex;justify-content:flex-end;align-items:flex-start;gap:12px}.stat{text-align:right}.stat span{display:block;color:#7d8992;font-size:8px;font-weight:800;letter-spacing:.18em}.stat b{font-size:13px}.round{pointer-events:auto;width:38px;height:38px;border-radius:50%;background:rgba(5,8,11,.7);border:1px solid var(--line);color:#fff;font-weight:900}.vitals{position:absolute;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));width:230px;background:rgba(4,7,10,.52);border:1px solid rgba(255,255,255,.08);padding:10px 12px;border-radius:12px;backdrop-filter:blur(8px)}.vital{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:8px;margin:4px 0}.vital span{font-size:8px;letter-spacing:.15em;color:#87939c;font-weight:800}.meter{height:5px;border-radius:10px;background:rgba(255,255,255,.09);overflow:hidden}.meter i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ff334f,#ff8759);transition:width .2s}.meter.cyan i{background:linear-gradient(90deg,#2cc9ff,#9cff36)}.boss-hud{position:absolute;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(540px,58vw);text-align:center}.boss-name{font-size:10px;font-weight:900;letter-spacing:.24em;margin-bottom:6px;text-shadow:0 2px 12px #000}.boss-meter{height:8px;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.14);padding:2px;border-radius:20px}.boss-meter i{display:block;height:100%;width:100%;border-radius:10px;background:linear-gradient(90deg,#ff334f,#ff9b42)}
.toast{position:absolute;z-index:35;left:50%;top:18%;transform:translate(-50%,-8px);padding:10px 16px;border-radius:99px;background:rgba(4,8,11,.78);border:1px solid rgba(255,255,255,.12);font-size:11px;font-weight:800;letter-spacing:.08em;opacity:0;transition:.28s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.chapter-card{position:absolute;z-index:38;left:max(24px,env(safe-area-inset-left));top:18%;display:flex;flex-direction:column;pointer-events:none;text-shadow:0 4px 16px #000}.chapter-card small{font-size:10px;letter-spacing:.3em;color:var(--green);font-weight:900}.chapter-card strong{font-size:clamp(32px,6vw,68px);letter-spacing:-.04em;line-height:.94}.chapter-card span{font-size:12px;color:#c0cad2;margin-top:8px}.chapter-card.enter{animation:chapter 3.4s ease both}@keyframes chapter{0%{opacity:0;transform:translateX(-20px)}15%,72%{opacity:1;transform:none}100%{opacity:0;transform:translateX(15px)}}
.modal{background:rgba(0,0,0,.54);backdrop-filter:blur(8px)}.panel{width:min(390px,calc(100% - 36px));padding:26px;border-radius:22px;display:flex;flex-direction:column;gap:10px}.panel h2{margin:0 0 10px;font-size:36px;letter-spacing:-.05em}.panel p{margin:-6px 0 10px;color:#9aa6ae}.settings-panel label{font-size:9px;letter-spacing:.14em;color:#89969f;font-weight:800;display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.settings-panel select,.settings-panel input[type=range]{width:100%}.settings-panel select{background:#111820;color:#fff;border:1px solid var(--line);padding:12px;border-radius:10px}.settings-panel .toggle{flex-direction:row;align-items:center;font-size:11px;text-transform:none;letter-spacing:0;color:#c0cad1}.final-stats{display:flex;gap:10px;margin:18px 0}.final-stats>div{flex:1;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04)}.final-stats span{display:block;font-size:8px;color:#7e8a93;letter-spacing:.14em}.final-stats b{font-size:16px}.end-panel{margin:0;text-align:center}.end-panel .eyebrow{text-align:center}
.mobile-controls{position:absolute;inset:0;z-index:25;pointer-events:none}.joystick{position:absolute;left:max(22px,env(safe-area-inset-left));bottom:max(22px,env(safe-area-inset-bottom));width:118px;height:118px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(5,10,14,.25);pointer-events:auto;backdrop-filter:blur(4px)}.joystick:after{content:"";position:absolute;inset:24px;border-radius:50%;border:1px solid rgba(255,255,255,.08)}.joystick i{position:absolute;width:48px;height:48px;left:35px;top:35px;border-radius:50%;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);box-shadow:0 6px 20px rgba(0,0,0,.3)}.look-pad{position:absolute;right:0;top:64px;bottom:0;width:56%;pointer-events:auto}.action{position:absolute;pointer-events:auto;border-radius:50%;color:#fff;background:rgba(4,8,12,.52);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(5px);font-weight:900}.action span{display:block;font-size:20px;line-height:17px}.action b{font-size:7px;letter-spacing:.1em}.jump{right:max(22px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));width:76px;height:76px;border-color:rgba(156,255,54,.42);box-shadow:inset 0 0 28px rgba(156,255,54,.08)}.dash{right:112px;bottom:32px;width:62px;height:62px}.pulse{right:70px;bottom:108px;width:64px;height:64px;border-color:rgba(56,231,255,.36)}.action.active{transform:scale(.93);background:rgba(156,255,54,.18)}
.rotate-hint{display:none;position:absolute;z-index:80;inset:0;background:#05070a;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-align:center}.rotate-hint .phone{font-size:46px;transform:rotate(90deg);color:var(--green)}.rotate-hint span{font-size:11px;color:#77858e}.rotate-hint b{font-size:15px}.icon-btn{background:transparent}
@media (hover:none),(pointer:coarse){.mobile-controls:not(.hidden){display:block}.micro{font-size:9px}.hud{grid-template-columns:1fr auto;gap:10px}.hud-center{position:absolute;left:50%;transform:translateX(-50%);top:max(58px,calc(env(safe-area-inset-top) + 48px));width:min(66vw,380px)}.vitals{top:max(62px,calc(env(safe-area-inset-top) + 54px));bottom:auto;width:180px}.boss-hud{bottom:max(18px,env(safe-area-inset-bottom));width:46vw}.boot-panel{margin:0 auto;width:min(620px,calc(100% - 34px));padding:24px}.boot-panel h1{font-size:clamp(44px,13vw,82px)}}
@media (orientation:portrait) and (max-width:700px){.rotate-hint{display:flex}.rotate-hint{pointer-events:none;opacity:.93}.boot-panel{z-index:81;transform:scale(.86)}.screen.hidden+.rotate-hint{}body.game-running .rotate-hint{display:none}.hud-center{display:none}.hud{grid-template-columns:1fr 1fr}.mission{max-width:150px}.vitals{bottom:142px}.joystick{width:104px;height:104px}.joystick i{left:31px;top:31px;width:42px;height:42px}.jump{width:68px;height:68px}.dash{right:96px;width:56px;height:56px}.pulse{right:58px;bottom:98px;width:58px;height:58px}}
@media (max-height:520px){.boot-panel{padding:18px 22px;border-radius:18px}.boot-panel p{font-size:12px;margin-bottom:10px}.boot-panel h1{font-size:52px}.subtitle{margin:8px 0 10px}.loadbar{margin:8px 0 12px}.primary,.secondary{padding:11px 14px}.micro{display:none}.vitals{top:max(60px,calc(env(safe-area-inset-top) + 52px));bottom:auto}.boss-hud{bottom:12px;width:44vw}.chapter-card{top:22%}.panel{max-height:92vh;overflow:auto}}