:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sky-top:#141d66;--sky-bottom:#4d44a4;--card:#23285a;--card-edge:#474fa0;--surface:#3a4080;--surface-hi:#4a52a0;--well:#161b4a;--text:#f2f3ff;--text-soft:#c5c8ea;--badge:#ffd23f;--red-text:#ff8a95;--blue-text:#7fb2ff;--scrim:#0a0e3873;--red:#ff4f5e;--red-dark:#c92a3c;--blue:#3f8cff;--blue-dark:#2360c9;--ink:#241d3a;--paper:#fffaf0;--sky:#d6eefc;--font:"CW Emoji", "Baloo 2", "Trebuchet MS", system-ui, sans-serif;--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;overflow:hidden}@supports (height:100dvh){#app{height:100dvh}}body{font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;background:linear-gradient(180deg, var(--sky-top), var(--sky-bottom)) fixed;background-color:var(--sky-bottom)}button{cursor:pointer;font-family:inherit}.btn{border:3px solid var(--ink);color:var(--ink);box-shadow:0 4px 0 var(--ink);background:#ffd23f;border-radius:14px;padding:8px 20px;font-size:18px;font-weight:800;transition:transform 80ms,box-shadow 80ms}.btn:hover{box-shadow:0 5px 0 var(--ink);transform:translateY(-1px)}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.btn.ghost{background:var(--surface);color:var(--text)}.btn.red{background:var(--red);color:#fff}.btn.blue{background:var(--blue);color:#fff}.logo{letter-spacing:.5px;color:var(--red);text-shadow:2px 2px 0 var(--ink);-webkit-text-stroke:1px var(--ink);font-size:26px;font-weight:800;line-height:1}.logo span{color:var(--blue);margin-left:4px}.logo.big{text-shadow:4px 4px 0 var(--ink);-webkit-text-stroke:2px var(--ink);font-size:64px}.toast{z-index:9999;background:var(--card);color:var(--text);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:14px;padding:10px 18px;font-weight:700;position:fixed;top:24px;left:50%;transform:translate(-50%)}.team-pick{height:100%;padding:calc(16px + var(--sat)) calc(16px + var(--sar)) calc(16px + var(--sab)) calc(16px + var(--sal));background:radial-gradient(circle at 12% 88%, #ff4f5e47, transparent 42%), radial-gradient(circle at 88% 12%, #3f8cff4d, transparent 42%), linear-gradient(180deg, var(--sky-top), var(--sky-bottom));display:flex;overflow-y:auto}.tp-card{background:var(--card);border:3px solid var(--card-edge);width:min(560px,100%);box-shadow:0 10px 0 var(--ink), 0 22px 44px #00000059;text-align:center;border-radius:28px;margin:auto;padding:28px}.sitout-card h1{margin:8px 0 0;font-size:clamp(26px,6vw,40px);line-height:1.1}.sitout-penguin{filter:drop-shadow(0 5px 0 var(--ink));font-size:88px;line-height:1.1}.sitout-card .tp-blurb{max-width:440px;margin:14px auto 22px}.sitout-link{text-decoration:none;display:inline-block}.sitout-countdown{color:var(--text-soft);margin:24px 0 0;font-size:20px;font-weight:800}.tp-blurb{color:var(--text-soft);margin:16px 0 20px;font-size:18px;line-height:1.35}.tp-name{text-align:left;margin-bottom:18px;font-weight:800;display:block}.tp-name-row{gap:8px;margin-top:4px;display:flex}.tp-name input{font:inherit;border:3px solid var(--ink);background:var(--well);color:var(--text);caret-color:var(--badge);border-radius:12px;flex:1;min-width:0;padding:8px 14px;font-size:20px;font-weight:700}.tp-name input:focus{border-color:var(--badge);outline:none}.reroll{border:3px solid var(--ink);background:var(--badge);box-shadow:0 3px 0 var(--ink);border-radius:12px;padding:0 12px;font-size:22px}.tp-teams{grid-template-columns:1fr 1fr;gap:14px;display:grid}.tp-team{border:4px solid var(--ink);color:#fff;box-shadow:0 6px 0 var(--ink);border-radius:20px;padding:18px 8px 12px;transition:transform .1s;position:relative}.tp-team:hover{transform:translateY(-3px)rotate(-1deg)}.tp-team.red{background:var(--red)}.tp-team.blue{background:var(--blue)}.tp-team b{text-shadow:2px 2px 0 var(--ink);font-size:40px;line-height:1;display:block}.tp-team span{opacity:.95;font-weight:700}.tp-team em{color:var(--ink);border:3px solid var(--ink);white-space:nowrap;background:#ffd23f;border-radius:10px;padding:2px 10px;font-size:13px;font-style:normal;font-weight:800;position:absolute;top:-14px;left:50%;transform:translate(-50%)rotate(-4deg)}.world-header{top:calc(12px + var(--sat));left:calc(12px + var(--sal));right:calc(12px + var(--sar));z-index:1000;background:var(--card);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:18px;align-items:center;gap:16px;padding:10px 14px;display:flex;position:absolute}.world-header.offline:after{content:"server offline";color:var(--red-text);font-weight:800}.war{flex:1;min-width:0}.war-label{justify-content:space-between;gap:8px;font-size:14px;font-weight:800;display:flex}.war-label .r{color:var(--red-text)}.war-label .b{color:var(--blue-text)}.war-label .n{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.war-bar{background:var(--surface);border:2px solid var(--ink);border-radius:8px;height:14px;position:relative;overflow:hidden}.war-bar .r,.war-bar .b{transition:width .6s;position:absolute;top:0;bottom:0}.war-bar .r{background:var(--red);left:0}.war-bar .b{background:var(--blue);right:0}.me{border:3px solid var(--ink);background:var(--surface);color:var(--text);white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:4px 12px;font-size:16px;font-weight:800;display:flex}.me small{color:var(--text-soft);font-weight:600}.me .dot{border:2px solid var(--ink);border-radius:50%;width:14px;height:14px}.me.red .dot{background:var(--red)}.me.blue .dot{background:var(--blue)}.card-sky{margin-bottom:4px;font-size:14px;font-weight:700}i.r{background:var(--red)}i.b{background:var(--blue)}.city-card{min-width:230px}.card-title{font-size:20px;font-weight:800;line-height:1.1}.card-owner{color:var(--text-soft);margin:4px 0;font-size:15px}.card-live{font-size:14px}.card-live.quiet{color:var(--text-soft)}.card-live .r,.card-players .r{color:var(--red-text)}.card-live .b,.card-players .b{color:var(--blue-text)}.card-players{margin-bottom:10px;font-size:14px;font-weight:700}.city-card .deploy{width:100%}.game{position:absolute;inset:0}.game-canvas{width:100%;height:100%;display:block}.loading{text-align:center;place-content:center;font-size:24px;font-weight:800;display:grid;position:absolute;inset:0}.spinner{font-size:64px;animation:.8s ease-in-out infinite alternate bob}@keyframes bob{to{transform:translateY(-14px)scale(1.1,.95)}}.hud{pointer-events:none;-webkit-user-select:none;user-select:none;color:#fff;text-shadow:0 2px #241d3a99;position:absolute;inset:0}.hud button{pointer-events:auto}.topbar{align-items:center;gap:10px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.score{text-align:center;-webkit-text-stroke:1.5px var(--ink);min-width:54px;font-size:34px;font-weight:800}.score.red{color:var(--red)}.score.blue{color:var(--blue)}.bar{border:3px solid var(--ink);background:#ffffff80;border-radius:10px;width:160px;height:16px;display:flex;overflow:hidden}.bar.red{justify-content:flex-end}.bar-fill{height:100%;transition:width .5s}.bar-fill.red{background:var(--red)}.bar-fill.blue{background:var(--blue)}.mid{flex-direction:column;align-items:center;gap:4px;display:flex}.zones{gap:8px;display:flex}.zone{border:3px solid var(--ink);-webkit-text-stroke:1px var(--ink);width:40px;height:40px;box-shadow:0 3px 0 var(--ink);border-radius:50%;place-items:center;font-size:20px;font-weight:800;display:grid}.zone.owned-red{box-shadow:0 3px 0 var(--ink), 0 0 0 3px var(--red)}.zone.owned-blue{box-shadow:0 3px 0 var(--ink), 0 0 0 3px var(--blue)}.zone.contested{animation:.3s linear infinite shake}@keyframes shake{25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.zone.horde-target{animation:.9s ease-in-out infinite horde-ping}@keyframes horde-ping{50%{box-shadow:0 3px 0 var(--ink), 0 0 0 6px #8fd16a;transform:scale(1.12)}}.horde{border:3px solid var(--ink);color:var(--ink);text-shadow:none;white-space:nowrap;box-shadow:0 3px 0 var(--ink);background:#8fd16a;border-radius:14px;padding:4px 16px;font-size:20px;font-weight:800;position:absolute;top:116px;left:50%;transform:translate(-50%)}.horde.incoming{animation:1s ease-in-out infinite horde-throb}.horde.urgent{background:#ffd23f;animation-duration:.5s}@keyframes horde-throb{50%{transform:translate(-50%)scale(1.06)}}.timer{text-shadow:none;background:#241d3ab3;border-radius:10px;padding:0 10px;font-size:16px;font-weight:800}.forecast{white-space:nowrap;min-height:16px;font-size:13px;font-weight:800}.forecast.urgent{color:#ffd23f;animation:.8s ease-in-out infinite horde-throb-in-place}@keyframes horde-throb-in-place{50%{transform:scale(1.12)}}.city-name{top:calc(14px + var(--sat));left:calc(16px + var(--sal));font-size:18px;font-weight:800;position:absolute}.sky-chip{opacity:.9;white-space:nowrap;margin-left:10px;font-size:13px;font-weight:700}.you-team{top:calc(40px + var(--sat));left:calc(16px + var(--sal));border:2px solid var(--ink);text-shadow:none;border-radius:8px;padding:0 8px;font-size:14px;font-weight:800;position:absolute}.you-team.red{background:var(--red)}.you-team.blue{background:var(--blue)}.ping{top:calc(14px + var(--sat));right:calc(16px + var(--sar));opacity:.85;font-size:13px;font-weight:700;position:absolute}.minimap{top:calc(40px + var(--sat));right:calc(16px + var(--sar));border:3px solid var(--ink);background:#a9d4ef;border-radius:14px;position:absolute;box-shadow:0 4px #241d3a59}.minimap.hidden{display:none}.crosshair{border:3px solid #fff;border-radius:50%;width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #241d3a80}.crosshair:after{content:"";background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.feed{left:calc(16px + var(--sal));bottom:calc(56px + var(--sab));flex-direction:column-reverse;gap:4px;max-width:min(460px,70vw);display:flex;position:absolute}.feed-line{text-shadow:none;background:#241d3ab3;border-radius:10px;padding:2px 10px;font-size:15px;font-weight:700;transition:opacity 1s}.feed-line.fade{opacity:0}.help{opacity:.85;white-space:nowrap;font-size:13px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.banner{text-align:center;font-size:22px;font-weight:700;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.banner .big{-webkit-text-stroke:3px var(--ink);text-shadow:5px 5px 0 var(--ink);font-size:84px;font-weight:800;line-height:1;animation:.4s cubic-bezier(.2,2,.4,1) pop}.banner.red .big{color:var(--red)}.banner.blue .big{color:var(--blue)}@keyframes pop{0%{transform:scale(.2)rotate(-20deg)}}.pause,.click-to-play{background:var(--scrim);pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.click-to-play{cursor:pointer;-webkit-text-stroke:1.5px var(--ink);text-shadow:3px 3px 0 var(--ink);font-size:40px;font-weight:800}.pause-title{-webkit-text-stroke:2px var(--ink);text-shadow:4px 4px 0 var(--ink);font-size:56px;font-weight:800}.pause-sub{margin-top:-10px;margin-bottom:8px;font-weight:700}.pause .btn{min-width:240px;text-shadow:none}.pause-pad{opacity:.9;font-size:15px;font-weight:700}.pause-pad b{font-weight:800}.volume-row{align-items:center;gap:12px;display:flex}.pause .btn.volume-step{width:52px;min-width:0;padding:4px 0;font-size:24px;line-height:1.1}.volume-value{text-align:center;-webkit-text-stroke:1px var(--ink);width:170px;text-shadow:2px 2px 0 var(--ink);font-size:22px;font-weight:800}.credits{border:2px solid var(--card-edge);width:min(600px,100vw - 32px);max-height:min(46vh,420px);text-shadow:none;text-align:left;background:#23285ae6;border-radius:14px;padding:6px 18px 12px;overflow-y:auto}.credits-head{color:var(--badge);margin:12px 0 4px;font-size:18px;font-weight:800}.credits-head.pad-focus{outline:3px solid var(--badge);outline-offset:3px;box-shadow:none;border-radius:4px}.credits-note,.credits-line{margin:2px 0;font-size:14px;font-weight:600;line-height:1.35}.credits-note{color:var(--text-soft)}.credits a{color:inherit;text-decoration-color:#ffffff80}.hidden{display:none!important}.loadout{right:calc(16px + var(--sar));bottom:calc(44px + var(--sab));flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute}.weapons{gap:6px;display:flex}.weapon-slot{text-shadow:none;opacity:.7;background:#241d3a8c;border:3px solid #0000;border-radius:10px;padding:0 10px;font-size:14px;font-weight:700}.weapon-slot b{opacity:.7;margin-right:4px}.weapon-slot.active{opacity:1;background:#241d3acc;border-color:#fff}.weapon-slot{position:relative;overflow:hidden}.tank{background:#ffffff26;height:4px;position:absolute;bottom:0;left:0;right:0}.tank-fill{background:#5ec8ff;height:100%}.tank-fill.dry{background:var(--red);animation:.4s ease-in-out infinite alternate tank-dry}@keyframes tank-dry{0%{opacity:1}to{opacity:.35}}.hp{border:3px solid var(--ink);background:#241d3a73;border-radius:10px;width:220px;height:20px;position:relative;overflow:hidden}.hp-fill{background:#6ee36e;height:100%;transition:width .12s}.hp-fill.low{background:#ffd23f}.hp-fill.critical{background:var(--red)}.hp-text{place-items:center;font-size:13px;font-weight:800;line-height:1;display:grid;position:absolute;inset:0}.crosshair.hitmark{border-color:#ffd23f;transform:translate(-50%,-50%)scale(1.25)}.crosshair.hitmark.kill{border-color:var(--red)}.hurt{opacity:0;transition:opacity .35s;position:absolute;inset:0;box-shadow:inset 0 0 120px 30px #ff4f5ebf}.hurt.on{opacity:1;transition:none}.item-slot{top:calc(70px + var(--sat));left:calc(16px + var(--sal));border:3px solid var(--ink);width:76px;height:76px;box-shadow:0 4px 0 var(--ink);text-shadow:none;background:#241d3a99;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.item-slot.rolling{background:linear-gradient(135deg,#ff6b8b,#ffb84d,#fff06b,#6be38b,#5ec8ff,#b88bff)}.item-slot.ready{animation:1.2s ease-in-out infinite item-ready}@keyframes item-ready{50%{box-shadow:0 4px 0 var(--ink), 0 0 0 5px #ffd23fcc}}.item-slot.tappable{pointer-events:auto}.item-icon{font-size:42px;line-height:1}.item-slot.ready .item-icon{animation:.35s cubic-bezier(.2,2,.4,1) pop}.item-name{white-space:nowrap;text-shadow:0 2px #241d3a99;margin-top:6px;font-size:13px;font-weight:800;position:absolute;top:100%}.item-key{width:22px;height:22px;color:var(--ink);border:2px solid var(--ink);background:#fff;border-radius:6px;place-items:center;font-size:13px;font-weight:800;display:grid;position:absolute;bottom:-6px;right:-6px}.game.touch .item-key,.game.touch .item-name{display:none}.game.touch .item-slot{top:auto;left:auto;right:calc(150px + var(--sar));bottom:calc(100px + var(--sab));border-radius:50%;width:60px;height:60px}.game.touch .item-slot .item-icon{font-size:30px}.kd{text-shadow:none;background:#241d3a8c;border-radius:8px;padding:0 8px;font-size:14px;font-weight:800}.scores{border:3px solid var(--ink);text-shadow:none;background:#241d3ad9;border-radius:18px;gap:18px;max-width:calc(100vw - 32px);max-height:80vh;padding:16px 20px;display:flex;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.scores table{border-collapse:collapse;min-width:200px;font-size:15px;font-weight:700}.scores th{text-align:right;opacity:.8;padding:2px 8px;font-size:13px}.scores th:first-child{text-align:left;opacity:1;font-size:16px}.scores table.red th:first-child{color:var(--red)}.scores table.blue th:first-child{color:var(--blue)}.scores td{text-align:right;padding:2px 8px}.scores td:first-child{text-align:left;text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.scores tr.self td{background:#ffffff26}.scores td.empty{text-align:left;opacity:.6;font-style:italic}.banner .mvp{color:#ffd23f;margin-top:8px;font-size:20px;font-weight:800}.item-slot.aiming{box-shadow:0 4px 0 var(--ink), 0 0 0 5px #fff;animation:none}.ride{text-shadow:none;background:#241d3a99;border-radius:12px;flex-direction:column;align-items:flex-end;gap:4px;padding:6px 10px;display:flex}.ride-name{font-size:16px;font-weight:800}.ride-hp{border:3px solid var(--ink);background:#241d3a73;border-radius:8px;width:220px;height:14px;position:relative;overflow:hidden}.ride-fill{background:#ffb84d;height:100%;transition:width .12s}.ride-fill.low{background:#ffd23f}.ride-fill.critical{background:var(--red);animation:.4s ease-in-out infinite alternate tank-dry}.ride-tank{background:#ffffff26;border-radius:3px;width:220px;height:6px;overflow:hidden}.ride-hint{opacity:.9;font-size:12px;font-weight:700}.ride-hint b{font-weight:800}.hud.riding .weapons,.hud.riding-kart .crosshair{display:none}.game.touch .ride{flex-direction:row;align-items:center;gap:8px;padding:3px 10px}.game.touch .ride-hint{display:none}.game.touch .ride-name{white-space:nowrap;font-size:13px}.game.touch .ride-hp{border-width:2px;width:110px;height:11px}.game.touch .ride-tank{width:56px}.touch-btn.touch-vehicle{width:58px;height:58px;right:calc(224px + var(--sar));bottom:calc(14px + var(--sab));background:#ffd23f8c;font-size:28px}.game.touch{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.touch-ui{position:absolute;inset:0}.touch-move{width:40%;position:absolute;top:0;bottom:0;left:0}.touch-look{position:absolute;inset:0 0 0 40%}.touch-btn{color:#fff;letter-spacing:.5px;text-shadow:0 2px #241d3a99;background:#241d3a73;border:3px solid #ffffffd9;border-radius:50%;place-items:center;font-size:15px;font-weight:800;transition:transform 60ms,background 60ms;display:grid;position:absolute}.game.touch .touch-btn.down{background:#241d3ab3;transform:scale(.9)}.touch-btn.fire{width:84px;height:84px;right:calc(24px + var(--sar));bottom:calc(28px + var(--sab));border-color:var(--ink);color:var(--ink);text-shadow:none;box-shadow:0 4px 0 var(--ink);background:#ffd23fd9;font-size:18px}.touch-btn.fire.down{box-shadow:0 1px 0 var(--ink);background:#ffd23f}.touch-btn.jump{width:62px;height:62px;right:calc(124px + var(--sar));bottom:calc(18px + var(--sab));font-size:13px}.touch-btn.chicken{width:62px;height:62px;right:calc(36px + var(--sar));bottom:calc(126px + var(--sab));font-size:28px}.touch-btn.touch-pause,.touch-btn.touch-map{width:40px;height:40px;top:calc(10px + var(--sat));border-width:2px;font-size:14px}.touch-btn.touch-pause{right:calc(12px + var(--sar))}.touch-btn.touch-map{right:calc(60px + var(--sar));font-size:18px}.touch-btn.touch-scores{right:calc(108px + var(--sar));width:40px;height:40px;top:calc(10px + var(--sat));border-width:2px;font-size:18px}.game.touch .minimap{pointer-events:none;top:calc(58px + var(--sat));transform-origin:100% 0;transform:scale(.65)}.game.touch .help,.game.pad .touch-ui{display:none}.game.touch.pad .help{display:block}.game.touch.pad .item-key{display:grid}.game.touch .ping{top:auto;right:auto;bottom:calc(4px + var(--sab));font-size:11px;left:50%;transform:translate(-50%)}.game.touch .feed{top:calc(68px + var(--sat));flex-direction:column;max-width:38vw;bottom:auto}.game.touch .feed-line{font-size:13px}.game.touch .loadout{left:50%;right:auto;bottom:calc(22px + var(--sab));align-items:center;transform:translate(-50%)}.game.touch .weapon-slot{pointer-events:auto;padding:4px 14px;font-size:15px}.rotate{display:none}@media (orientation:portrait){.game.touch .rotate{text-align:center;background:linear-gradient(180deg, var(--sky-top), var(--sky-bottom));pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;font-size:26px;font-weight:800;display:flex;position:absolute;inset:0}.rotate:before{content:"📱";font-size:72px;animation:1.6s ease-in-out infinite tilt}}@keyframes tilt{50%{transform:rotate(-90deg)}}@media (height<=500px){.topbar{top:calc(6px + var(--sat));gap:6px}.score{min-width:36px;font-size:24px}.bar{border-width:2px;width:80px;height:12px}.zone{border-width:2px;width:30px;height:30px;font-size:15px}.timer{font-size:13px}.city-name{top:calc(8px + var(--sat));text-overflow:ellipsis;white-space:nowrap;max-width:calc(50% - 200px);font-size:15px;overflow:hidden}.sky-chip{display:none}.you-team{top:calc(32px + var(--sat));font-size:12px}.horde{font-size:15px;top:90px}.forecast{min-height:13px;font-size:11px}.banner .big{font-size:56px}.banner{font-size:17px}.pause-title{font-size:40px}.hp{width:160px;height:16px}.item-slot{top:calc(56px + var(--sat));width:60px;height:60px}.item-icon{font-size:32px}.minimap{transform-origin:100% 0;transform:scale(.65)}.tp-card{padding:16px 24px}.logo.big{font-size:40px}.tp-blurb{margin:8px 0 12px;font-size:15px}.tp-name{margin-bottom:18px}.tp-team b{font-size:30px}}@media (width<=700px){.world-header{flex-wrap:wrap;gap:8px}.war{flex-basis:100%;order:3}.bar{width:60px}.score{min-width:36px;font-size:24px}.help{display:none}.loadout{bottom:16px}.hp{width:140px}.logo.big{font-size:44px}}.pad-focus{outline:4px solid var(--badge);outline-offset:3px;box-shadow:0 0 0 9px var(--ink)}.btn.pad-focus{box-shadow:0 5px 0 var(--ink), 0 0 0 9px var(--ink);transform:translateY(-1px)}.click-to-play.pad-focus{box-shadow:none;outline:none}.pad-hint{z-index:1000;white-space:nowrap;background:var(--card);color:var(--text);border:3px solid var(--ink);border-radius:12px;padding:4px 12px;font-size:14px;font-weight:700;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.pad-hint b{font-weight:800}.hud.compact .horde{top:calc(78px + var(--sat));box-shadow:0 2px 0 var(--ink);border-width:2px;border-radius:10px;padding:0 10px;font-size:12px}.hud.compact .horde.incoming:not(.urgent){animation:none}.hud.compact .feed{gap:3px;max-width:34vw}.hud.compact .feed-line{padding:1px 8px;font-size:12px}.touch-fs{left:calc(12px + var(--sal));bottom:calc(10px + var(--sab));text-shadow:none;background:#241d3a99;border:2px solid #ffffffb3;border-radius:10px;padding:3px 10px;font-size:12px;font-weight:800;position:absolute}.match-notices{top:calc(96px + var(--sat));flex-direction:column;align-items:center;gap:12px;width:calc(100% - 32px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.match-notices .horde{position:static;transform:none}.match-notices .horde.incoming{animation-name:notice-throb}@keyframes notice-throb{50%{transform:scale(1.06)}}.arriving{border:1px solid var(--text-soft);background:var(--card);color:var(--text);text-shadow:none;text-align:center;border-radius:20px;max-width:100%;padding:5px 14px;font-size:14px;font-weight:700}@media (height<=500px){.match-notices{top:calc(72px + var(--sat))}}.hud.compact .match-notices{top:calc(62px + var(--sat));gap:5px}.hud.compact .arriving{padding:3px 10px;font-size:12px}.stage{pointer-events:none;position:absolute;inset:0}.stage-band{top:calc(144px + var(--sat));text-align:center;white-space:nowrap;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.stage-head{transform-origin:50% 60%;flex-direction:column;align-items:center;display:flex}.stage-head.pop{animation:.55s cubic-bezier(.2,1.8,.4,1) both sh-pop}.stage-head.bump{animation:.3s cubic-bezier(.2,2,.4,1) both sh-bump}.sh-title{letter-spacing:1px;background:linear-gradient(#fff6a8,#ffb84d);color:#0000;-webkit-text-stroke:3px var(--ink);filter:drop-shadow(4px 5px 0 var(--ink));-webkit-background-clip:text;background-clip:text;padding:0 10px;font-size:clamp(28px,min(5.6vw,9.5vh),70px);font-weight:800;line-height:1}.stage-head.ribbon .sh-title{-webkit-text-stroke:2px var(--ink);filter:drop-shadow(3px 3px 0 var(--ink));font-size:clamp(18px,min(3vw,5.4vh),38px)}.sh-sub{text-shadow:none;color:#fff;background:#241d3ab3;border-radius:10px;margin-top:3px;padding:0 10px;font-size:clamp(12px,2.4vh,18px);font-weight:800}.sh-sub:empty{display:none}.sh-row{align-items:center;gap:4px;display:flex}.sh-count{color:#fff;background:var(--ink);text-shadow:none;border-radius:14px;padding:0 12px;font-size:clamp(18px,4vh,30px);font-weight:800;transform:rotate(-4deg);box-shadow:0 3px #0000004d}@keyframes sh-pop{0%{opacity:0;transform:scale(.2)rotate(-14deg)}50%{opacity:1;transform:scale(1.22)rotate(4deg)}75%{transform:scale(.94)rotate(-2deg)}to{transform:scale(1)rotate(-2deg)}}@keyframes sh-bump{0%{transform:scale(1.18)rotate(2deg)}to{transform:scale(1)rotate(-2deg)}}.stage-head.tier1 .sh-title{background-image:linear-gradient(#ffe066,#ff8a1f)}.stage-head.tier2 .sh-title{background-image:linear-gradient(#ffc27a,#ff4f5e)}.stage-head.tier3 .sh-title{background-image:linear-gradient(#ff9ec0,#b88bff)}.stage-head.tier4 .sh-title{background-image:linear-gradient(90deg,#5ec8ff,#b88bff,#ff6b8b)}.stage-head.tier5 .sh-title,.stage-head.tier6 .sh-title{background-image:linear-gradient(90deg,#ff6b8b,#ffb84d,#fff06b,#6be38b,#5ec8ff,#b88bff,#ff6b8b);background-size:200% 100%;animation:.9s linear infinite sh-shimmer}.stage-head.tier6.pop{animation:.55s cubic-bezier(.2,1.8,.4,1) both sh-pop,.12s linear .55s infinite sh-quake}.stage-head.plain .sh-title{background-image:linear-gradient(#fff,#c9c3dd)}@keyframes sh-shimmer{to{background-position:-200% 0}}@keyframes sh-quake{25%{translate:-2px 1px}50%{translate:2px -1px}75%{translate:-1px -2px}}.stage-head.underdog .sh-title{filter:drop-shadow(4px 4px 0 var(--ink)) drop-shadow(0 0 14px #ff7a1f);background-image:linear-gradient(#fff3a0,#ffb21f)}.stage-head.underdog.pop .sh-title{animation:.25s ease-in-out infinite alternate sh-flame}.stage-head.underdog.red .sh-sub{color:#ffd0d4}.stage-head.underdog.blue .sh-sub{color:#d0e3ff}@keyframes sh-flame{to{filter:drop-shadow(4px 4px 0 var(--ink)) drop-shadow(0 0 22px #ff2d2d)}}.stage-head.downed .sh-title{background-image:linear-gradient(#ffe680,#ffd23f);font-size:clamp(36px,min(7vw,12vh),84px);transform:rotate(-6deg)}.stage-head.downed .sh-sub{font-size:clamp(13px,2.8vh,20px)}.stage-lines{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:calc(50% + 30px);left:50%;transform:translate(-50%)}.stage-line{border:3px solid var(--ink);white-space:nowrap;text-shadow:none;box-shadow:0 3px 0 var(--ink);text-overflow:ellipsis;border-radius:14px;max-width:calc(100vw - 32px);padding:3px 14px;font-size:17px;font-weight:800;overflow:hidden}.stage-line b{color:#ffd23f}.stage-line.capture{color:#fff;background:#241d3ac7}.stage-line.status{color:var(--ink);background:#fff;animation:.48s ease-in-out infinite alternate sl-bob}.stage-line.status.bad{background:#ff9cf0}.stage-line.warning{color:var(--ink);background:#ffd23f;animation:.5s ease-in-out infinite alternate sl-warn}.stage-line.aim{color:#fff;background:#241d3ad9;border-color:#fff;font-weight:700}.stage-line.hint{box-shadow:none;color:#fff;background:#241d3ab8;border-color:#0000;font-weight:700}.stage-line.badge{color:var(--ink);background:linear-gradient(90deg,#ff2d2d,#ff7a1f,#ffd23f);font-size:15px}@keyframes sl-bob{to{transform:translateY(-4px)rotate(-2deg)}}@keyframes sl-warn{to{color:#fff;background:#ff4f5e;transform:scale(1.06)}}@media (height<=500px){.stage-band{top:calc(110px + var(--sat));gap:0}.sh-title{font-size:clamp(24px,8.5vh,40px)}.stage-head.ribbon .sh-title{font-size:clamp(15px,5vh,22px)}:is(.stage-head.ribbon .sh-sub,.stage-band:has(.ribbon:not(.hidden)) .main .sh-sub){display:none}.sh-sub{margin-top:1px}.stage-lines{gap:4px;top:calc(50% + 22px)}.stage-line{box-shadow:0 2px 0 var(--ink);border-width:2px;padding:1px 10px;font-size:13px}.stage-line.badge{font-size:12px}.sh-title{-webkit-text-stroke:2px var(--ink);filter:drop-shadow(3px 3px 0 var(--ink))}.stage-head.ribbon .sh-title{-webkit-text-stroke:1.5px var(--ink);filter:drop-shadow(2px 2px 0 var(--ink))}}.stage.compact .stage-head:not(.downed) .sh-sub{display:none}.stage.compact .sh-title{font-size:clamp(20px,7vh,32px)}.emote-wheel{background:radial-gradient(circle,#241d3a59 0,#241d3a00 60%);place-items:center;display:grid;position:absolute;inset:0}.emote-ring{background:#241d3a8c;border:4px solid #ffffffd9;border-radius:50%;width:330px;height:330px;animation:.18s cubic-bezier(.2,1.6,.4,1) jc-wheel;position:relative;box-shadow:0 6px #241d3a80}@keyframes jc-wheel{0%{opacity:0;transform:scale(.6)}}.emote-wedge{width:88px;height:88px;transform:translate(var(--x), var(--y));background:var(--paper);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);color:var(--ink);text-shadow:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;margin:-44px 0 0 -44px;transition:transform .1s,background .1s;display:flex;position:absolute;top:50%;left:50%}.emote-wedge.on{transform:translate(var(--x), var(--y)) scale(1.18);background:#ffd23f}.emote-icon{font-size:36px;line-height:1.05}.emote-name{white-space:nowrap;font-size:12px;font-weight:800;line-height:1}.emote-label{white-space:nowrap;text-align:center;white-space:normal;max-width:120px;font-size:17px;font-weight:800;line-height:1.1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.emote-wheel.tappable .emote-wedge{pointer-events:auto}.touch-btn.touch-emote{right:calc(156px + var(--sar));width:40px;height:40px;top:calc(10px + var(--sat));border-width:2px;font-size:20px}.hud.celebrating .crosshair,.hud.celebrating .help,.hud.celebrating .loadout,.hud.celebrating .item-slot{opacity:0}.hud.celebrating .stage-lines,.hud.celebrating .feed{display:none}.hud.celebrating .banner{transition:top .6s 1.4s,transform .6s 1.4s;top:24%;transform:translate(-50%,-50%)scale(.8)}.hud.celebrating.has-awards .banner .mvp{display:none}.hud.celebrating .timer{white-space:nowrap}.awards{left:calc(16px + var(--sal));right:calc(16px + var(--sar));bottom:calc(64px + var(--sab));pointer-events:none;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:12px;display:flex;position:absolute}.award{border:4px solid var(--ink);background:var(--paper);width:142px;color:var(--ink);box-shadow:0 6px 0 var(--ink);text-align:center;text-shadow:none;transform:rotate(var(--tilt));border-radius:18px;padding:10px 8px 12px;animation:.5s cubic-bezier(.2,1.6,.4,1) both jc-deal}@keyframes jc-deal{0%{opacity:0;transform:translateY(160px)rotate(-30deg)scale(.5)}}.award.red{border-top:12px solid var(--red)}.award.blue{border-top:12px solid var(--blue)}.award.mvp{box-shadow:0 6px 0 var(--ink), 0 0 0 4px #ffd23f;background:#fff3c4}.award.mine{outline:3px dashed var(--ink);outline-offset:3px}.aw-icon{font-size:42px;line-height:1.1}.aw-title{font-size:17px;font-weight:800;line-height:1.1}.aw-name{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:15px;font-weight:800;overflow:hidden}.award.red .aw-name{color:var(--red-dark)}.award.blue .aw-name{color:var(--blue-dark)}.aw-val{opacity:.75;font-size:12px;font-weight:700;line-height:1.15}.next-round{left:50%;bottom:calc(14px + var(--sab));white-space:nowrap;-webkit-text-stroke:1px var(--ink);text-shadow:3px 3px 0 var(--ink);font-size:26px;font-weight:800;position:absolute;transform:translate(-50%)}.next-round b{color:#ffd23f;font-size:34px;display:inline-block}.next-round.tick b{animation:.4s cubic-bezier(.2,2,.4,1) pop}.skip-hint{right:calc(16px + var(--sar));bottom:calc(16px + var(--sab));opacity:.8;font-size:13px;font-weight:700;position:absolute}@media (height<=500px){.emote-ring{transform:scale(.75)}.award{width:92px;box-shadow:0 3px 0 var(--ink);border-width:3px;border-radius:12px;padding:4px 4px 6px}.award.red,.award.blue{border-top-width:7px}.aw-icon{font-size:24px}.aw-title{font-size:11px}.aw-name{margin-top:2px;font-size:11px}.aw-val{display:none}.awards{bottom:calc(46px + var(--sab));gap:6px}.next-round{bottom:calc(8px + var(--sab));font-size:16px}.next-round b{font-size:22px}.hud.celebrating .banner{top:34%}}.load-card{--team:var(--red);z-index:50;padding:calc(18px + var(--sat)) calc(16px + var(--sar)) calc(30px + var(--sab)) calc(16px + var(--sal));background:radial-gradient(circle at 12% 88%, #ff4f5e38, transparent 42%), radial-gradient(circle at 88% 12%, #3f8cff42, transparent 42%), linear-gradient(180deg, var(--sky-top), var(--sky-bottom));color:var(--text);transition:opacity .35s;display:flex;position:absolute;inset:0;overflow:hidden}.load-card.team-blue{--team:var(--blue)}.load-card.fading{opacity:0;pointer-events:none}.lc-stack{text-align:center;flex-direction:column;align-items:center;width:min(760px,100%);margin:auto;display:flex}.lc-postcard{aspect-ratio:16/9;border:4px solid var(--ink);background:var(--team);width:min(100%,177.778dvh - 675.556px);min-width:220px;box-shadow:0 7px 0 var(--ink), 0 0 0 3px var(--card-edge);border-radius:24px;animation:9s ease-in-out infinite lc-rock;position:relative;overflow:hidden}.lc-postcard img{object-fit:cover;width:100%;height:100%;animation:24s ease-out forwards lc-push;display:block}@keyframes lc-rock{0%,to{transform:rotate(-1.8deg)}50%{transform:rotate(-.8deg)}}@keyframes lc-push{to{transform:scale(1.12)translate(-2%)}}.lc-stamp{border:3px solid var(--ink);background:var(--team);color:#fff;text-transform:uppercase;box-shadow:0 3px 0 var(--ink);text-shadow:0 1px 0 var(--ink);border-radius:99px;padding:2px 13px;font-size:16px;font-weight:800;position:absolute;top:14px;left:14px}.lc-ribbon{z-index:1;border:4px solid var(--ink);background:var(--badge);min-height:62px;color:var(--ink);box-shadow:0 5px 0 var(--ink);opacity:0;border-radius:16px;margin-top:-30px;padding:2px 28px;font-size:clamp(28px,4.2vw,46px);font-weight:800;line-height:1.25;transition:transform .25s cubic-bezier(.3,1.6,.5,1),opacity .2s;transform:scale(.6)}.load-card.named .lc-ribbon{opacity:1;transform:none}.lc-district{min-height:1.3em;color:var(--text-soft);letter-spacing:.06em;text-transform:uppercase;margin-top:8px;font-size:15px;font-weight:800}.lc-flavour{max-width:680px;margin:2px 0 0;font-size:clamp(15px,1.9vw,20px);font-weight:600;line-height:1.35}.lc-scene{width:min(100%,360px);height:auto;margin-top:6px;overflow:visible}.lc-scene *{stroke:var(--ink);stroke-linejoin:round;stroke-linecap:round}.lc-ink,.lc-pupils circle{fill:var(--ink);stroke:none}.lc-floor{stroke:#f2f3ff40;stroke-width:3px}.lc-hose{fill:none;stroke-width:4px}.lc-barrel{fill:var(--surface-hi);stroke-width:3px}.lc-foot{fill:var(--surface);stroke-width:3px}.lc-body{fill:var(--team);stroke-width:4px}.lc-shine{fill:#ffffff73;stroke:none}.lc-eye{fill:#fff;stroke-width:2.5px}.lc-arms line{stroke-width:9px}.lc-grip{fill:var(--badge);stroke-width:3px}.lc-glove{fill:#fff;stroke-width:2.5px}.lc-handle,.lc-rod{animation:.6s ease-in-out infinite lc-stroke}.lc-bean{transform-origin:45px 112px;animation:.6s ease-in-out infinite lc-squash}.lc-pupils{animation:.6s ease-in-out infinite lc-look}@keyframes lc-stroke{50%{transform:translateY(22px)}}@keyframes lc-squash{50%{transform:scale(1.1,.88)}}@keyframes lc-look{50%{transform:translate(1px,3px)}}.lc-balloon{transform-origin:180px 110px;transform:scale(calc(.24 + .76 * var(--p,0)))}.lc-skin{fill:var(--team);stroke-width:4px}.lc-gleam{fill:#ffffffb3;stroke:none}.lc-scene .lc-balloon{animation:2.2s ease-in-out infinite lc-bob}@keyframes lc-bob{50%{translate:0 -4px}}.lc-pop{opacity:0}.lc-pop circle{stroke:none;transform-origin:180px 62px}.lc-team{fill:var(--team)}.lc-gold{fill:var(--badge)}.lc-go{font:800 34px var(--font);fill:var(--badge);stroke-width:3px;paint-order:stroke;text-anchor:middle}.load-card.popped .lc-balloon,.load-card.popped .lc-hose{opacity:0;transition:opacity 60ms}.load-card.popped .lc-pop{opacity:1}.load-card.popped .lc-pop circle{animation:.45s ease-out forwards lc-fly}.load-card.popped .lc-go{transform-origin:180px 66px;animation:.25s cubic-bezier(.3,1.6,.5,1) lc-stamp}.load-card.popped .lc-handle,.load-card.popped .lc-rod,.load-card.popped .lc-bean{animation:none}@keyframes lc-fly{0%{transform:rotate(var(--a)) translateX(0)}to{transform:rotate(var(--a)) translateX(70px) scale(.5);opacity:.4}}@keyframes lc-stamp{0%{transform:scale(.5)}}.lc-status{margin-top:4px;font-size:17px;font-weight:700}.lc-tip{text-align:left;justify-content:center;align-items:baseline;gap:12px;max-width:720px;margin-top:14px;font-size:clamp(14px,1.7vw,18px);font-weight:600;line-height:1.35;transition:opacity .3s;display:flex}.lc-tip.out{opacity:0}.lc-tip b{background:var(--ink);color:var(--badge);border-radius:99px;flex:none;padding:1px 12px;font-size:14px}.lc-hint{right:calc(16px + var(--sar));bottom:calc(10px + var(--sab));color:var(--text-soft);font-size:14px;font-weight:700;position:absolute}@media (prefers-reduced-motion:reduce){.lc-postcard,.lc-postcard img,.lc-handle,.lc-rod,.lc-bean,.lc-pupils,.lc-scene .lc-balloon{animation:none}}.world{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:radial-gradient(1.6px 1.6px at 23px 31px, #fffc 50%, transparent 100%) 0 0 / 137px 151px, radial-gradient(1.1px 1.1px at 71px 97px, #ffffff8c 50%, transparent 100%) 0 0 / 89px 113px, linear-gradient(180deg, var(--sky-top), var(--sky-bottom));position:absolute;inset:0;overflow:hidden}.world.dragging{cursor:grabbing}.world-globe{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.world-pins{pointer-events:none;position:absolute;inset:0}.wm-pin{width:0;height:0;font:inherit;color:var(--text);pointer-events:none;background:0 0;border:0;padding:0;position:absolute;top:0;left:0}.wm-pin.hidden{display:none}.wm-foot{background:#140f3259;border-radius:50%;width:18px;height:8px;position:absolute;top:-4px;left:-9px}.wm-foot:after{content:"";background:var(--c);border:2px solid var(--ink);border-radius:50%;width:5px;height:5px;position:absolute;top:-.5px;left:4.5px}.wm-stalk{background:var(--ink);transform-origin:50% 100%;border-radius:2px;width:4px;position:absolute;bottom:0;left:-2px}.wm-head{pointer-events:auto;cursor:pointer;position:absolute;top:0;left:0}.wm-badge{background:var(--c);border:3px solid var(--ink);width:44px;height:44px;box-shadow:0 3.5px 0 var(--ink), inset 0 0 0 3px #ffffff40;border-radius:50%;place-items:center;transition:transform .15s cubic-bezier(.3,1.8,.5,1);animation:.45s cubic-bezier(.3,1.8,.5,1) both wm-pop;display:grid;position:absolute;top:-22px;left:-22px}.wm-badge:before{content:"";background:#ffffff59;border-radius:50%;width:9px;height:9px;position:absolute;top:6px;left:7px}.wm-sky{font-size:21px;line-height:1}.wm-pin.live .wm-badge:after{content:"";border:3px solid var(--c);border-radius:50%;animation:1.4s ease-out infinite wm-ring;position:absolute;inset:-6px}.wm-tag{white-space:nowrap;background:var(--card);color:var(--text);border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);text-align:left;border-radius:12px;flex-direction:column;padding:2px 12px 3px;line-height:1.15;animation:.3s .1s both wm-fade;display:flex;position:absolute;top:50%;left:30px;transform:translateY(-50%)}.wm-pin.tag-left .wm-tag{left:auto;right:30px}.wm-tag b{font-size:17px;font-weight:800}.wm-counts{align-items:center;gap:4px;font-size:14px;font-weight:800;display:flex}.wm-counts i{border-radius:50%;width:10px;height:10px;margin-left:2px;display:inline-block}.wm-counts em{margin-left:8px;font-style:normal}.world.compact .wm-counts,.wm-pin.bare .wm-tag{display:none}.wm-pin.bare:is(.open,.pad-focus) .wm-tag,.wm-pin.bare .wm-head:hover .wm-tag{display:flex}.wm-pin.bare .wm-head:hover{z-index:3}.wm-head:hover .wm-badge,.wm-pin.open .wm-badge,.wm-pin.pad-focus .wm-badge{box-shadow:0 3.5px 0 var(--ink), 0 0 0 4px var(--badge), 0 0 0 7px var(--ink);transform:scale(1.14)}.wm-pin.pad-focus,.wm-pin.pad-focus .wm-head{box-shadow:none;outline:none}.wm-pin.open,.wm-pin.pad-focus{z-index:2}@keyframes wm-pop{0%{opacity:0;transform:scale(.2)}}@keyframes wm-fade{0%{opacity:0}}@keyframes wm-ring{0%{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(1.45)}}.world .city-card{z-index:900;background:var(--card);width:250px;color:var(--text);border:3px solid var(--card-edge);box-shadow:0 5px 0 var(--ink), 0 16px 32px #0000004d;cursor:default;border-radius:18px;padding:14px 16px;position:absolute;top:0;left:0}.world .city-card.hidden{display:none}.world-zoom{right:calc(14px + var(--sar));bottom:calc(14px + var(--sab));z-index:950;flex-direction:column;gap:10px;display:flex;position:absolute}.world-zoom .btn{place-items:center;width:48px;height:48px;padding:0;font-size:24px;line-height:1;display:grid}.world-hint{z-index:950;bottom:calc(14px + var(--sab));white-space:nowrap;pointer-events:none;background:var(--card);color:var(--text-soft);border:2px solid var(--ink);opacity:.92;border-radius:12px;padding:2px 12px;font-size:14px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.world-hint.hidden{display:none}@media (width<=560px),(height<=520px){.world-zoom{display:none}.world-hint{font-size:12px}}