@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#07121e;--panel:rgba(6,18,32,.85);--muted:#91a7b6;--cyan:#22e4e0;--red:#ff6971;--white:#f2fbff;--edge:rgba(82,190,208,.26);font-family:'Inter',system-ui,Arial,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--white);overscroll-behavior:none;touch-action:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}#stage{position:fixed;inset:0}#stage canvas{display:block;width:100%;height:100%}#vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,transparent 20%,rgba(2,8,16,.52) 100%)}#flash{position:fixed;inset:0;pointer-events:none;opacity:0;background:rgba(45,238,239,.13)}.edge-line{pointer-events:none;position:fixed;inset:10px;border:1px solid rgba(69,205,210,.16)}.hidden{display:none!important}.loading-screen{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:#06101d}.loader-icon{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:58px;font-weight:900;letter-spacing:-5px}.loader-icon span{font-size:26px;color:var(--cyan);letter-spacing:0}.loader-line{width:190px;height:3px;background:#193747;overflow:hidden}.loader-line i{display:block;width:35%;height:100%;background:var(--cyan);animation:load 1s infinite alternate}.loader-label{font-size:10px;font-weight:800;letter-spacing:3px;color:var(--muted)}@keyframes load{to{transform:translateX(200px)}}
.lobby{position:fixed;inset:0;z-index:3;background:linear-gradient(90deg,rgba(3,11,21,.93) 0%,rgba(4,17,30,.79) 47%,rgba(4,17,30,.17) 100%);overflow-y:auto;touch-action:pan-y}.topbar{height:82px;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(22px,5vw,72px);border-bottom:1px solid var(--edge)}.logo{display:flex;align-items:center;gap:12px}.logo-mark{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:42px;line-height:.8;font-weight:900;letter-spacing:-4px;color:white}.logo-mark span{color:var(--cyan);font-size:22px;letter-spacing:0}.logo b{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:26px;letter-spacing:1.2px;display:block;line-height:1}.logo b span{color:var(--cyan)}.logo small{display:block;letter-spacing:2.8px;font-size:8px;font-weight:800;margin-top:6px;color:#9aafbb}.top-right{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1px;color:#d7e5eb}.top-right b{padding:9px 13px;border:1px solid var(--edge);color:var(--cyan)}.connection-dot{height:7px;width:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan)}.lobby-center{padding:clamp(30px,7vh,80px) 0 80px clamp(24px,7.8vw,128px);max-width:770px}.eyebrow{display:flex;align-items:center;gap:12px;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:15px;letter-spacing:3px;font-weight:700;color:#b2d4dc}.eyebrow-line{height:2px;width:22px;background:var(--cyan)}.divider-dot{color:var(--cyan)}h1,h2{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif}h1{font-size:clamp(64px,7vw,102px);line-height:.82;margin:25px 0 16px;letter-spacing:-2px;font-weight:900;text-shadow:0 7px 30px rgba(0,0,0,.2)}h1 em{display:block;font-style:normal;color:var(--cyan)}.hero-desc{max-width:500px;font-size:13px;line-height:1.7;color:#a8bdc8;margin:20px 0 25px}.main-panel{background:linear-gradient(145deg,rgba(12,31,47,.94),rgba(6,19,32,.94));border:1px solid rgba(63,170,195,.36);padding:22px;max-width:495px;box-shadow:0 18px 50px rgba(0,0,0,.27);border-top:2px solid var(--cyan)}.panel-kicker{font-size:10px;font-weight:800;letter-spacing:3px;color:#9db9c4;margin-bottom:14px}.mode-choice{display:flex;align-items:center;gap:14px;background:rgba(12,72,86,.35);padding:15px;border:1px solid rgba(37,222,221,.45);margin-bottom:18px}.mode-icon{border:1px solid var(--cyan);width:40px;height:40px;display:grid;place-items:center;font-size:24px;color:var(--cyan)}.mode-choice b{display:block;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:22px;letter-spacing:1.4px}.mode-choice small{font-size:9px;letter-spacing:1px;color:#a5c9d2}.mode-choice small span{color:var(--cyan)}.mode-check{margin-left:auto;font-weight:900;color:var(--cyan)}.input-label{display:block;font-size:10px;letter-spacing:1.3px;font-weight:800;color:#b4c8d3;margin:0 0 8px}#nickname{width:100%;border:1px solid rgba(80,150,172,.44);background:rgba(0,0,0,.24);color:white;outline:0;padding:14px;font-size:14px;border-radius:0;touch-action:manipulation}#nickname:focus{border-color:var(--cyan)}.primary-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:15px 16px;border:1px solid #77ffef;background:linear-gradient(115deg,#39f6e3,#02adae);color:#06202a;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:21px;letter-spacing:1.3px;font-weight:900;box-shadow:0 5px 24px rgba(30,211,203,.18);margin-top:13px;touch-action:manipulation}.primary-btn:active{transform:scale(.985)}.btn-arrow{margin-left:auto;font-size:20px}.mode-soon{margin-top:15px;padding-top:14px;border-top:1px solid var(--edge);display:flex;gap:10px;align-items:center;font-size:10px;color:#8fadb9;letter-spacing:1px}.mode-soon b{margin-left:auto;font-size:9px;color:#d0ad68;border:1px solid #7a6341;padding:5px 7px}.hint-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px;font-size:9px;letter-spacing:1.1px;color:#8cb8c7}.lobby-footer{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:13px clamp(22px,5vw,72px);font-size:9px;letter-spacing:1px;background:rgba(2,10,18,.7);border-top:1px solid var(--edge);color:#8cabb8;pointer-events:none}.leaderboard-panel{position:fixed;right:5vw;bottom:100px;width:245px;background:rgba(4,17,28,.8);border:1px solid var(--edge);padding:16px;backdrop-filter:blur(8px)}.side-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--edge);padding-bottom:9px}.side-heading b{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:18px;letter-spacing:1px}.side-heading span{font-size:8px;color:var(--cyan)}#leaderboard{max-height:190px;overflow:auto;touch-action:pan-y}#leaderboard p{font-size:11px;line-height:1.5;color:#9db9c5}.rank-line{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid rgba(66,133,156,.15);gap:8px;font-size:11px}.rank-line .rank{color:var(--cyan);width:20px;font-weight:800}.rank-line .rank-name{flex:1;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-line .rank-count{font-weight:800;font-size:12px}.legend{font-size:9px;line-height:1.5;color:#8eacb7;margin-top:9px}
.hud{position:fixed;inset:0;z-index:5;pointer-events:none}.hud button,.hud .joystick{pointer-events:auto;touch-action:none}.hud-top{display:flex;justify-content:center;align-items:flex-start;padding:16px}.score-board{display:flex;align-items:stretch;background:rgba(3,14,25,.8);border:1px solid var(--edge);min-width:242px}.score-side{width:74px;text-align:center;padding:6px 10px}.score-side small{display:block;font-size:9px;font-weight:800;letter-spacing:2px}.score-side b{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:36px;line-height:1}.score-side.blue{background:rgba(23,200,215,.16);color:#59f4ef}.score-side.red{background:rgba(255,80,93,.13);color:#ff898d}.match-center{text-align:center;min-width:100px;padding:7px 10px}.match-center b{font-size:8px;letter-spacing:1.3px;display:block;color:#a3c6d1}.match-center span{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:30px;font-weight:800}.hud-top-right{position:absolute;right:max(15px,env(safe-area-inset-right));top:13px}.hud-top-right button{height:36px;width:42px;background:rgba(6,20,36,.72);border:1px solid var(--edge);color:#c6edf0;font-size:19px}.crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px}.crosshair i{position:absolute;background:#bbfffa;box-shadow:0 0 4px #21ddd9}.crosshair i:nth-child(1){width:2px;height:8px;top:0;left:13px}.crosshair i:nth-child(2){width:2px;height:8px;bottom:0;left:13px}.crosshair i:nth-child(3){width:8px;height:2px;top:13px;left:0}.crosshair i:nth-child(4){width:8px;height:2px;top:13px;right:0}.crosshair span{display:block;width:3px;height:3px;border-radius:50%;background:#bafbf6;position:absolute;top:12.5px;left:12.5px}.hitmarker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;color:white;opacity:0;text-shadow:0 0 8px cyan;transition:opacity .14s}.hitmarker.active{opacity:1}.killfeed{position:absolute;right:16px;top:65px;max-width:210px;text-align:right}.kill-line{color:#cdf9f5;background:rgba(0,20,27,.65);margin:3px 0;padding:6px 8px;border-right:2px solid var(--cyan);font-size:10px}.damage-flash{position:absolute;inset:0;box-shadow:inset 0 0 100px 18px rgba(255,65,70,.8);opacity:0;pointer-events:none;transition:opacity .2s}.hud-bottom-left{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:max(25px,env(safe-area-inset-left));width:200px}.health-line{margin-bottom:18px;width:160px}.health-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.health-label b{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:23px}.health-label b:first-letter{color:var(--cyan)}.health-label span{font-size:9px;font-weight:800;color:#9eabb7}.health-meter{height:5px;background:rgba(255,255,255,.18)}.health-meter i{display:block;background:linear-gradient(90deg,#17c8c6,#4affdf);height:100%;width:100%;transition:width .2s}.joystick{position:relative;width:126px;height:126px;border-radius:50%;border:1px solid rgba(99,226,226,.4);background:radial-gradient(circle,rgba(37,126,141,.20),rgba(9,21,35,.3));box-shadow:0 0 15px rgba(0,0,0,.14)}.joystick:before,.joystick:after{content:'';position:absolute;background:rgba(141,227,235,.25)}.joystick:before{top:50%;left:18px;right:18px;height:1px}.joystick:after{left:50%;top:18px;bottom:18px;width:1px}#joystick-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(38,231,231,.35);border:2px solid rgba(84,255,242,.8);box-shadow:0 0 12px rgba(31,235,220,.15);z-index:2}.hud-bottom-right{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:22px}.tool-info{text-align:right;padding-bottom:6px}.tool-info small{display:block;font-size:8px;letter-spacing:1.1px;color:#a3c5cd;font-weight:800}.tool-info div{display:flex;justify-content:flex-end;align-items:baseline}.tool-info strong{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:56px;font-weight:800;line-height:1}.tool-info div span{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:24px;color:#99b9bf}.action-row{display:flex;align-items:flex-end;gap:10px}.action-button{border:1px solid rgba(154,240,231,.65);color:white;background:rgba(8,44,58,.72);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:28px;font-weight:800;user-select:none;touch-action:none}.action-button small{font:800 9px 'Inter',Arial,sans-serif;letter-spacing:.7px}.action-button.small{width:63px;height:63px}.action-button.shoot{width:94px;height:94px;border:3px solid #80fff3;background:rgba(30,196,197,.29);font-size:40px;box-shadow:0 0 22px rgba(35,226,224,.3)}.action-button:active{background:rgba(53,231,222,.58);transform:scale(.96)}.hud-footnote{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);font-size:8px;font-weight:800;color:#aec6cf;letter-spacing:1px;opacity:.75;white-space:nowrap}#radar{position:absolute;top:16px;left:max(16px,env(safe-area-inset-left));width:106px;height:106px;border:1px solid rgba(69,220,218,.32);border-radius:50%;background:rgba(0,20,30,.5)}.end-overlay{position:fixed;inset:0;z-index:12;background:rgba(1,7,13,.82);backdrop-filter:blur(8px);display:grid;place-items:center;padding:16px}.end-card{width:min(390px,100%);text-align:center;background:linear-gradient(155deg,#10293c,#071625);border:1px solid rgba(64,227,224,.5);padding:28px 24px;box-shadow:0 22px 80px rgba(0,0,0,.5)}.end-badge{color:#39f0e2;font-size:10px;letter-spacing:3px;font-weight:800}.end-card h2{font-size:64px;line-height:1;margin:12px 0 7px}.end-card p{font-size:12px;line-height:1.6;color:#bbccd6}.end-stats{display:flex;justify-content:space-between;gap:8px;margin-top:28px}.end-stats>div{flex:1;background:rgba(22,84,93,.3);padding:12px 5px}.end-stats span{display:block;font-size:9px;letter-spacing:1px;color:#9cbac2}.end-stats b{display:block;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:38px;color:#75fff1}.ghost-btn{width:100%;padding:13px;background:none;border:1px solid rgba(139,206,216,.35);margin-top:8px;color:#b3d0da;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:18px;letter-spacing:1px;font-weight:800}.save-result{min-height:15px}.toast{position:fixed;top:80px;left:50%;transform:translateX(-50%);background:#173b48;border:1px solid #34d9d8;padding:10px 16px;color:white;font-size:12px;z-index:24;max-width:90%;text-align:center}.orientation-tip{position:fixed;z-index:19;top:80px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px;background:rgba(7,24,34,.94);border:1px solid #20c8c1;width:min(280px,90%);text-align:center;font-size:11px}.orientation-tip b{color:var(--cyan)}.orientation-tip button{background:var(--cyan);color:#06242b;border:0;font-weight:900;padding:8px 16px}
@media(max-width:1050px){.leaderboard-panel{display:none}.lobby{background:linear-gradient(90deg,rgba(3,11,21,.94),rgba(4,17,30,.5))}}@media(max-width:600px){.topbar{height:65px;padding:0 18px}.top-right{font-size:0}.top-right b{font-size:8px;padding:8px}.logo b{font-size:22px}.logo small{font-size:7px;letter-spacing:1.5px}.lobby-center{padding:36px 20px 95px}.lobby-footer{position:relative;font-size:8px;gap:10px;padding:13px 16px}h1{font-size:72px}.hero-desc{font-size:12px}.main-panel{padding:14px}.hint-row{gap:10px}.score-board{min-width:205px}.score-side{width:55px}.score-side b{font-size:30px}.match-center{min-width:94px}.match-center span{font-size:25px}.hud-bottom-left{left:15px;bottom:15px;width:130px}.joystick{width:96px;height:96px}#joystick-knob{width:43px;height:43px}.health-line{width:110px;margin-bottom:7px}.health-label b{font-size:20px}.health-label span{font-size:7px}.hud-bottom-right{right:10px;bottom:18px;gap:8px}.tool-info small{font-size:7px}.tool-info strong{font-size:33px}.tool-info div span{font-size:16px}.action-row{gap:6px}.action-button.small{height:45px;width:45px;font-size:22px}.action-button.small small{font-size:6px}.action-button.shoot{height:67px;width:67px;font-size:29px}.action-button.shoot small{font-size:8px}#radar{width:74px;height:74px;top:15px;left:8px}.hud-footnote{display:none}.health-line .health-label span{display:none}}@media(max-height:490px){.hud-bottom-left{bottom:8px}.hud-bottom-right{bottom:12px}.health-line{margin-bottom:5px}.hud-top{padding:6px}.hud-top-right{top:6px}#radar{top:8px}.lobby-center{padding-top:18px}.topbar{height:57px}h1{font-size:65px;margin:12px 0 8px}.hero-desc{margin:8px 0 12px}.main-panel{max-width:480px}.hint-row{margin-top:10px}}