@font-face{font-family:ImpactLocal;src:local('Impact')}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#192431;color:#fff;font-family:'Arial','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button{font:inherit;border:0;cursor:pointer;color:inherit;touch-action:none}button:focus-visible{outline:3px solid #fff;outline-offset:5px}[hidden]{display:none!important}#game,#game canvas{display:block;position:absolute;inset:0;width:100%;height:100%}#vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 140px #11263733}#damage-flash{position:absolute;inset:0;pointer-events:none;z-index:3;box-shadow:inset 0 0 100px 30px #ad2277;opacity:0;transition:opacity .13s}.screen{position:absolute;inset:0;padding:30px max(34px,env(safe-area-inset-right)) 30px max(34px,env(safe-area-inset-left))}#lobby{background:linear-gradient(90deg,#102b36d9 0%,#12273799 25%,#12273700 65%),linear-gradient(0deg,#142937bd 0%,transparent 35%)}.lobby-header{display:flex;gap:20px;align-items:center}.wordmark{font-family:ImpactLocal,'Arial Black',sans-serif;font-style:italic;font-size:42px;line-height:1;font-weight:1000;letter-spacing:-4px}.wordmark span{font:12px Arial;vertical-align:top;letter-spacing:0}.map-name{border-left:1px solid #ffffff66;padding-left:20px;font-size:16px;font-weight:700}.map-name span{display:block;font-weight:400;font-size:12px;color:#d6e7ea;margin-top:4px}.icon-button{width:44px;height:44px;border-radius:50%;background:#152837d9;border:1px solid #ffffff4d;font-size:22px;font-weight:bold;display:grid;place-items:center}.lobby-header .icon-button{margin-left:auto}.title-block{position:absolute;top:22%;left:7%;transform:rotate(-6deg)}.edition{font-size:14px;letter-spacing:.06em;font-weight:700;margin-bottom:15px;transform:rotate(2deg)}h1{font-family:ImpactLocal,'Arial Black',sans-serif;font-weight:1000;font-style:italic;font-size:clamp(78px,11vw,170px);letter-spacing:-.045em;line-height:.82;margin:0;text-shadow:5px 7px 0 #172333,-2px -2px 0 #172333}h1 span{display:block}h1 span:last-child{color:#e8ff29}h1 i{font-size:.8em}h1+p{font-size:clamp(17px,1.8vw,24px);font-weight:900;letter-spacing:.05em;margin-top:28px}.lobby-bottom{position:absolute;bottom:5%;left:7%;width:min(360px,40%)}.match-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:17px}.team-pill{font-size:12px;font-weight:700}.team-pill.yellow{color:#e8ff29}.team-pill.purple{color:#cfb0ff}.versus{font-size:12px;font-weight:bold;color:#ffffff80}.match-info small{width:100%;font-size:12px;color:#d6e7ea;margin-top:-3px}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#e8ff29;color:#1c2930;font-size:21px;font-weight:900;width:100%;min-height:64px;padding:17px 25px;border-radius:3px;box-shadow:5px 6px 0 #162632;transform:skew(-4deg);transition:filter .15s,translate .15s}.primary-button:hover{filter:brightness(1.08);translate:0 -2px}.primary-button:active{translate:2px 3px}.primary-button:disabled{filter:grayscale(.7);cursor:wait}.primary-button b{font-size:24px}.orientation-hint{text-align:center;color:#d6e7ea;font-size:12px;margin:12px 0 0}.map-sticker{position:absolute;right:5%;bottom:7%;background:#f8f7e8;color:#23313d;padding:18px 24px;transform:rotate(5deg);box-shadow:5px 6px 0 #15283866}.map-sticker span{font-size:12px;display:block;font-weight:bold;border-bottom:2px solid #23313d;padding-bottom:8px;margin-bottom:8px}.map-sticker strong{font-family:ImpactLocal,'Arial Black',sans-serif;font-style:italic;font-size:32px;line-height:1}.map-sticker i{display:block;font-size:10px;font-style:normal;letter-spacing:1px;margin-top:10px}#hud{position:absolute;inset:0;pointer-events:none}.hud-top{position:absolute;top:max(14px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:24px}.team-status{text-align:center}.team-status>span{font-weight:900;font-size:12px;letter-spacing:1px}.team-status.yellow{color:#e8ff29}.team-status.purple{color:#d8bfff}.pips{display:flex;gap:7px;margin-top:6px}.pips i{width:18px;height:21px;border-radius:9px 9px 3px 3px;transform:skew(-7deg);background:currentColor;box-shadow:1px 2px 0 #213245}.pips i.dead{background:#24333e;opacity:.6}.timer-box{background:#152637ed;padding:5px 24px 8px;text-align:center;transform:skew(-5deg);border-bottom:4px solid #e8ff29;box-shadow:4px 4px 0 #14263455}.timer-box>span{font-family:ImpactLocal,'Arial Black',sans-serif;font-size:46px;line-height:1.08;font-variant-numeric:tabular-nums;font-weight:bold}.timer-box small{display:block;font-size:11px}.timer-box.urgent{border-color:#ff6860}.timer-box.urgent>span{color:#ffad9c}.pause-button{position:absolute;right:max(20px,env(safe-area-inset-right));top:20px;pointer-events:auto}.territory{position:absolute;top:103px;left:50%;transform:translateX(-50%);display:flex;gap:9px;align-items:center;font-size:13px;font-weight:900;text-shadow:1px 2px 2px #132430}.territory>span:first-child{color:#e8ff29}.territory>span:last-child{color:#e0ccff}.territory-track{width:200px;height:8px;background:#1a2f3bbf;display:flex;justify-content:space-between;border-radius:2px;overflow:hidden}.territory-track i:first-child{background:#e8ff29}.territory-track i:last-child{background:#9442fa}.player-stats{position:absolute;left:max(25px,env(safe-area-inset-left));bottom:35px;width:190px;padding:13px 16px;background:#192c3edb;transform:skew(-3deg);border-left:4px solid #e8ff29}.stat-top{display:flex;align-items:baseline;gap:8px}.stat-top strong{font-family:ImpactLocal,'Arial Black',sans-serif;font-size:30px}.stat-top>span{font-size:12px}.stat-top span:last-child{margin-left:auto}.health-track,.ink-track{height:5px;background:#ffffff24;overflow:hidden}.health-track i{display:block;height:100%;background:#fff;width:100%;transition:width .12s}.ink-label{display:flex;justify-content:space-between;font-size:12px;margin:12px 0 5px}.ink-label span{font-weight:900;letter-spacing:1px}.ink-track{height:10px}.ink-track i{display:block;height:100%;background:#e8ff29;width:100%}.player-stats small{display:block;font-size:10px;color:#b6d1d6;margin-top:7px}#minimap{position:absolute;right:max(25px,env(safe-area-inset-right));bottom:30px;width:120px;height:144px;background:#1e3039df;padding:6px;border:1px solid #ffffff40;border-radius:3px}#feed{position:absolute;right:25px;top:135px;display:grid;gap:5px}#feed div{font-size:12px;font-weight:700;background:#1b2c40d6;padding:6px 9px;border-radius:2px;border-right:3px solid #d8bfff}#feed div.ours{border-color:#e8ff29}#crosshair{position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%);filter:drop-shadow(0 1px 2px #15232c)}#crosshair i{position:absolute;background:#fff;border-radius:1px}#crosshair i:nth-child(1){width:3px;height:8px;left:15px;top:0}#crosshair i:nth-child(2){width:3px;height:8px;left:15px;bottom:0}#crosshair i:nth-child(3){height:3px;width:8px;top:15px;left:0}#crosshair i:nth-child(4){height:3px;width:8px;top:15px;right:0}#crosshair b{position:absolute;left:15px;top:15px;width:3px;height:3px;background:#e8ff29;border-radius:50%}#hit-marker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:54px;color:#e8ff29;opacity:0;text-shadow:2px 2px #1a2735}#toast{position:absolute;top:26%;left:50%;transform:translateX(-50%) rotate(-3deg);background:#203441eb;color:#fff;font-size:19px;font-weight:900;padding:10px 20px;opacity:0;transition:opacity .15s;white-space:nowrap}#countdown{position:absolute;inset:30% 0 auto;text-align:center;font-family:ImpactLocal,'Arial Black',sans-serif;font-style:italic;font-size:110px;color:#e8ff29;text-shadow:6px 7px #1c3042}#respawn{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%) rotate(-4deg);text-align:center;background:#542689ed;padding:22px 34px;border:3px solid #c4a0ff}#respawn strong{display:block;font-size:34px;font-weight:900}#respawn span{display:block;margin-top:12px;font-size:18px}#desktop-help{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);font-size:11px;white-space:nowrap;text-shadow:1px 1px 4px #000;font-weight:700}#desktop-help em{opacity:.5;font-style:normal;margin:0 5px}#touch-controls{display:none}.modal-backdrop{position:absolute;inset:0;background:#172a3cd1;backdrop-filter:blur(7px);z-index:10;display:flex;justify-content:center;align-items:center;padding:20px;overflow:auto;touch-action:pan-y}.modal{background:#223547;padding:32px;width:min(460px,100%);box-shadow:9px 10px 0 #152631;border-top:5px solid #e8ff29;max-height:100%;overflow:auto;touch-action:pan-y}.modal-kicker{font-size:12px;letter-spacing:1.5px;font-weight:900;color:#e8ff29}.modal h2{font-size:30px;line-height:1.4;margin:12px 0}.modal p{font-size:16px;line-height:1.7;color:#d1e2e8;margin-bottom:25px}.modal .primary-button{margin-top:20px}.secondary-button{background:#ffffff15;width:100%;padding:15px;margin-top:15px;font-size:15px;border:1px solid #ffffff30}.text-button{background:none;color:#d1e2e8;font-size:14px;display:block;text-align:center;padding:16px;margin:8px auto 0}.help-modal{width:min(720px,100%)}.instructions{display:grid;grid-template-columns:1fr 1fr;gap:15px 25px}.instructions p{margin:0;font-size:14px}.instructions b{display:block;color:#fff;margin-bottom:5px}.modal .pc-controls{font-size:12px;margin-bottom:0}.results-card{width:520px;max-width:100%;text-align:center;padding:28px 35px;background:#21364b;box-shadow:10px 10px #142637;border-top:6px solid #e8ff29;max-height:100%;overflow:auto;touch-action:pan-y}.results-card h2{font-family:ImpactLocal,'Arial Black',sans-serif;font-size:70px;font-style:italic;line-height:1;margin:15px 0 5px;color:#e8ff29;transform:rotate(-4deg);text-shadow:4px 4px #152838}.results-card>p{font-size:15px;margin-bottom:30px;color:#d3e2ea}.result-scores{display:flex;align-items:center;justify-content:space-around}.result-scores span{display:block;font-size:12px;font-weight:bold;letter-spacing:1px}.result-scores strong{font-size:44px;font-family:ImpactLocal,'Arial Black',sans-serif}.result-scores strong small{font-size:22px}.result-scores>div:first-child{color:#e8ff29}.result-scores>div:last-child{color:#bf91ff}.result-scores>b{font-size:14px;color:#aac0ce}.result-bar{height:20px;display:flex;justify-content:space-between;background:#101f2f;margin:12px 0 18px;transform:skew(-5deg)}.result-bar i:first-child{background:#e8ff29}.result-bar i:last-child{background:#9442fa}.result-stats{display:flex;justify-content:space-around;margin-bottom:25px}.result-stats b{display:block;font-size:27px}.result-stats span{font-size:12px;color:#afc6d4}.results-card .text-button{margin-bottom:-10px}
@media(pointer:coarse){#touch-controls{display:block}.player-stats{bottom:auto;top:30px;width:130px;padding:8px 10px}.stat-top strong{font-size:22px}.stat-top{gap:4px}.ink-label{margin-top:6px}.player-stats small{display:none}#minimap{bottom:auto;top:80px;width:75px;height:90px;right:max(18px,env(safe-area-inset-right));padding:3px}#desktop-help{display:none}#move-zone{position:absolute;left:max(20px,env(safe-area-inset-left));bottom:20px;width:150px;height:150px;pointer-events:auto;display:flex;align-items:center;justify-content:center}#move-zone>span{position:absolute;bottom:-2px;color:#ffffffc9;font-size:12px;text-shadow:1px 1px #253745}#joystick{width:116px;height:116px;border-radius:50%;border:2px solid #ffffff5c;background:#192d454f;display:grid;place-items:center}#stick{width:48px;height:48px;border-radius:50%;background:#ffffff4d;border:2px solid #ffffffc4;box-shadow:0 3px 10px #10253633}#look-zone{position:absolute;left:29%;right:0;top:22%;bottom:0;pointer-events:auto}.control{position:absolute;pointer-events:auto;border:2px solid #ffffff87;box-shadow:0 3px 10px #14293866;background:#19354dbb;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}.control strong{font-size:12px}.control>span{font-size:29px;line-height:1.1}.control.held{background:#e8ff29;color:#25323b;border-color:#fff;transform:scale(.96)}.control.fire{right:max(33px,env(safe-area-inset-right));bottom:38px;width:96px;height:96px;background:#e8ff29e6;border:3px solid #f4ffb1;color:#1b2c37}.control.fire>span{font-size:41px}.control.swim{right:147px;bottom:25px;width:65px;height:65px}.control.swim>span{font-size:32px}.control.jump{right:24px;bottom:153px;width:58px;height:58px}.control.bomb{right:96px;bottom:165px;width:57px;height:57px}.control.bomb>span{font-size:24px}.control:disabled{opacity:.4}#feed{right:110px;top:128px}#feed div{font-size:10px;padding:4px 6px}.hud-top{gap:15px}.territory{top:97px}.territory-track{width:150px}#toast{top:31%;font-size:15px}.pause-button{top:20px;width:36px;height:36px;font-size:18px}}
@media(max-height:550px) and (orientation:landscape){.screen{padding-top:15px;padding-bottom:15px}.wordmark{font-size:32px}.map-name{font-size:13px}.lobby-header{gap:14px}.map-name span{font-size:11px}.title-block{top:23%;left:7%}.edition{font-size:11px;margin-bottom:10px}h1{font-size:clamp(66px,11vw,105px)}h1+p{font-size:17px;margin-top:13px}.lobby-bottom{bottom:5%;width:280px;left:7%}.match-info{position:absolute;left:calc(100% + 30px);bottom:10px;width:215px;margin:0}.primary-button{min-height:50px;padding:12px 19px;font-size:18px}.orientation-hint{display:none}.map-sticker{right:5%;bottom:8%;padding:11px 16px}.map-sticker strong{font-size:24px}.map-sticker i{font-size:9px}.map-sticker span{padding-bottom:5px;margin-bottom:5px;font-size:10px}.timer-box{padding:4px 17px 6px}.timer-box>span{font-size:34px}.timer-box small{font-size:10px}.pips i{width:14px;height:17px}.team-status>span{font-size:10px}.hud-top{top:12px;gap:18px}.territory{top:79px;font-size:11px}.player-stats{top:15px}.pause-button{top:14px}.modal,.results-card{padding:18px 26px}.modal h2{font-size:23px;margin:8px 0}.modal p{margin-bottom:12px;font-size:14px}.modal .primary-button{margin-top:12px}.modal .secondary-button{padding:10px;margin-top:10px}.modal .text-button{padding:8px;margin-top:4px}.results-card{width:620px}.results-card h2{font-size:46px;margin:8px 0}.results-card>p{margin:5px 0 12px;font-size:13px}.result-scores strong{font-size:34px}.result-bar{height:12px;margin:5px 0 10px}.result-stats{margin-bottom:12px}.result-stats b{font-size:21px}.result-stats span{font-size:10px}.results-card .primary-button{min-height:44px;padding:10px 18px}.results-card .text-button{padding:7px}.instructions{gap:8px 20px}.instructions p{font-size:12px}.instructions b{margin-bottom:2px}.help-modal .pc-controls{font-size:11px;margin:7px 0}.control.fire{width:85px;height:85px;bottom:28px}.control.swim{right:138px;bottom:18px}.control.jump{bottom:129px}.control.bomb{bottom:137px}#move-zone{width:140px;height:130px;bottom:18px}#joystick{width:104px;height:104px}#minimap{top:62px;height:77px;width:64px}#feed{top:107px}#respawn strong{font-size:27px}#respawn{padding:14px 26px}#countdown{font-size:85px}}
@media(orientation:portrait){.title-block{top:23%;left:9%}h1{font-size:clamp(95px,23vw,150px)}.edition{font-size:12px}.lobby-bottom{left:9%;bottom:7%;width:82%}.map-sticker{right:7%;bottom:29%;transform:rotate(6deg);padding:11px 14px}.map-sticker strong{font-size:23px}.map-sticker i{font-size:9px}.map-sticker span{font-size:10px}.screen{padding:24px}.map-name{font-size:12px;padding-left:12px}.map-name span{font-size:10px}.lobby-header{gap:12px}.wordmark{font-size:32px}.hud-top{top:18px;gap:10px}.pips{gap:4px}.pips i{width:12px;height:16px}.timer-box{padding:5px 12px}.timer-box>span{font-size:32px}.timer-box small{font-size:10px}.team-status>span{font-size:10px}.territory{top:90px;font-size:11px}.territory-track{width:145px}.pause-button{top:115px;right:18px}.player-stats{top:115px;left:18px;width:115px}#minimap{top:164px;width:64px;height:77px}#feed{top:230px;right:18px}.instructions{grid-template-columns:1fr}.modal h2{font-size:23px}.modal{padding:25px}.results-card{padding:25px}.results-card h2{font-size:55px}.result-scores strong{font-size:37px}#move-zone{left:10px;width:125px;height:135px;bottom:30px}#joystick{width:100px;height:100px}#stick{width:44px;height:44px}.control.fire{right:20px;bottom:41px;width:83px;height:83px}.control.swim{right:120px;bottom:23px;width:60px;height:60px}.control.jump{right:17px;bottom:146px;width:55px;height:55px}.control.bomb{right:83px;bottom:157px;width:53px;height:53px}#look-zone{left:34%;top:28%}#toast{font-size:13px;max-width:95%;white-space:normal;text-align:center}#respawn strong{font-size:25px}#respawn{width:80%;padding:20px}.player-stats .stat-top strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}