@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Rajdhani:wght@400;500;600;700&display=swap";:root{font-family:Rajdhani,Arial,sans-serif;color:#edf9fb;background:#071017;font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{min-width:320px}button{font:inherit}#app{position:relative;isolation:isolate;background:#071017}#game,#game canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#game canvas{object-fit:cover}.vignette,.scanlines{position:absolute;inset:0;pointer-events:none}.vignette{background:radial-gradient(circle at 52% 42%,transparent 32%,rgba(0,8,14,.28) 72%,rgba(0,5,10,.65))}.scanlines{opacity:.15;background:repeating-linear-gradient(to bottom,transparent 0 3px,rgba(0,0,0,.3) 4px 5px)}.game-ui{position:absolute;inset:0;pointer-events:none}.topbar{height:84px;padding:20px clamp(20px,3.6vw,60px);display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border:2px solid #62e5e1;transform:skew(-9deg);color:#62e5e1;font:800 25px/1 Barlow Condensed,sans-serif;letter-spacing:-5px;padding-right:5px}.brand-mark span{font-size:13px;align-self:end;margin:0 0 4px;letter-spacing:0}.brand-name{font:800 20px/1 Barlow Condensed,sans-serif;letter-spacing:.08em}.brand-name span{color:#62e5e1}.round-board{display:flex;align-items:stretch;gap:0;min-width:270px;height:50px;transform:translateY(-4px);box-shadow:0 12px 36px #0004}.team{display:flex;align-items:center;justify-content:center;gap:16px;width:75px;font:800 26px/1 Barlow Condensed,sans-serif}.team.blue{background:#61dfdd;color:#09212c;clip-path:polygon(0 0,100% 0,100% 100%,12% 100%)}.team.red{background:#f16c58;color:#2d1111;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}.team-icon{font-size:17px}.round-center{min-width:120px;padding:5px 14px;text-align:center;background:#031017db;border-top:1px solid #57727a;display:flex;flex-direction:column;align-items:center;justify-content:center}.round-center span{font-size:11px;font-weight:700;letter-spacing:.16em;color:#a7bcc1}.round-center strong{font:700 22px/1 Barlow Condensed,sans-serif;letter-spacing:.12em}.top-right{display:flex;align-items:center;gap:9px;margin-top:10px;color:#bad1d5;font-size:12px;font-weight:700;letter-spacing:.14em;white-space:nowrap}.live-dot{width:6px;height:6px;border-radius:50%;background:#61dfdd;box-shadow:0 0 12px #61dfdd}.kill-feed{position:absolute;right:clamp(20px,3.6vw,60px);top:100px;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.kill-entry{padding:6px 10px;background:#04131acc;border-right:2px solid #f16c58;font-weight:700;font-size:13px}.kill-entry b{color:#61dfdd}.kill-entry .red-name{color:#ff8d7b}.crosshair{position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s}.playing .crosshair{opacity:1}.crosshair i{position:absolute;background:#ecfcfd;box-shadow:0 0 3px #000}.crosshair i:nth-child(1),.crosshair i:nth-child(2){width:2px;height:8px;left:16px}.crosshair i:nth-child(1){top:0}.crosshair i:nth-child(2){bottom:0}.crosshair i:nth-child(3),.crosshair i:nth-child(4){height:2px;width:8px;top:16px}.crosshair i:nth-child(3){left:0}.crosshair i:nth-child(4){right:0}.crosshair b{position:absolute;width:2px;height:2px;left:16px;top:16px;background:#ecfcfd}.hit-marker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:700 52px/1 Rajdhani,sans-serif;color:#fb7563;opacity:0;transition:opacity .12s}.hit-marker.visible{opacity:1}.damage-flash{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle,transparent 48%,rgba(255,45,37,.58) 100%);transition:opacity .3s}.damage-flash.visible{opacity:1}.interaction-hint{position:absolute;bottom:126px;width:100%;text-align:center;font-size:12px;font-weight:700;letter-spacing:.15em;color:#d3e5e8;text-shadow:0 2px 12px #000}.interaction-hint span{color:#61dfdd;margin:0 8px}.hud{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:16px clamp(20px,3.6vw,60px) 25px;background:linear-gradient(transparent,#00070dd1)}.hud-block{min-width:195px}.hud-label{font-size:12px;font-weight:700;letter-spacing:.18em;color:#a8c4c8}.health-number,.ammo-number{display:flex;align-items:baseline;gap:7px;margin-top:2px}.health-number strong,.ammo-number strong{font:700 56px/.9 Barlow Condensed,sans-serif;letter-spacing:.02em}.health-number span,.ammo-number span{font:700 18px/1 Barlow Condensed,sans-serif;color:#a6c0c4}.health-track{height:5px;background:#ffffff32;margin-top:12px;transform:skew(-15deg)}.health-track>div{height:100%;width:100%;background:#60dedc;box-shadow:0 0 12px #60dedc}.hud-center{align-self:flex-end;display:flex;flex-direction:column;align-items:center;gap:7px;padding-bottom:2px;min-width:130px;font-size:12px;font-weight:700;letter-spacing:.15em;color:#a9c5c9}.hud-center #alive-info{font:700 21px/1 Barlow Condensed,sans-serif;color:#68e6e3}.hud-center em{font-style:normal;color:#c3d1d2;margin:0 7px}.ammo-block{text-align:right}.ammo-number{justify-content:flex-end}.ammo-track{height:5px;margin-top:12px}.ammo-track span{display:flex;justify-content:flex-end;gap:3px}.ammo-track i{height:5px;width:11px;background:#e5f6f6;transform:skew(-15deg)}.ammo-track i.empty{background:#ffffff32}.overlay{position:absolute;inset:0;display:flex;z-index:5}.hidden{display:none!important}.menu-overlay{background:linear-gradient(90deg,#010a11f0,#030e17d1 32%,#0410172b 70%,#020a1040)}.menu-left{position:relative;margin:clamp(105px,18vh,205px) 0 0 clamp(28px,8.2vw,150px);width:min(570px,57vw)}.eyebrow{display:flex;align-items:center;gap:12px;color:#72e2e2;font-size:13px;font-weight:700;letter-spacing:.28em}.eyebrow-line{height:1px;width:27px;background:#5bdbdb}.menu-left h1{font:900 clamp(86px,10.8vw,166px)/.76 "Barlow Condensed",sans-serif;letter-spacing:-.045em;margin:27px 0 24px;text-shadow:0 15px 45px #0008}.menu-left h1 em{color:#64e3e1;font-style:normal}.heading-accent{color:#f47760}.menu-left p{max-width:400px;margin:0 0 27px;font:600 18px/1.35 Rajdhani,sans-serif;color:#c4d7d9}.mode-row{display:flex;align-items:center;gap:13px;width:fit-content;margin-bottom:27px;padding:11px 17px 11px 12px;border-left:3px solid #65e3e2;background:#1e404a73}.mode-icon{display:grid;place-items:center;width:34px;height:34px;background:#64e3e1;color:#082027;font-size:20px}.mode-row div{display:flex;flex-direction:column;gap:2px}.mode-row strong{font:800 18px/1 Barlow Condensed,sans-serif;letter-spacing:.09em}.mode-row small{font-size:11px;color:#c4d7d9;letter-spacing:.12em;font-weight:700}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:46px;width:min(330px,100%);height:58px;padding:0 21px 0 26px;border:0;cursor:pointer;background:#63e2e0;color:#052028;clip-path:polygon(0 0,100% 0,100% 72%,94% 100%,0 100%);font:800 20px/1 Barlow Condensed,sans-serif;letter-spacing:.11em;transition:background .16s,transform .16s}.primary-button:hover{background:#a4fffb;transform:translateY(-2px)}.primary-button:active{transform:translateY(0)}.button-arrow{font:700 26px/1 Rajdhani,sans-serif}.menu-controls{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:21px;color:#9eb8bc;font-size:11px;letter-spacing:.12em;font-weight:700}.menu-controls b{color:#e2eeee;font-weight:600;margin-left:4px}.menu-side{position:absolute;right:clamp(25px,5vw,84px);top:50%;bottom:10%;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.vertical-label{writing-mode:vertical-rl;font-size:12px;font-weight:700;letter-spacing:.24em;color:#c9e8ea}.coordinates{text-align:right;font-size:11px;font-weight:700;letter-spacing:.2em;color:#d2e5e7}.pause-overlay,.result-overlay{align-items:center;justify-content:center;background:#020b12b8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.dialog{min-width:min(420px,calc(100vw - 40px));max-width:500px;padding:36px 40px 40px;background:#081a24f2;border:1px solid #41636c;box-shadow:0 25px 90px #0009;text-align:center}.dialog-kicker{font-size:13px;color:#6be3df;letter-spacing:.2em;font-weight:700}.dialog h2{font:800 clamp(44px,7vw,72px)/.92 "Barlow Condensed",sans-serif;letter-spacing:.02em;margin:14px 0}.dialog p{font-size:17px;line-height:1.3;color:#c5dadd;margin:0 0 25px}.dialog .primary-button{margin:auto}.result-score{display:flex;gap:22px;justify-content:center;align-items:center;font:800 44px/1 Barlow Condensed,sans-serif;margin:10px 0 26px}.result-score span:first-child{color:#61dfdd}.result-score span:last-child{color:#f16c58}.result-score small{font-size:22px;color:#6b8a91}.touch-controls{display:none}button:focus-visible{outline:3px solid #fff;outline-offset:4px}@media(max-width:760px){.topbar{height:70px;padding:14px 15px}.brand-name{display:none}.round-board{height:43px;min-width:205px}.team{width:50px;font-size:22px;gap:4px}.team-icon{font-size:12px}.round-center{min-width:105px;padding:3px 5px}.round-center span{font-size:9px}.round-center strong{font-size:19px}.top-right{display:none}.menu-overlay{background:linear-gradient(90deg,#020b12e6,#020b128c)}.menu-left{margin:clamp(105px,18vh,165px) 24px 0;width:min(490px,calc(100vw - 48px))}.menu-left h1{font-size:clamp(78px,16vw,116px);margin:20px 0}.menu-left p{font-size:16px;max-width:320px}.menu-side{display:none}.menu-controls{max-width:320px}.hud{padding:12px 18px 17px}.hud-block{min-width:100px}.health-number strong,.ammo-number strong{font-size:42px}.hud-center{display:none}.hud-label{font-size:10px}.interaction-hint{bottom:100px;font-size:10px;padding:0 15px}.kill-feed{right:15px;top:75px}.kill-entry{font-size:11px}.touch-controls.active{position:absolute;inset:0;display:block;z-index:4;pointer-events:none}.move-pad{position:absolute;bottom:115px;left:25px;width:120px;height:120px;border:2px solid #afe9e87a;border-radius:50%;background:#061a2480;pointer-events:auto}.move-thumb{position:absolute;left:39px;top:39px;width:40px;height:40px;border-radius:50%;background:#68e4e0a3}.touch-actions{position:absolute;right:22px;bottom:117px;display:flex;align-items:flex-end;gap:12px}.touch-utility{display:flex;flex-direction:column;gap:10px}.touch-actions button{pointer-events:auto;border:2px solid #b2e9e7a3;background:#0d3545bd;color:#edfcfc;border-radius:50%;font-weight:800}.touch-utility button{width:53px;height:53px}.touch-actions #touch-fire{width:90px;height:90px;background:#62dedaad;color:#08232a}.dialog{padding:28px 24px}.menu-controls span{white-space:nowrap}}@media(max-height:600px){.menu-left{margin-top:80px}.menu-left h1{font-size:78px;margin:12px 0}.menu-left p,.mode-row{margin-bottom:12px}.menu-controls{margin-top:10px}.hud{padding-bottom:10px}}.menu-active .game-ui{opacity:0}@media(pointer:coarse)and (min-width:761px){.touch-controls.active{position:absolute;inset:0;display:block;z-index:4;pointer-events:none}.move-pad{position:absolute;bottom:130px;left:35px;width:130px;height:130px;border:2px solid #afe9e87a;border-radius:50%;background:#061a2480;pointer-events:auto}.move-thumb{position:absolute;left:44px;top:44px;width:40px;height:40px;border-radius:50%;background:#68e4e0a3}.touch-actions{position:absolute;right:32px;bottom:130px;display:flex;align-items:flex-end;gap:14px}.touch-utility{display:flex;flex-direction:column;gap:10px}.touch-actions button{pointer-events:auto;border:2px solid #b2e9e7a3;background:#0d3545bd;color:#edfcfc;border-radius:50%;font-weight:800}.touch-utility button{width:55px;height:55px}.touch-actions #touch-fire{width:98px;height:98px;background:#62dedaad;color:#08232a}}.playing #game canvas{cursor:none}.aim-mode{position:absolute;top:77px;right:clamp(20px,3.6vw,60px);padding:7px 10px;background:#04141cdb;border-right:2px solid #62e5e1;color:#dcfafa;font-size:12px;font-weight:700;letter-spacing:.1em;text-align:right}.aiming .crosshair i{background:#70f0e7}.aiming .crosshair b{background:#70f0e7;box-shadow:0 0 9px #70f0e7}.hit-marker.headshot{color:#ffd276;text-shadow:0 0 14px #ffd276}@media(max-width:760px){.aim-mode{top:66px;right:15px;max-width:54vw;font-size:10px;line-height:1.2}}.touch-actions #touch-aim[aria-pressed=true]{background:#71e9e3;color:#08242b;box-shadow:0 0 18px #46d7d266}.kill-feed{top:126px}@media(max-width:760px){.kill-feed{top:107px}}.menu-left{margin-top:clamp(64px,10vh,122px)}.menu-left h1{font-size:clamp(82px,9vw,138px);margin:20px 0 18px}.menu-left p,.mode-row{margin-bottom:17px}.menu-actions{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.menu-actions .primary-button{height:52px}.secondary-button{background:#0b2833e6;color:#a9f4f0;border:1px solid #6ddbd7;clip-path:polygon(0 0,100% 0,100% 72%,94% 100%,0 100%)}.secondary-button:hover{background:#174b56;color:#fff}.menu-error,.duel-lobby-error{color:#ff9d8c!important;font-size:14px!important;margin:10px 0 0!important}.duel-overlay{align-items:center;justify-content:center;background:#020b12d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.duel-dialog{width:min(560px,calc(100vw - 30px));max-width:none}.duel-dialog h2{font-size:clamp(42px,6vw,60px)}.invite-box{display:flex;gap:8px;margin:12px 0 18px}.invite-box input{min-width:0;flex:1;padding:12px 13px;border:1px solid #49727b;background:#071720;color:#eafcfa;font:600 14px/1.2 Rajdhani,sans-serif}.invite-box button,.leave-room{border:1px solid #65d9d7;background:#103d48;color:#d5f8f7;cursor:pointer;font:800 15px/1 Barlow Condensed,sans-serif;letter-spacing:.1em}.invite-box button{padding:0 15px}.leave-room{padding:12px 18px;background:transparent;border-color:#52707a;color:#afc9cb}.invite-box button:hover,.leave-room:hover{background:#23606b}.duel-room-tag{position:absolute;left:50%;top:78px;transform:translate(-50%);padding:7px 12px;border:1px solid #65d9d7;background:#04171fde;color:#d8f9f7;cursor:pointer;pointer-events:auto;font:800 13px/1 Barlow Condensed,sans-serif;letter-spacing:.12em;z-index:2}@media(max-width:760px){.menu-left{margin-top:clamp(75px,12vh,110px)}.menu-left h1{font-size:clamp(72px,14.5vw,102px);margin:14px 0}.menu-left p{margin-bottom:11px}.mode-row{margin-bottom:12px}.menu-actions .primary-button{height:46px}.menu-controls{margin-top:14px;gap:5px 12px}.duel-room-tag{top:64px;max-width:70vw;white-space:nowrap}.invite-box{flex-direction:column}.invite-box button{padding:12px}.duel-dialog{padding:23px 18px}}@media(max-height:650px){.menu-left{margin-top:52px}.menu-left h1{font-size:82px;margin:12px 0}.menu-left p,.mode-row{margin-bottom:9px}.menu-controls{margin-top:10px}}.scanlines{display:none}.vignette{background:radial-gradient(circle at 50% 44%,transparent 46%,rgba(0,5,7,.09) 78%,rgba(0,4,5,.31))}.playing.aiming .crosshair{opacity:0;transition:none}.playing.spectating .crosshair,.playing.spectating .ammo-block,.playing.spectating .aim-mode,.playing.spectating .interaction-hint{display:none}.menu-overlay{background:linear-gradient(90deg,#080c0ce8,#0c1111c7 31%,#0b101021 70%,#070a0a2b)}@media(max-width:760px){.menu-overlay{background:linear-gradient(90deg,#080c0ce8,#0b101094)}}@media(max-height:480px){.menu-overlay{overflow-y:auto;align-items:flex-start}.menu-left{margin:14px 0 16px clamp(20px,5vw,55px);width:min(400px,calc(100vw - 40px))}.eyebrow{font-size:10px}.menu-left h1{font-size:68px;margin:8px 0 10px}.menu-left>p:not(.menu-error),.menu-controls,.menu-side{display:none}.mode-row{padding:6px 10px;margin-bottom:10px}.mode-icon{width:27px;height:27px;font-size:17px}.mode-row strong{font-size:15px}.mode-row small{font-size:9px}.menu-actions .primary-button{height:42px;font-size:16px}.duel-room-tag{left:clamp(15px,3.6vw,30px);top:77px;transform:none;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:760px)and (min-height:481px){.duel-room-tag{left:15px;top:112px;transform:none;max-width:52vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.touch-actions #touch-jump{position:absolute;right:8px;bottom:104px;width:70px;height:62px;background:#163c4bd9;color:#eaffff;font:800 12px/1 Rajdhani,sans-serif;letter-spacing:.07em}.menu-controls .control-break{flex-basis:100%;height:0}@media(max-height:420px){.touch-actions #touch-jump{bottom:96px}}.credits-link{display:inline-block;margin-top:13px;color:#a8c8c9;font-size:11px;font-weight:700;letter-spacing:.12em;text-decoration:none;border-bottom:1px solid #6e999a}.credits-link:hover,.credits-link:focus-visible{color:#e8ffff;border-color:#e8ffff}@media(max-height:480px){.credits-link{margin:9px 0 12px}}