.mobile-controls,.mobile-match-actions,.orientation-layer{display:none}.stats-close{float:right;width:36px;height:36px}.mobile-settings{border-top:1px solid #ffffff20;padding-top:12px;margin-top:16px}.mobile-settings>label:not(.toggle){display:grid;grid-template-columns:1fr auto;gap:8px;margin:14px 0;font-size:12px}.mobile-settings input[type=range]{grid-column:1/-1;width:100%}.mobile-settings p{font-size:11px;color:#aab5af}.match-score-overlay.live{pointer-events:auto}@media (any-pointer:coarse){.match-view{position:fixed;inset:0;width:100%;max-width:none;margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#181d20;height:var(--kb-vh,100dvh);overflow:hidden}.match-view>.hub-top,.match-view>.room-titlebar,.match-view>footer{display:none}.match-view .online-game-grid{display:block;margin:0;height:100%}.match-view .online-match{height:100%;border:0;border-radius:0;display:flex;flex-direction:column;min-width:0}.match-view .arena-heading,.match-view .match-panel{display:none}.match-view .scoreboard.stadium-hud{height:38px;min-height:38px;padding:3px 12px;gap:10px}.match-view .stadium-hud strong{font-size:24px}.match-view .stadium-hud>div{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-view .stadium-hud .clock{font-size:17px}.match-view .golden-label,.match-view .practice-label{position:absolute;z-index:2;top:38px;left:50%;transform:translateX(-50%);padding:2px 8px;font-size:9px;pointer-events:none}.match-view .canvas-wrap{flex:1;min-height:0;padding:0 136px;align-items:center;touch-action:none;user-select:none;-webkit-user-select:none}.match-view .online-match canvas{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.mobile-controls:not([hidden]){display:block;position:absolute;inset:0;pointer-events:none}.mobile-controls button{pointer-events:auto;position:absolute;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;padding:0}.virtual-joystick{width:var(--joystick-size);height:var(--joystick-size);left:8px;bottom:var(--control-offset);opacity:var(--joystick-opacity);border-radius:50%;background:#b8c4bd18;border:2px solid #e5f0e655;display:grid;place-items:center}.joystick-knob{position:absolute;width:52%;height:52%;border:1px solid #d8f0b777;background:#cfff6970;border-radius:50%;pointer-events:none}.joystick-cross{color:#e5f0e655;font-size:50px}.mobile-kick{width:var(--kick-size);height:var(--kick-size);right:10px;bottom:var(--control-offset);opacity:var(--kick-opacity);border-radius:50%;background:#cfff6920;border:2px solid #cfff69aa;color:#e9ffc5;font-weight:800;transition:transform 80ms,background 80ms}.mobile-kick.pressed{transform:scale(.94);background:#cfff6980;border-color:white}.match-view .arena-footer{min-height:38px;padding:2px 10px;justify-content:center;flex:none}.match-view .arena-footer>button,.match-view .arena-footer>span{display:none}.mobile-match-actions{display:flex;gap:8px;align-items:center}.mobile-match-actions button{width:38px;min-height:34px;font-size:18px;border-radius:6px;background:#ffffff0b;border:1px solid #ffffff26;padding:2px}.match-view .canvas-wrap.match-ended{height:auto;padding:0}.match-view .canvas-wrap.match-ended>canvas{display:block;opacity:.25}.match-view .match-score-overlay.final{padding:6px}.match-view .match-score-overlay.final .score-overlay-card{height:100%;max-height:100%;overflow-y:auto;overscroll-behavior:contain}.match-view .match-score-overlay .compact-stats{flex:none}.match-view .match-menu{max-height:calc(100% - 12px);padding:14px}.match-view .match-menu-actions{gap:5px}.match-view .match-menu-actions button{min-height:36px}}@media (any-pointer:coarse) and (orientation:portrait){.match-view .orientation-layer{display:flex;position:absolute;inset:0;z-index:8;background:#1b2025f5;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px;gap:16px}.orientation-layer p{max-width:280px;line-height:1.6}}@media (max-width:600px){.hub-shell{max-width:100%}.hub-top{flex-wrap:wrap;gap:10px}.hub-status{flex-wrap:wrap;gap:7px}button,input,select,summary{touch-action:manipulation}input,select,textarea{font-size:16px}.controls-dialog,dialog{max-width:calc(100vw - 20px);max-height:calc(var(--kb-vh, 100dvh) - 24px);overflow-y:auto}.card-title-row,.room-actions{flex-wrap:wrap}.room-actions button{min-height:40px}.home-grid,.lobby-grid{grid-template-columns:minmax(0,1fr)}.hub-card,.room-browser,.team-column{min-width:0}}@media (prefers-reduced-motion:reduce){.mobile-kick{transition:none}}.fullscreen-control{display:inline-flex;position:relative;align-items:center}.fullscreen-button{display:inline-grid;place-items:center;width:40px;min-height:38px;padding:6px}.fullscreen-help{position:fixed;z-index:110;right:max(12px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));width:min(340px,calc(100vw - 24px));padding:18px;border:1px solid #cfff6966;border-radius:10px;background:#20262afa;box-shadow:0 12px 50px #0008;font-size:13px;line-height:1.6}.fullscreen-help>button{float:right;width:32px;height:32px}.fullscreen-help small{color:#b7c4ba}.fullscreen-suggestion{position:absolute;z-index:12;bottom:calc(100% + 8px);left:0;display:flex;white-space:nowrap;border:1px solid #cfff6966;background:#242c28;border-radius:8px}.fullscreen-suggestion button{padding:8px;background:none;border:0;color:#e7ffc4;font-size:11px}.offline-notice{position:fixed;z-index:120;top:env(safe-area-inset-top,0);left:0;right:0;padding:8px 16px;color:#ffe5a3;background:#443611;text-align:center;font-size:12px}.mobile-info-close,.mobile-result-score{display:none}@media (any-pointer:coarse){.match-view .arena-card{height:100%;min-height:0;display:flex;flex-direction:column}.match-view .arena-footer{min-height:42px;gap:10px;padding-right:58px;justify-content:center}.match-view .arena-footer .fullscreen-control{margin-right:4px}.mobile-match-actions{gap:5px}.mobile-match-actions button{min-height:38px}.match-view .match-panel.mobile-panel-open{display:block;position:fixed;z-index:20;top:calc(env(safe-area-inset-top) + 42px);right:max(8px,env(safe-area-inset-right));bottom:calc(env(safe-area-inset-bottom) + 46px);width:min(340px,calc(100vw - 24px));overflow-y:auto;background:#20282afa;border:1px solid #b7ca9e55;border-radius:10px;padding:12px}.mobile-info-close{display:block;margin-left:auto;width:38px;height:38px}.match-view .mobile-result-score{display:block;margin:5px 0;font-size:12px;color:#d2decb}.match-view .match-score-overlay.live .score-overlay-card{width:100%;max-height:100%;overflow-y:auto}.match-view .room-chat.mobile-match-chat{position:absolute;z-index:24;bottom:max(2px,env(safe-area-inset-bottom));right:max(6px,env(safe-area-inset-right));margin:0;width:48px;border:0;border-radius:5px;background:#242d29}.mobile-match-chat>.chat-toggle{min-height:38px;width:100%;font-size:10px;padding:4px;justify-content:center;position:relative}.mobile-match-chat:not(.expanded)>.chat-toggle>span,.mobile-match-chat>.chat-toggle small{display:none}.mobile-match-chat .chat-toggle>b{position:absolute;right:-2px;top:-4px;background:#cfff69;color:#18210d;border-radius:9px;padding:1px 4px;font-size:9px}.match-view .room-chat.mobile-match-chat.expanded{position:fixed;z-index:30;top:calc(var(--kb-vtop, 0px) + 42px);bottom:auto;right:max(6px,env(safe-area-inset-right));left:max(6px,env(safe-area-inset-left));width:auto;height:min(480px,calc(var(--kb-vh, 100dvh) - 50px));display:flex;flex-direction:column;border:1px solid #bdcfa766;border-radius:12px;background:#20272bfc;box-shadow:0 -12px 70px #0009;padding:8px;overflow-y:auto}.mobile-match-chat.expanded>.chat-toggle{width:100%;flex:none;font-size:13px;justify-content:space-between}.mobile-match-chat.expanded .chat-messages{flex:1;min-height:60px;max-height:none;overflow-y:auto}.mobile-match-chat.expanded form{flex:none}.mobile-match-chat.expanded form input{font-size:16px;min-height:40px}.mobile-match-chat .chat-preferences{font-size:10px;flex:none}}@media (max-width:420px){.hero-copy h1{font-size:42px}.lobby-teams,.team-layout{grid-template-columns:minmax(0,1fr)}.binding-row{grid-template-columns:minmax(80px,1fr) 70px 70px}.club-actions,.club-search,.lobby-assignment{flex-wrap:wrap}.settings-backdrop{padding:10px}}@media (any-pointer:coarse){.match-view .canvas-wrap{padding:0}.mobile-controls .floating-joystick-zone{left:0;bottom:0;width:46%;height:68%;border:0;border-radius:0;background:transparent;overflow:visible}.floating-joystick.virtual-joystick{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;pointer-events:none}.floating-joystick.virtual-joystick[hidden]{display:none}.hub-top .account-button{min-height:44px;padding:10px 14px;background:#cfff69;color:#18210c;border:1px solid #ddff94;font-size:13px;font-weight:800}.match-view .stadium-hud{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto}}@media (display-mode:standalone){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:#1b2025}.hub-shell:not(.match-view){padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));max-width:100%}}.countdown-state{position:absolute;z-index:4;inset:0;display:grid;place-items:center;font:800 clamp(60px,10vw,110px) Barlow Condensed,sans-serif;color:#eaffca;text-shadow:0 3px 35px #000c;pointer-events:none}.ruleset-options{display:flex;gap:10px;padding:10px 0;border:0}.ruleset-options button{flex:1;padding:12px;border-radius:8px;background:#ffffff09;border:1px solid #ffffff33}.ruleset-options button small{display:block;font-size:10px;margin-top:5px}.ruleset-options button[aria-pressed=true]{border-color:#cfff69;color:#dfff9c;background:#cfff6914}@media (any-pointer:coarse){.match-view .scoreboard.stadium-hud{grid-template-rows:minmax(0,1fr);align-items:center}.match-view .stadium-hud>div:first-child{grid-column:1;grid-row:1}.match-view .stadium-hud>strong{grid-column:2;grid-row:1}.match-view .stadium-hud>div:nth-child(3){grid-column:3;grid-row:1}.match-view .stadium-hud .clock{grid-column:4;grid-row:1;position:static;padding:0;white-space:nowrap}input,select,textarea{font-size:16px}.match-score-overlay .score-overlay-card,.match-view .canvas-wrap.match-ended,.match-view .canvas-wrap.ui-open{touch-action:pan-y}}.arena-page{padding:28px 0 40px}.arena-page h1{margin:8px 0 24px;font:800 clamp(30px,4vw,48px) Barlow Condensed,sans-serif}.arena-page>.hub-card{margin-top:20px;padding:clamp(16px,3vw,28px)}.arena-page p{color:#aebbb2;font-size:13px;line-height:1.7}.arena-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 20px}.arena-tabs button{border:1px solid #ffffff24;border-radius:7px;padding:10px 14px;color:#afbab5;background:#ffffff06;font-size:12px;min-height:40px}.arena-tabs button[aria-pressed=true]{color:#dfffab;background:#cfff6915;border-color:#cfff6999}.ranked-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}.ranked-cards article{display:flex;flex-direction:column;gap:9px;padding:20px;border:1px solid #ffffff22;background:#ffffff03;border-radius:12px}.ranked-cards article.selected{border-color:#cfff6966;background:#cfff690a}.ranked-cards article b{color:#dcf2b9;font-size:24px}.ranked-cards article small,.ranked-cards article span{color:#aab7ad;font-size:12px}.queue-status{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:20px;border-radius:10px;border:1px solid #cfff6944;background:#cfff690a}.queue-status h3{flex:1 0 70%}.queue-status>b{color:#dfffaa;font-size:24px}.queue-status p{width:100%;margin:0}.queue-status small{flex:1;color:#aab7ad}.ranking-table table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:12px}.ranking-table th{text-align:left;color:#a3b09f;font-weight:500}.ranking-table th:first-child{width:6%}.ranking-table th:nth-child(2){width:32%}.ranking-table th:nth-child(3){width:17%}.ranking-table td,.ranking-table th{border-bottom:1px solid #ffffff14;padding:13px 6px;overflow-wrap:anywhere}.ranking-table img{object-fit:cover;vertical-align:middle;border-radius:5px;margin-right:5px}.ranking-table small{display:block;color:#8d9d92;font-size:10px;margin-top:4px}.small-avatar{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#cfff6929;margin-right:6px;font-size:10px}.mission-list{display:grid;gap:12px;margin:22px 0}.mission-list article{display:grid;grid-template-columns:1fr auto;gap:10px;padding:18px;border:1px solid #ffffff1f;border-radius:9px;background:#ffffff03}.mission-list article h3{margin:0 0 7px;font-size:15px}.mission-list article span{color:#aab9a2;font-size:12px}.mission-list article progress{width:100%;grid-column:1;height:7px;accent-color:#cfff69}.mission-list article button{grid-column:2;grid-row:1/3;align-self:center}.story-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:12px;margin:24px 0}.story-map article{display:flex;flex-direction:column;gap:10px;border:1px solid #cfff6933;border-radius:11px;padding:18px;background:#cfff6905}.story-map article.locked{opacity:.5;border-color:#ffffff16}.story-map article>span{color:#b0c993;font:800 28px Barlow Condensed,sans-serif}.story-map article h3{margin:0;font-size:17px}.story-map article p{flex:1;margin:0;min-height:45px}.story-map article b{color:#e6c483;letter-spacing:3px}.story-map article small{color:#95a38e}.character-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px;margin:24px 0}.character-list article{padding:18px;border:1px solid #ffffff22;border-radius:10px;display:flex;flex-direction:column;gap:10px}.character-list article.selected{border-color:#cfff6977;background:#cfff6906}.character-list article h3{margin:0}.character-list article progress{width:100%;height:7px;accent-color:#cfff69}.character-list article small{color:#9caa98}.allocation-row{display:grid;grid-template-columns:1fr 32px 45px 32px;align-items:center;gap:6px;font-size:12px}.allocation-row button{width:32px;min-height:32px;padding:2px;border:1px solid #ffffff25;border-radius:6px;background:#ffffff06}.allocation-row b{text-align:center}.arena-page form{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:18px 0}.arena-page label{display:grid;gap:7px;font-size:12px;margin:12px 0;max-width:100%}.arena-page input{min-width:0;max-width:100%;padding:12px;border-radius:7px;border:1px solid #ffffff27;background:#101719;color:#e8f0df}.tournament-roster li,.tournament-title{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.tournament-title>strong{font-size:24px}.tournament-title>span{color:#a9c48c;font-size:12px}.tournament-roster{padding:0;list-style:none;margin:20px 0}.tournament-roster li{border-bottom:1px solid #ffffff19;padding:12px 4px;justify-content:space-between}.tournament-roster li>span{color:#acc789;font-size:11px}.tournament-bracket{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:18px;margin:28px 0}.tournament-bracket section>h3{font-size:16px;padding:0 0 12px;color:#c3d8ac}.tournament-bracket article{padding:12px;border:1px solid #ffffff1b;border-radius:9px;margin:10px 0;background:#ffffff03}.tournament-bracket article.current{border-color:#cfff6944}.tournament-bracket article div{display:flex;justify-content:space-between;gap:10px;margin:8px 0;font-size:12px}.tournament-bracket article small{display:block;color:#94a38d;font-size:10px;margin-top:4px}.player-link{display:inline;padding:0;margin:0;min-height:0;border:0;background:transparent;color:inherit;font:inherit;text-align:inherit;text-decoration:underline;text-decoration-color:#ffffff28;text-underline-offset:3px}.player-link:focus-visible,.player-link:hover{color:#dcff9c}.lobby-member>.player-link{align-self:center;justify-self:end;font-size:10px;padding:6px}.player-profile-dialog{width:min(760px,calc(100vw - 24px));max-height:calc(var(--kb-vh, 100dvh) - 28px);overflow-y:auto}.public-player-identity{display:flex;gap:18px;align-items:center;margin:20px 0}.public-player-identity h3{margin:0 0 6px;font-size:24px}.public-player-identity img{border-radius:9px;object-fit:cover;vertical-align:middle;margin-right:6px}.public-player-identity p,.public-player-identity span{font-size:12px;color:#acb9a5}.career-totals{display:flex;gap:18px;flex-wrap:wrap;padding:16px 0;color:#d6e9c2}.public-match-history{padding:0;list-style:none}.public-match-history li{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;border-bottom:1px solid #ffffff1a;padding:12px 0}.public-match-history li small{width:100%;color:#94a58e}.settlement-status{position:absolute;z-index:10;bottom:0;left:0;right:0;padding:8px;background:#283420;color:#e3f6cf;text-align:center;font-size:11px}@media (max-width:600px){.ranked-cards{grid-template-columns:1fr;gap:10px}.arena-tabs{gap:5px}.arena-tabs button{padding:9px 10px;font-size:11px}.ranking-table table{font-size:10px}.ranking-table td,.ranking-table th{padding:10px 2px}.mission-list article{grid-template-columns:1fr}.mission-list article button{grid-column:1;grid-row:auto}.player-profile-dialog .ranked-cards article{padding:12px}}.scenario-objective-hint{position:absolute;z-index:3;top:8px;left:50%;transform:translateX(-50%);max-width:85%;padding:6px 12px;border:1px solid #cfff6933;border-radius:7px;background:#18211ee6;color:#d6efb7;font-size:11px;text-align:center;pointer-events:none}.hub-status button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:#cfff6912}.tournament-bracket section{position:relative;display:flex;flex-direction:column;justify-content:space-around;gap:12px}.tournament-bracket section article{position:relative}.tournament-bracket section:not(:last-child) article:after{content:"";position:absolute;right:-17px;top:50%;width:16px;border-top:1px solid #b7cd8f70}.tournament-bracket .winner{font-weight:800;color:#e5ffc5;background:#cfff6910}.tournament-bracket .loser{opacity:.45}.tournament-bracket .pending{color:#adb8af}.tournament-summary{margin-top:24px;padding:20px;border:1px solid #b5d67466;border-radius:12px;background:#cfff6908}.tournament-summary h3{color:#e3ffa6;font-size:24px}.match-score-overlay.final.story-result .story-result-card{width:min(640px,100%);height:auto;max-height:100%;overflow:auto;margin:auto;align-items:center;text-align:center;gap:10px}.match-score-overlay.final.story-result h2{font-size:clamp(24px,4vw,36px);margin:0;color:var(--accent);line-height:1.2}.story-award{display:flex;flex-direction:column;align-items:center;gap:6px}.match-score-overlay.final.story-result .eyebrow{font-size:16px;line-height:1.4;margin:0}.story-result p{margin:0;color:var(--muted);font-size:12px}.story-result-stars{display:flex;gap:12px;font-size:48px;color:#535b50;line-height:1.1}.story-result-stars .earned{color:#edcf68;text-shadow:0 0 22px #edcf6830}.story-star-count{font-size:18px;color:#edcf68}.story-result-score{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;padding:12px;border-block:1px solid #ffffff18}.story-result-score b{font-size:28px;white-space:nowrap}.story-result-score span{font-size:12px;max-width:35%;overflow-wrap:anywhere}.match-score-overlay.final.story-result footer{display:flex;justify-content:center;gap:10px;width:100%;margin-top:10px;padding:0;flex:none;border:0}@media (max-height:500px){.match-score-overlay.final.story-result .story-result-card{gap:5px;padding:12px}.story-result-stars{font-size:28px}.story-result-score{padding:4px}.match-score-overlay.final.story-result h2{font-size:22px}.story-award{flex-direction:row;gap:12px}.story-result-objective{display:none}.story-result footer{margin-top:4px}}@media (max-width:700px){.tournament-bracket{scroll-snap-type:x proximity}.tournament-bracket>section{scroll-snap-align:start;min-width:240px}}.tournament-bracket{gap:32px;padding-right:2px;display:flex;overflow-x:auto;align-items:stretch}.tournament-bracket>section{display:block;min-width:240px;flex:1}.tournament-bracket section>h3{margin:0;padding-bottom:12px;line-height:22px}.tournament-bracket .bracket-round-matches article>div{margin:3px 0;line-height:14px}.tournament-bracket .bracket-round-matches article small{margin:0;line-height:11px;font-size:9px}.bracket-round-matches{position:relative}.tournament-bracket .bracket-round-matches article{position:absolute;width:100%;height:88px;padding:8px;margin:0;display:flex;flex-direction:column;justify-content:center}.tournament-bracket section:not(:last-child) article:before{content:"";position:absolute;right:-17px;height:var(--link-height);border-right:1px solid #b7cd8f70}.tournament-bracket article.link-down:before{top:50%}.tournament-bracket article.link-up:before{bottom:50%}.bracket-entry{position:absolute;left:-16px;top:50%;width:16px;border-top:1px solid #b7cd8f70}.tournament-mode{width:min(100%,1080px);margin-inline:auto}.competition-setup{max-width:38rem;display:grid;gap:12px}.competition-setup>.primary{justify-self:start}.competition-setup .arena-room-join{display:flex;flex-wrap:wrap;align-items:end;justify-content:flex-start;gap:8px;padding-top:12px;border-top:1px solid var(--border)}.competition-setup .arena-room-join label{flex:1 1 12rem;min-width:0}.tournament-mode .arena-room-join input{width:100%;min-width:0}@media (max-width:480px){.tournament-mode .arena-room-join>button,.tournament-mode .competition-setup>.primary{width:100%}.tournament-mode .arena-room-join label{flex-basis:100%}}.kmt-shop{width:min(760px,78vw);max-width:100%;display:grid;gap:12px}.shop-balance,.shop-form{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.shop-balance{padding:10px;border-radius:10px;background:#283526}.shop-balance>span:last-child{margin-inline-start:auto}.shop-coin{display:inline-block;flex:none;width:1.65em;height:1.65em;vertical-align:middle;background:url(/kmt-coin.svg) 50%/contain no-repeat;filter:drop-shadow(0 2px 2px #100a0870)}.shop-balance .shop-coin{font-size:1.45rem}.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(145px,100%),1fr));gap:8px}.shop-item{display:grid;gap:6px;padding:10px;background:#253339;border:1px solid #415659;border-radius:9px}.shop-item-type{font-size:.69rem;color:#cbef85;letter-spacing:.08em}.shop-item button{justify-self:stretch}.shop-catalog-item{display:flex;flex-direction:column}.shop-catalog-item>strong{min-height:2.6em}.shop-catalog-item>:is(.shop-reward-art,.reward-kit){align-self:center}.shop-catalog-item>button{margin-top:auto}.shop-grid:has(>.shop-catalog-item){grid-auto-rows:1fr}.shop-kit{display:flex;gap:6px}.shop-kit svg{width:40px;height:40px}.shop-catalog-item .shop-kit{width:100%;gap:8px}.shop-catalog-item .shop-kit svg{width:min(76px,calc((100% - 8px) / 2));height:auto;aspect-ratio:1}.shop-form{align-items:end}.shop-form label{display:grid;gap:4px;max-width:100%}.shop-form input,.shop-form select{max-width:100%}.kmt-shop p:empty{display:none}.shop-page{width:100%;max-width:1100px;margin:24px auto}.promo-editor,.shop-xp-progress{display:grid;gap:8px}.shop-xp-progress{padding:12px;background:#243337;border-radius:9px}.shop-xp-progress progress{width:100%;accent-color:#d5fa8a}.top-coin-balance{color:#ffdc84;white-space:nowrap}@media (min-width:1000px){.story-map{grid-template-columns:repeat(5,minmax(0,1fr))}}.admin-page .admin-compact{width:fit-content;max-width:100%;min-width:min(360px,100%);padding:16px}.admin-page .admin-compact h2{margin:0 0 12px;font-size:20px}.admin-page .admin-compact .shop-form{justify-content:flex-start;flex-direction:row}.admin-page .admin-compact details>summary{cursor:pointer}.admin-page .admin-compact details[open]>form{margin-top:10px}.admin-user-actions,.admin-user-picker,.admin-user-picker label{display:grid;gap:8px}.admin-user-picker select{width:100%}.admin-user-actions{margin-top:16px}.admin-user-actions h3{margin:0}.competition-card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.competition-card-header h2{margin:0}.competition-code-form{display:flex;align-items:center;gap:7px;margin-inline-start:auto}.competition-card-header .competition-code-form label{display:grid;font-size:0}.competition-card-header .competition-code-form input,.game-dialog .shop-promo-form input{box-sizing:border-box;width:100%;min-width:0;height:40px;padding:0 12px;border:1px solid #687f79;border-radius:8px;background:#111a1b;color:#f4f8f4;font:600 14px system-ui,sans-serif}.competition-card-header .competition-code-form input{width:min(130px,35vw)}.competition-code-form input::placeholder,.shop-promo-form input::placeholder{color:#a9b8b5}.competition-code-form input:focus-visible,.shop-promo-form input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.competition-card-header .competition-code-form button{min-height:40px;white-space:nowrap}.shop-promo-form,.shop-promo-form label{display:grid;gap:8px}.shop-promo-form input{letter-spacing:.07em}.shop-promo-form button{justify-self:end}.shop-five-grid{width:100%;max-width:1100px;grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width:850px){.shop-five-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:520px){.shop-five-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.shop-catalog-item,.shop-pack-offer{position:relative}:is(.shop-catalog-item,.shop-pack-offer) .shop-card-price{display:flex;align-items:center;justify-content:center;gap:5px;min-height:42px;margin-top:auto;border:1px solid #687d78;border-radius:8px}.shop-catalog-item .shop-card-hit,.shop-pack-offer .shop-card-hit{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;border:0;border-radius:inherit;background:transparent;cursor:pointer}.shop-card-hit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shop-pack-heading button{position:relative;z-index:2}.shop-purchase-preview{display:grid;justify-items:center;text-align:center;gap:8px}.shop-purchase-preview .shop-reward-art{height:120px}.shop-hold-purchase{position:relative;overflow:hidden;touch-action:none;user-select:none}.shop-hold-purchase span{position:relative}.shop-hold-purchase:before{content:"";position:absolute;inset:0;background:#1735283b;transform:scaleX(0);transform-origin:left}.shop-hold-purchase[data-holding=true]:before{transform:scaleX(1);transition:transform 2s linear}.scenario-objective-hint{display:grid;gap:4px;text-align:start}.scenario-objective-hint strong{color:var(--accent);font-variant-numeric:tabular-nums}.hub-top .hub-status>.top-coin-balance{display:inline-flex;align-items:center;gap:5px;font-size:clamp(12px,1.2vw,15px);font-weight:750;color:#ffdc84}.hub-top .top-coin-balance .shop-coin{width:19px;height:19px;flex:none}.match-reward-amounts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-block:10px}.match-reward-amounts>span{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--border);border-radius:8px;background:#1e2c31;color:#eaf4e9;font-size:12px}.match-reward-amounts b{font-size:clamp(16px,2vw,23px)}.match-reward-amounts .shop-coin{width:22px;height:22px;flex:none}.match-xp-icon{color:#d5fa8a;font-size:23px;line-height:1}.story-map .story-test-mark{display:flex;align-items:center;gap:6px;font-size:11px}.story-map .story-test-mark input{width:15px;height:15px;accent-color:var(--accent)}.hub-shell.match-view{position:fixed;inset:0;z-index:20;width:100%;max-width:none;height:var(--kb-vh,100dvh);min-height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:hidden;background:#181d20}.match-view>.hub-top,.match-view>.room-titlebar,.match-view>footer{display:none}.match-view>.notice{position:absolute;z-index:50;top:50px;left:12px;right:12px;margin:0}.match-view .online-game-grid,.match-view .online-match{display:block;height:100%;margin:0;border:0}.match-view .online-game-grid>.arena-card{display:flex;flex-direction:column;height:100%;border:0;border-radius:0;position:relative;overflow:hidden}.match-view .arena-heading{display:none}.match-view .scoreboard.stadium-hud{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) 76px;grid-template-rows:1fr;flex:0 0 44px;height:44px;min-height:44px;padding:3px 16px;gap:12px}.match-view .stadium-hud>div:first-child{grid-area:1/1}.match-view .stadium-hud>strong{grid-area:1/2;white-space:nowrap}.match-view .stadium-hud>div:nth-child(3){grid-area:1/3}.match-view .stadium-hud strong{font-size:28px;line-height:1}.match-view .stadium-hud>div{font-size:15px}.match-view .scoreboard.stadium-hud .clock{position:static;grid-area:1/4;font-size:20px;margin:0;padding:0;border:0}.match-view .canvas-wrap{flex:1;min-height:0;padding:0;display:block;position:relative;overflow:hidden;touch-action:none}.match-view .online-match .canvas-wrap>canvas{display:block;width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto;object-fit:fill}@media (orientation:portrait) and (max-width:600px){.match-view .canvas-wrap.spectator-pitch:not(.match-ended,.ui-open){flex:0 1 auto;aspect-ratio:1096/664}}.match-view .arena-footer{flex:0 0 24px;min-height:24px;padding:2px 12px;font-size:10px}.match-view .arena-footer button{min-height:20px;padding:0 8px}.match-actions{position:absolute;top:8px;right:12px;z-index:5;display:flex;align-items:center;gap:3px;background:#151b2080;border:1px solid #ffffff18;border-radius:12px;padding:3px;backdrop-filter:blur(10px)}.match-actions .fullscreen-button,.match-actions>button{display:grid;place-items:center;width:42px;height:42px;min-height:42px;border:0;padding:0;background:transparent;color:#e5ede7;border-radius:8px}.match-actions button:focus-visible,.match-actions button:hover{background:#ffffff15;color:#d4fa68}.match-actions .fullscreen-control{display:block}.match-view .match-panel{display:none}.match-view .match-panel.mobile-panel-open{display:block;position:absolute;z-index:12;right:10px;top:104px;bottom:32px;width:min(290px,calc(100vw - 20px));max-height:none;overflow:auto;padding:18px;background:#20262bf5;border:1px solid #ffffff25;border-radius:12px;box-shadow:0 12px 50px #0008}.match-view .mobile-info-close{display:block;float:right;width:36px;height:36px}.match-view .arena-card>.room-chat{position:absolute;z-index:11;left:12px;top:104px;bottom:auto;width:min(380px,calc(100% - 24px));max-height:calc(100% - 120px);overflow:auto;border-radius:12px;background:#20262bf5;border:1px solid #ffffff25}.match-view .room-chat:not(.expanded){display:none}.match-view .room-chat .chat-messages{max-height:min(30dvh,260px)}.match-view .golden-label,.match-view .practice-label{position:absolute;z-index:4;top:52px;left:12px;padding:4px 8px;font-size:10px;transform:none}.match-view .golden-label{left:50%;transform:translateX(-50%)}.match-view .restart-banner,.match-view .scenario-objective-hint{top:68px}.finish-backdrop{position:fixed;inset:0;z-index:60;background:#0a0e10c9;display:grid;place-items:center;padding:16px}.finish-dialog{width:min(410px,100%);padding:26px;background:#23292d;border:1px solid #ffffff25;border-radius:16px;box-shadow:0 20px 80px #0008}.finish-dialog h2{font-size:24px;margin:0 0 12px}.finish-dialog p{color:#b2bdb5;font-size:13px}.finish-dialog>div{display:flex;justify-content:end;gap:10px;margin-top:24px}.guest-tag{display:inline-block;font-size:9px;color:#aeb8b0;border:1px solid #ffffff20;padding:2px 5px;border-radius:4px}@media (any-pointer:coarse){.match-view .arena-footer{display:none}.match-view .scoreboard.stadium-hud{height:36px;min-height:36px;flex-basis:36px;padding:2px 12px}.match-view .stadium-hud strong{font-size:24px}.match-view .stadium-hud>div{font-size:12px}.match-view .stadium-hud .clock{font-size:17px}.match-actions{top:5px;right:7px}.match-actions .fullscreen-button,.match-actions>button{width:44px;height:44px}.match-view .mobile-controls{z-index:3}.match-view .match-panel.mobile-panel-open{top:94px;bottom:6px}.match-view .arena-card>.room-chat{top:92px;max-height:calc(100% - 100px)}.match-view .room-chat .chat-messages{max-height:24dvh}.match-view .golden-label,.match-view .practice-label{top:42px}}.match-view .goal-celebration{display:grid;justify-items:center;gap:7px;max-width:calc(100% - 24px);text-align:center;pointer-events:auto}.goal-credits{display:flex;align-items:end;justify-content:center;gap:14px}.goal-credit{display:grid;justify-items:center;gap:3px;min-width:0}.goal-credit .jersey-svg{width:38px;height:38px}.goal-credit.scorer .jersey-svg{width:54px;height:54px}.goal-credit b{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.goal-credit small{color:var(--muted)}.goal-celebration>button{min-height:30px;padding:4px 10px}.goal-replay-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 70px #050a12a8;border:1px solid #e2f0ff55;background:repeating-linear-gradient(0deg,#06101a18 0 1px,transparent 1px 5px)}.match-view .online-match .canvas-wrap.replay-active>canvas{filter:saturate(.28) contrast(.94) brightness(.96)}.goal-replay-heading,.goal-replay-vote{position:absolute;display:grid;gap:4px;padding:6px 10px;background:#111b25e8;color:#f4f8ff;border-radius:6px;font-size:12px}.goal-replay-heading{top:10px;left:10px}.goal-replay-heading span{color:#ffb5ac;letter-spacing:.1em}.goal-replay-heading i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff675a}.goal-replay-title{position:absolute;top:8px;left:50%;transform:translateX(-50%);color:#e4ff9c;font-size:clamp(23px,5vw,58px);text-shadow:0 2px 12px #101923}.goal-replay-overlay .goal-credits{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);padding:5px 14px 8px;background:linear-gradient(145deg,#253744ee,#111b25ed);border:1px solid #a8bed759;border-radius:10px;color:#f4f8ff;animation:goal-credits-in .38s ease-out both}.goal-replay-overlay .goal-avatar{position:relative;display:grid;place-items:center;width:48px;aspect-ratio:1}.goal-replay-overlay .scorer .goal-avatar{width:72px;filter:drop-shadow(0 0 9px #d4fd9066)}.goal-replay-overlay .goal-avatar .jersey-svg{width:83.333%;height:auto;transform:translateY(-3%)}.goal-replay-overlay .goal-avatar canvas{position:absolute;inset:0;width:100%;height:100%}@keyframes goal-credits-in{0%{opacity:0;transform:translate(-50%,10px) scale(.94)}to{opacity:1;transform:translate(-50%) scale(1)}}@media (prefers-reduced-motion:reduce){.goal-replay-overlay .goal-credits{animation:none}}.goal-replay-vote{bottom:10px;right:10px;text-align:end}.goal-replay-vote small{color:#c2d1dc}.room-view{max-width:1680px;padding:0 26px}.room-view>.hub-top{height:62px}.room-view>.room-titlebar{display:none}.room-view>footer{padding-block:16px}.room-screen{padding:12px 0}.room-commandbar{height:auto;min-height:54px;display:flex;align-items:center;gap:16px;margin-bottom:16px}.room-commandbar h1{font:800 32px/1.1 Barlow Condensed,sans-serif;margin:5px 0 0}.room-commandbar .eyebrow{margin:0;font-size:9px}.room-back{width:auto;min-height:42px;padding:0 12px;white-space:nowrap;border:1px solid var(--border);border-radius:9px;font-size:12px}.room-code{margin-left:auto;font-size:11px;color:var(--muted);border:1px dashed var(--border);padding:10px;border-radius:6px}.room-connection{font-size:11px;color:var(--text);white-space:nowrap}.room-connection small{display:block;margin-top:5px;font-size:9px;color:var(--muted)}.room-connection i{margin-right:5px}.room-invite-button{display:flex;align-items:center;gap:8px}.room-team-tools{display:flex;align-items:center;gap:7px;margin-bottom:12px}.room-team-tools .section-label{margin:0 auto 0 0}.room-team-tools .outline{padding:6px 12px;min-height:32px;font-size:10px}.room-team-tools>small{margin-left:8px;color:var(--muted);font-size:10px}.room-main-composition{display:grid;grid-template-columns:minmax(210px,1fr) minmax(280px,1.45fr) minmax(210px,1fr) 210px;gap:14px;align-items:stretch}.room-screen .lobby-column{border:1px solid var(--border);border-radius:12px;background:var(--panel);padding:0;min-height:265px;display:flex;flex-direction:column}.room-screen .column-red{border-top:2px solid var(--red)}.room-screen .column-blue{border-top:2px solid var(--blue)}.room-team-heading{display:flex;align-items:center;padding:13px 12px;border-bottom:1px solid #ffffff12;gap:8px}.room-screen .team-heading{padding:0;border:0;background:transparent;flex:1;display:flex;align-items:center;gap:8px;min-height:38px}.room-screen .team-heading span{font:700 22px Barlow Condensed,sans-serif}.room-screen .team-heading small{font-size:10px;margin-left:auto;color:var(--muted)}.team-jersey-trigger{width:34px;height:40px;padding:0;flex:0 0 34px;background:transparent}.team-jersey-trigger .jersey-preview{width:32px;height:36px}.team-jersey-trigger .jersey-svg{width:32px;height:32px;display:block}.room-screen .member-list{padding:8px;flex:1}.room-screen .lobby-member{min-height:53px;padding:7px;margin:0 0 5px;background:#ffffff04;border-color:transparent;grid-template-columns:minmax(0,1fr) auto;gap:4px}.room-screen .lobby-member.selected{border-color:var(--accent);background:#d4fa6808}.room-screen .member-select{gap:8px}.room-screen .member-select>span:last-child{min-width:0}.room-screen .member-select strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.room-screen .member-select small{font-size:8px}.room-screen .member-select .jersey-preview{width:32px;height:35px}.room-screen .member-tools{grid-column:1/-1;justify-content:end}.room-screen .assistant-toggle{font-size:8px;padding:4px;min-height:25px}.room-screen .empty-team{display:none}.room-empty-slot{display:flex;align-items:center;gap:10px;height:40px;color:#758078;font-size:10px;border:1px dashed #ffffff12;border-radius:7px;margin:5px 0;padding:8px}.room-empty-slot>span{width:25px;height:25px;display:grid;place-items:center;background:#ffffff04;border-radius:50%}.room-screen .add-bot{margin:0;border:0;border-top:1px solid #ffffff14;border-radius:0 0 12px 12px;padding:12px;color:var(--muted);font-size:11px}.room-pitch-panel{padding:16px;background:var(--panel);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column}.pitch-preview-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px}.pitch-preview-caption strong{color:var(--accent);letter-spacing:1px}.pitch-preview-caption span{color:var(--muted);font-size:9px}.room-pitch-preview{width:100%;max-height:170px;margin:12px 0;background:#15261e;border-radius:7px}.match-score-overlay.live .earned-reward{display:none}.match-view .compact-mvps article>b{font-size:20px}.match-view .match-score-overlay .result-heading{height:auto;min-height:0;padding:0;gap:12px}.match-view .match-score-overlay.live .result-heading{display:flex;align-items:center;justify-content:space-between}.match-view .match-score-overlay .compact-stats td,.match-view .match-score-overlay .compact-stats th{padding:6px 5px;font-size:10px}.match-view .match-score-overlay .compact-stats td:first-child small{display:inline;margin-left:4px}.match-view .match-score-overlay .compact-mvps article{padding:8px 12px}.match-view .compact-mvps article{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:3px}.match-view .compact-mvps article>small{grid-area:1/1}.match-view .compact-mvps article>strong{grid-area:2/1}.match-view .compact-mvps article>b{grid-area:1/2/3/3;align-self:center}.match-view .compact-mvps article>span{grid-column:1/-1}.match-view .match-score-overlay.final[data-player-count="1"] .score-overlay-card,.match-view .match-score-overlay.final[data-player-count="2"] .score-overlay-card,.match-view .match-score-overlay[data-player-count="1"] .score-overlay-card,.match-view .match-score-overlay[data-player-count="2"] .score-overlay-card{width:min(840px,100%)}.match-view .match-score-overlay.final .score-overlay-card>footer{margin:0;padding:6px 0 0;min-height:0;flex:none}.room-pitch-preview circle,.room-pitch-preview path,.room-pitch-preview rect{fill:none;stroke:#d9ebd575;stroke-width:3}.room-pitch-preview>rect:first-child{fill:#2c533c}.room-pitch-preview.theme-night{background:#172236}.room-pitch-preview.theme-night>rect:first-child{fill:#2d3c56}.room-pitch-preview.theme-sand{background:#493d2b}.room-pitch-preview.theme-sand>rect:first-child{fill:#947b51}.room-pitch-preview .preview-player.red{fill:var(--red);stroke:#2a2d2b}.room-pitch-preview .preview-player.blue{fill:var(--blue);stroke:#2a2d2b}.room-pitch-preview .preview-ball{fill:#fff;stroke:#25342c}.room-pitch-preview text{fill:#182324;font:800 18px Manrope,sans-serif;text-anchor:middle}.room-primary-action{margin-top:auto;text-align:center}.room-primary-action .primary{width:100%;min-height:44px;display:flex;justify-content:space-between;align-items:center}.room-primary-action small{display:block;font-size:9px;color:var(--muted);margin-top:9px}.room-summary{border:1px solid var(--border);border-radius:12px;padding:16px;background:#ffffff02}.room-summary h2{font-size:17px;margin:0 0 13px}.room-summary dl{margin:0;font-size:10px}.room-summary dl>div{display:flex;justify-content:space-between;gap:8px;padding:5px 0}.room-summary dt{color:var(--muted)}.room-summary dd{margin:0;text-align:right;overflow-wrap:anywhere}.room-spectators{margin:12px 0;border:1px solid var(--border);border-radius:9px;background:var(--panel)}.room-spectators>summary{padding:12px 16px;cursor:pointer;font-size:11px}.room-spectators>summary b{color:var(--accent);margin:0 10px}.room-spectators>summary small{color:var(--muted);font-size:9px}.room-spectators .column-spectator{min-height:0;border:0}.room-spectators .room-team-heading{display:none}.room-spectators .member-list{display:flex;flex-wrap:wrap;gap:8px}.room-spectators .lobby-member{width:min(260px,100%)}.room-configuration{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:14px 18px;border:1px solid var(--border);border-radius:10px;background:var(--panel)}.room-setting{display:flex;align-items:center;gap:12px;font-size:10px}.room-setting>span{color:var(--muted)}.room-stepper{display:flex;align-items:center;gap:4px}.room-stepper button{width:28px;min-height:30px;font-size:17px;background:#ffffff08;border-radius:5px}.room-stepper output{min-width:40px;text-align:center;font-size:12px}.room-configuration fieldset{padding:0;margin:0;border:0;display:flex;gap:4px;align-items:center}.room-configuration legend{float:left;margin-right:10px;color:var(--muted);font-size:10px}.room-configuration fieldset button{padding:7px 9px;min-height:30px;border:1px solid transparent;border-radius:5px;font-size:10px;background:#ffffff05}.room-configuration button[aria-pressed=true]{color:var(--accent);border-color:#d4fa6860;background:#d4fa6812}.room-lower-area{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px;margin-top:16px}.room-chat-slot .room-chat{margin:0;border-radius:10px;height:100%}.room-chat-slot .chat-messages{height:145px;max-height:145px}.room-chat-slot .chat-preferences{font-size:9px}.room-chat-slot .chat-toggle{min-height:38px}.room-records{min-width:0;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--panel)}.room-records>nav{display:flex;border-bottom:1px solid var(--border);padding:6px;gap:3px;overflow-x:auto}.room-records>nav button{padding:8px;min-height:32px;font-size:10px;white-space:nowrap;border-radius:5px;color:var(--muted)}.room-records>nav button[aria-selected=true]{color:var(--accent);background:#d4fa6810}.room-records>[role=tabpanel]{height:230px;padding:12px;overflow:auto}.room-records .recent-matches{margin:0;padding:0;border:0;background:transparent}.room-records .recent-matches h2{display:none}.room-records .recent-matches ol{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 8px;margin:0}.room-records .recent-matches li{flex:0 0 calc(50% - 5px);min-width:190px;display:flex;flex-direction:column;gap:7px;align-items:start;border:1px solid #ffffff18;border-radius:8px;padding:14px;scroll-snap-align:start;font-size:10px}.recent-mode{color:var(--accent);font-size:9px}.room-records .recent-matches li strong{font-size:22px}.room-records p{color:var(--muted);font-size:11px}.room-leaders{overflow-x:auto}.room-leaders table{width:100%;border-collapse:collapse;font-size:11px}.room-leaders td,.room-leaders th{text-align:left;padding:8px 5px;border-bottom:1px solid #ffffff0d}.room-leaders th{color:var(--muted);font-weight:500;font-size:9px}.room-podium td:last-child{color:var(--accent);font-weight:800}.room-activity{padding:0;list-style:none;margin:0}.room-activity li{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);padding:9px 0;border-bottom:1px solid #ffffff0b}.room-activity i{width:5px;height:5px;background:#d4fa6877;border-radius:50%;flex:0 0 5px}.room-activity b{color:var(--text);font-weight:600}.room-activity time{margin-left:auto;font-size:9px;white-space:nowrap}.game-dialog{width:min(660px,calc(100vw - 24px));max-height:calc(var(--kb-vh, 100dvh) - 28px);padding:24px;margin:auto;border-radius:16px;border:1px solid var(--border);background:var(--panel);color:var(--text);overflow:auto}.game-dialog::backdrop{background:#080c10c9;backdrop-filter:blur(6px)}.game-dialog>header{height:auto;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.game-dialog h2{margin:0;font:800 28px Barlow Condensed,sans-serif}.game-dialog>header button{font-size:24px;width:36px;height:36px}.game-dialog p,.game-dialog small{font-size:11px;line-height:1.6;color:var(--muted)}.game-dialog label{display:block;font-size:12px;margin:16px 0}.game-dialog input[type=password]{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:7px;padding:12px;margin-top:8px}.room-lock-toggle{display:flex!important;gap:10px;align-items:center;padding:14px;background:#ffffff05;border-radius:8px}.dialog-actions{display:flex;gap:10px;margin:18px 0}.invite-tabs{display:flex;gap:7px;border-bottom:1px solid var(--border);padding-bottom:12px}.invite-tabs button{min-height:38px;padding:8px 14px;font-size:12px;border-radius:6px}.invite-tabs button[aria-selected=true]{background:#d4fa6814;color:var(--accent)}.room-invite-list{list-style:none;padding:0}.room-invite-list li{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #ffffff13}.room-invite-list li>span:nth-child(2){flex:1}.room-invite-list strong{display:block;font-size:12px}.room-invite-list small{display:flex;align-items:center;gap:6px;font-size:10px;margin-top:5px}.room-invite-list img{border-radius:7px;object-fit:cover}.invite-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#d4fa6820;color:var(--accent);font-size:11px}.room-invite-list button{font-size:10px}.invitation-stack{position:fixed;top:20px;right:20px;z-index:80;display:grid;gap:10px;max-height:calc(100dvh - 40px);overflow:auto}.incoming-invitation{width:min(360px,calc(100vw - 24px));padding:18px;background:#242b2cf2;border:1px solid #d4fa6855;border-radius:12px;box-shadow:0 15px 50px #0007;backdrop-filter:blur(14px)}.incoming-invitation header{display:flex;align-items:center;justify-content:space-between;font-size:13px}.incoming-invitation time{color:var(--accent);font-variant-numeric:tabular-nums}.incoming-invitation p{font-size:12px;line-height:1.6;color:var(--muted)}.incoming-invitation>div{display:flex;gap:8px}.incoming-invitation button{min-height:36px;font-size:11px;padding:8px 13px}.match-view .scoreboard.stadium-hud{flex-basis:68px;height:68px;min-height:68px;grid-template-columns:minmax(100px,190px) auto minmax(100px,190px);grid-template-rows:30px 24px;justify-content:center;align-content:center;gap:0 18px;padding:5px 10px}.match-view .scoreboard.stadium-hud .clock{display:flex;align-items:center;justify-content:center;gap:9px;font-size:17px}.hud-golden{color:#e9cf70;font-size:9px;padding:3px 6px;background:#e9cf7014;border-radius:4px;letter-spacing:.5px}.network-badge{display:flex;align-items:center;gap:5px;font-size:9px;padding:0 7px;color:#a2c781;position:relative;white-space:nowrap}.network-badge.moderate{color:#e3c76f}.network-badge.poor{color:#ff987e}.network-badge.unknown{color:var(--muted)}.network-badge small{position:absolute;top:36px;right:0;background:#252a2ee8;color:#e3c76f;border:1px solid #e3c76f33;border-radius:5px;padding:5px 8px;font-size:9px}.match-view .match-score-overlay{display:flex;align-items:center;justify-content:center;padding:16px;background:#0c121780}.match-view .match-score-overlay .score-overlay-card,.match-view .match-score-overlay.final .score-overlay-card{height:auto;width:min(1000px,100%);max-height:calc(100% - 10px);overflow:auto;flex:none;padding:18px;gap:10px;border:1px solid #ffffff24;background:#20292be8;backdrop-filter:blur(16px)}.match-view .match-score-overlay .compact-stats,.match-view .match-score-overlay.final .compact-stats{flex:none;overflow:auto;max-height:min(35dvh,300px)}.match-view .match-score-overlay.final .compact-mvps,.match-view .match-score-overlay.live .compact-mvps{display:flex;gap:8px;justify-content:center;flex-wrap:nowrap}.match-view .compact-mvps article{flex:1 1 0;max-width:260px;min-width:0;padding:10px;gap:4px;border:1px solid #ffffff16;border-radius:9px;background:#ffffff03}.match-view .compact-mvps article:first-child{border-color:#d4fa6855;background:#d4fa6809}.match-duration-summary{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;padding:7px;font-size:10px;color:var(--muted)}.match-duration-summary b{color:var(--text);margin-left:5px}.match-view .mobile-result-score{display:block;font-size:12px;margin:8px 0 0}@media (max-width:1450px) and (min-width:801px){.room-main-composition{grid-template-columns:minmax(210px,1fr) minmax(260px,1.4fr) minmax(210px,1fr)}.room-summary{grid-column:1/-1;padding:12px 16px;display:flex;gap:22px;align-items:start}.room-summary h2{flex:0 0 95px;margin:3px 0 0}.room-summary dl{display:flex;flex-wrap:wrap;gap:5px 17px}.room-summary dl>div{gap:7px}}@media (max-width:800px){.room-view>.hub-top{height:auto;min-height:62px;flex-wrap:wrap;gap:12px;padding-block:12px}.room-view{padding:0 12px}.room-commandbar{flex-wrap:wrap;gap:10px;margin-bottom:18px}.room-commandbar h1{font-size:27px}.room-code{order:3;margin:0}.room-connection{order:4;margin-left:auto}.room-commandbar>.room-invite-button{margin-left:auto}.room-commandbar>.outline{font-size:10px;padding:8px}.room-team-tools{flex-wrap:wrap}.room-team-tools>small{width:100%;margin:4px 0}.room-main-composition{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.room-pitch-panel{grid-column:1/-1;grid-row:2}.room-screen .column-red{grid-column:1;grid-row:1}.room-screen .column-blue{grid-column:2;grid-row:1}.room-summary{grid-column:1/-1}.room-summary dl{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.room-screen .team-heading span{font-size:18px}.room-team-heading{padding:9px;gap:4px}.room-screen .team-heading{flex-wrap:wrap;gap:0}.room-screen .team-heading small{width:100%;margin:0;text-align:left}.room-screen .member-select{flex-wrap:wrap}.room-screen .lobby-column{min-height:230px}.room-configuration{gap:12px;padding:14px}.room-configuration .room-setting{justify-content:space-between;flex:1 1 120px}.room-configuration fieldset{width:100%;flex-wrap:wrap}.room-configuration legend{min-width:84px}.room-lower-area{grid-template-columns:1fr}.room-spectators>summary small{display:none}.room-records>[role=tabpanel]{height:220px}.invitation-stack{top:10px;right:10px}.game-dialog{padding:18px}}@media (any-pointer:coarse),(max-height:500px){.match-view .scoreboard.stadium-hud{flex-basis:58px;height:58px;min-height:58px;grid-template-columns:minmax(90px,150px) auto minmax(90px,150px);grid-template-rows:25px 20px;gap:0 12px}.match-view .scoreboard.stadium-hud .clock{font-size:14px}.match-view .compact-mvps article{padding:6px 9px}.match-view .compact-mvps article>strong{font-size:11px}.match-view .compact-mvps article>b{font-size:15px}.match-view .compact-mvps article>span{font-size:8px}.match-view .compact-mvps .earned-reward{display:none}.match-view .match-score-overlay .compact-stats{max-height:28dvh}.match-view .match-score-overlay .score-overlay-card{padding:10px}}.room-approved-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 210px;gap:14px;align-items:stretch}.room-approved-grid>.room-configuration{grid-column:1/4;grid-row:1}.room-approved-grid>.column-red{grid-column:1;grid-row:2}.room-approved-grid>.room-spectator-card{grid-column:2;grid-row:2}.room-approved-grid>.column-blue{grid-column:3;grid-row:2}.room-approved-grid>.room-summary{grid-column:4;grid-row:2}.room-approved-grid .room-configuration{background:linear-gradient(110deg,#252b35,#20252d);gap:12px;padding:12px;justify-content:space-between}.room-approved-grid .room-setting{gap:7px;font-size:11px}.room-approved-grid .room-configuration fieldset{gap:3px}.room-approved-grid .room-configuration legend{font-size:11px;margin-right:7px}.room-approved-grid .room-configuration fieldset button{font-size:11px;padding:7px}.room-approved-grid .room-configuration .room-theme{background:#ffffff04;color:#b8c1bc;border-color:#ffffff12}.room-approved-grid .room-configuration .room-theme[aria-pressed=true]:before{content:"✓ "}.room-approved-grid .room-configuration .theme-classic[aria-pressed=true]{background:#31513b;border-color:#8cba75;color:#e4ffd5}.room-approved-grid .room-configuration .theme-night[aria-pressed=true]{background:#293b60;border-color:#859cda;color:#e2ebff}.room-approved-grid .room-configuration .theme-sand[aria-pressed=true]{background:#655239;border-color:#c6a877;color:#fff0d2}.room-approved-grid>.lobby-column,.room-spectator-card{min-height:330px}.room-approved-grid>.column-red{background:linear-gradient(180deg,#492b30,#262123 150px)}.room-approved-grid>.column-blue{background:linear-gradient(180deg,#233a58,#1b2533 150px)}.room-spectator-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--border);border-radius:12px;background:#20252e;position:relative}.room-spectator-card>.column-spectator{display:contents}.room-spectator-card .room-team-heading{order:0;padding-inline:13px}.room-spectator-card .room-team-heading:before{content:"♧";color:var(--muted);font-size:23px}.room-spectator-card .team-heading span{font-size:20px;color:#d4ddd7}.room-spectator-card .member-list{order:2;flex:1;min-height:100px}.room-spectator-card .room-team-tools{order:3;justify-content:center;margin:0;padding:10px;border-bottom:1px solid #ffffff09}.room-spectator-card .room-primary-action{order:4;margin-top:0;padding:12px}.room-spectator-card .room-primary-action small{display:none}.room-approved-grid .room-summary{display:block;min-width:0;padding:15px;background:#222832}.room-approved-grid .room-summary h2{font-size:18px;margin:0 0 12px}.room-approved-grid .room-summary dl{display:block;font-size:11px}.room-approved-grid .room-summary dl>div{padding:6px 0;border-bottom:1px solid #ffffff05}.room-approved-grid .room-summary dt{flex:1}.room-approved-grid .room-summary dd{max-width:100px}.room-title-line{display:flex;align-items:center;gap:8px}.room-rename{padding:7px;color:var(--muted);background:transparent;font-size:19px}.room-code{position:relative;display:flex;gap:9px}.room-code small{position:absolute;top:100%;right:0;padding:4px;color:var(--accent)}.room-screen .room-lower-area{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.room-screen .room-records>[role=tabpanel]{height:230px}.room-screen .room-leaders td,.room-screen .room-leaders th,.room-screen .room-records [role=tab]{font-size:11px}.room-screen .room-leaders .podium-1 td:first-child{color:#e4c774}.room-screen .room-leaders .podium-2 td:first-child{color:#c4d1d9}.room-screen .room-leaders .podium-3 td:first-child{color:#c8946f}@media (max-width:1150px) and (min-width:801px){.room-approved-grid{grid-template-columns:repeat(3,minmax(0,1fr)) 185px;gap:10px}.room-approved-grid .room-configuration{gap:10px 20px;justify-content:start}.room-screen .room-approved-grid .team-heading span{font-size:18px}.room-screen .room-approved-grid .team-heading{flex-wrap:wrap}.room-screen .room-approved-grid .team-heading small{margin-left:0}}@media (max-width:800px){.room-approved-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.room-approved-grid>.room-summary{grid-column:1/-1;grid-row:3}.room-approved-grid .room-summary dl{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.room-screen .room-lower-area{grid-template-columns:1fr}}@media (max-width:600px){.room-approved-grid{display:flex;flex-direction:column}.room-approved-grid>.room-configuration{order:0}.room-approved-grid>.column-red{order:1}.room-approved-grid>.room-spectator-card{order:2}.room-approved-grid>.column-blue{order:3}.room-approved-grid>.room-summary{order:4}.room-approved-grid>.lobby-column,.room-spectator-card{min-height:220px}.room-approved-grid .room-configuration{align-items:stretch;gap:14px}.room-approved-grid .room-configuration fieldset{width:100%}.room-approved-grid .room-setting{flex:1 1 125px;justify-content:space-between}.room-approved-grid .room-configuration legend{min-width:90px}}.compact-club{padding:22px;min-width:0}.compact-club>.eyebrow{margin-top:0}.compact-club h2{margin:10px 0 18px}.compact-club .social-list{padding:0}.compact-club .social-list li{min-width:0;flex-wrap:wrap}.join-requests{padding:12px;margin-block:12px;border:1px solid var(--border);border-radius:8px}.join-requests>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:7px 0}.join-requests>div>span{flex:1}.join-requests button{color:var(--accent);padding:6px}.room-approved-grid>.room-summary{grid-row:1/3}.room-features-title{text-align:center;width:100%;font-size:14px;margin:0 0 2px;color:#dfe7e1}.room-theme-thumbnail{width:100%;max-height:98px;display:block;margin:0 0 12px;border-radius:6px;background:#294835;color:#a1bd9c}.room-theme-thumbnail.theme-night{background:#263651;color:#95accb}.room-theme-thumbnail.theme-sand{background:#766247;color:#dfcbaa}.room-theme-thumbnail circle,.room-theme-thumbnail path,.room-theme-thumbnail rect{fill:none;stroke:currentColor;stroke-width:1}.room-screen .room-team-heading{position:relative;justify-content:center;padding:14px 48px;min-height:65px}.room-screen .room-team-heading .team-heading{justify-content:center;text-align:center}.room-screen .room-team-heading .team-jersey-trigger{position:absolute;right:11px;top:12px}.room-spectator-card .room-team-heading:before{display:none}.room-screen .lobby-member{display:flex;align-items:center;gap:8px;padding:6px 8px;min-height:48px}.room-screen .member-select{flex:1;display:flex;align-items:center;min-width:0}.room-screen .member-select>span:last-child{text-align:left}.room-screen .lobby-member>.guest-tag,.room-screen .lobby-member>.player-link,.room-screen .member-tools{flex:0 0 auto;margin-left:auto}.room-screen .member-tools{display:flex;width:auto;gap:4px}.room-screen .member-tools select{width:78px;min-width:0;padding:5px;font-size:11px}.room-screen .member-shirt{width:34px;height:38px;flex:0 0 34px}.room-screen .member-shirt .jersey-svg{display:block;width:34px;height:38px}.room-screen .assistant-toggle{max-width:72px}.room-code{flex-direction:column;align-items:center;padding:8px 10px;gap:4px}.room-code .room-copy-hint{position:static;padding:0;font-size:9px;color:var(--muted);opacity:.65}.room-chat{position:relative}.room-chat .chat-toggle{padding-right:92px}.room-chat .chat-icon-preferences{position:absolute;top:5px;right:8px;display:flex;gap:4px;border:0;padding:0;background:transparent}.room-chat .chat-icon-preferences button{width:30px;height:30px;padding:5px;color:#79827e;opacity:.65;background:transparent;border:1px solid transparent;border-radius:6px}.room-chat .chat-icon-preferences button.is-on{color:var(--accent);opacity:1}.room-chat .chat-icon-preferences button:focus-visible{border-color:var(--accent)}.room-chat .chat-private-error{color:#f2b78d;padding:7px 12px;margin:0;font-size:11px}@media (max-width:800px){.room-approved-grid>.room-summary{grid-row:3}}.party-entry-actions{display:flex;flex-wrap:wrap;gap:10px;padding:14px 0;background:none;border:0}.party-entry-actions>.eyebrow,.party-entry-actions>h2{display:none}.party-entry-actions>p{flex-basis:100%}.room-screen .room-team-heading .team-heading span{text-align:center}.room-screen .lobby-member>.profile-link{margin-left:auto;flex-shrink:0}@media (min-width:801px){.room-approved-grid>.room-summary{align-self:stretch}}.room-screen .team-disc-preview{position:absolute;left:12px;top:17px;width:34px;height:34px}.room-screen .team-disc-preview .jersey-svg{width:34px;height:34px;display:block}.room-screen .room-team-heading{padding-inline:78px;min-height:75px}.room-screen .room-team-heading .team-jersey-trigger{width:78px;height:54px;top:10px;right:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#bdc9c1}.team-jersey-trigger small{font-size:10px;white-space:nowrap}.room-screen .room-team-heading .team-heading span{font-size:21px}.room-lock-button{color:#afc3b5;padding:8px;background:transparent}.room-lock-button.locked{color:var(--accent)}.room-approved-grid .room-configuration legend,.room-approved-grid .room-setting{font-size:13px}.room-approved-grid .room-configuration fieldset button{font-size:12px;padding:8px 9px}.room-approved-grid .room-configuration .room-theme[aria-pressed=true]:before{content:none}.room-features-title{font-size:16px}.room-approved-grid .room-summary dl{font-size:12px}.room-approved-grid .room-summary dl>div{padding-block:7px}.room-screen .member-select strong{font-size:12px}.room-screen .member-select small,.room-screen .member-tools select{font-size:11px}.room-thumbnail-frame{height:110px;display:grid;place-items:center;margin-bottom:12px}.room-thumbnail-frame .room-theme-thumbnail{margin:0;max-height:110px}.room-theme-thumbnail circle,.room-theme-thumbnail path,.room-theme-thumbnail rect{stroke-width:4}.room-theme-thumbnail .rush-preview-lines{stroke-dasharray:14 11;opacity:.65}.room-spectator-card .room-primary-action .primary{width:min(190px,100%);min-height:40px;margin-inline:auto;justify-content:center;font-size:14px}.room-chat-slot .room-chat{display:flex;flex-direction:column}.room-chat-slot .chat-messages{flex:1;min-height:130px;max-height:210px}.room-chat-slot .room-chat form{margin:0;padding:8px 10px}.room-chat-slot .room-chat form input{font-size:13px}.room-chat-slot .room-chat .chat-messages p{font-size:12px}.room-chat-slot .room-chat .chat-heading{font-size:14px;cursor:default}.room-chat-slot .chat-hidden{flex:1;padding:12px;margin:0;font-size:12px}@media (max-width:1150px) and (min-width:801px){.room-screen .room-team-heading{padding-inline:64px}.room-screen .room-team-heading .team-heading span{font-size:17px}.room-screen .room-team-heading .team-jersey-trigger{width:63px}.team-jersey-trigger small{font-size:9px}.room-screen .team-disc-preview{left:7px;width:28px}.room-screen .team-disc-preview .jersey-svg{width:28px}}.jersey-mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 12px;padding:0;border:0}.jersey-mode-options legend{margin-bottom:6px}.jersey-mode-options button{padding:8px;border:1px solid #ffffff26;border-radius:6px}.jersey-mode-options button[aria-pressed=true]{background:#cfff691c;border-color:#cfff69;color:#d7ff8c}.team-jersey-editor .jersey-editor-row{flex-wrap:wrap}.team-jersey-editor .jersey-editor-row>label{flex:0 1 140px}.jersey-pattern-preview{display:flex;align-items:center;gap:8px}.jersey-pattern-preview .outline{width:34px;min-height:34px;margin:0;padding:0;font-size:22px}.team-jersey-editor .jersey-colors{flex-wrap:wrap;align-items:end}.jersey-primary-picker{position:relative}.jersey-primary-picker summary{display:grid;gap:7px;color:#a7b8b5;font-size:10px;cursor:pointer;list-style:none}.jersey-primary-picker summary::-webkit-details-marker{display:none}.jersey-color-swatch{width:48px;height:30px;border:1px solid #53685b;box-shadow:inset 0 0 0 3px #20252d;border-radius:5px}.jersey-primary-palette{position:absolute;z-index:1;bottom:calc(100% + 8px);left:0;display:flex;gap:7px;margin:0;padding:8px;border:1px solid #53685b;border-radius:8px;background:#20252d}.jersey-primary-palette button{width:28px;height:28px;margin:3px 0;border:1px solid #ffffff50;border-radius:5px}.jersey-primary-palette button[aria-pressed=true]{outline:2px solid #eaffbd;outline-offset:2px}.jersey-dialog-actions{display:flex;justify-content:center;gap:8px;margin-top:12px}.lobby-jerseys .jersey-dialog-actions>button{width:min(112px,45%);min-height:42px;margin:0;padding:8px 12px;font-size:12px}.hub-page-nav .nav-logout.page-nav-link{color:#ff6269}.hub-page-nav .nav-logout.page-nav-link:is(:hover,:focus-visible){color:#ffa1a5}.avatar-page-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.avatar-page-title button{min-width:44px;min-height:44px}.avatar-pattern-controls{display:flex;justify-content:center;align-items:center;gap:12px}.avatar-pattern-controls .team-avatar-preview{margin:0}.avatar-pattern-controls button{min-width:40px}.team-avatar-form .avatar-pattern-select{width:min(100%,12rem);justify-self:center}.team-avatar-editor>.avatar-save{display:block;width:min(100%,12rem);margin:16px auto}.lobby-jerseys .jersey-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px}.lobby-jerseys .jersey-colors>details{margin:0;min-width:0}.lobby-jerseys .jersey-colors summary{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:8px;height:48px;padding:6px 10px;border:1px solid #53685b;border-radius:8px;font-size:13px;color:var(--text)}.lobby-jerseys .jersey-color-swatch{box-sizing:border-box;flex:none}.lobby-jerseys .jersey-dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,112px))}.lobby-jerseys .jersey-dialog-actions>button{width:100%}.lobby-jerseys .jersey-primary-palette{position:static;margin-top:6px;display:grid;grid-template-columns:repeat(3,28px);width:max-content}@media (max-width:400px){.lobby-jerseys .jersey-colors{grid-template-columns:1fr}}.shop-pack{padding:22px;border:1px solid #8e7938;border-radius:14px;background:radial-gradient(ellipse at top right,#74632c55,transparent 65%),#24333a}.shop-pack>span{color:#ffdb7a;font-size:2rem;text-shadow:0 0 20px #ffd56a80}.club-badge-picker{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.club-badge-picker button[aria-pressed=true]{border-color:var(--accent)}.member-touch-drag{display:none}@media (any-pointer:coarse){.lobby-member .member-touch-drag{display:inline-grid;place-items:center;width:44px;min-height:44px;padding:0;touch-action:none;cursor:grab}.lobby-column.touch-drop-target{outline:2px solid var(--accent);outline-offset:-2px}}.shop-pack-icon{width:68px;height:68px;filter:drop-shadow(0 0 14px #ffc65860)}.shop-pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),215px));gap:12px}.shop-pack.shop-pack-card{display:grid;align-content:start;gap:10px;padding:14px;border-color:var(--pack-edge,#8e7938);background:radial-gradient(ellipse at top right,var(--pack-glow,#74632c55),transparent 75%),#20292e}.shop-pack-card[data-pack=premium]{--pack-edge:#628ca1;--pack-glow:#4e819c66}.shop-pack-card[data-pack=elite]{--pack-edge:#9a75b1;--pack-glow:#8d53a666}.shop-pack-card[data-pack=ultimate]{--pack-edge:#d39158;--pack-glow:#c5723d77}.shop-pack-art{display:block;width:min(100%,120px);height:auto;margin-inline:auto;filter:drop-shadow(0 10px 10px #0007)}.shop-pack-heading,.shop-pack-odds li{display:flex;align-items:center;justify-content:space-between;gap:8px}.shop-pack-heading h3{margin:0;font-size:17px}.shop-pack-heading button{padding:4px 9px;min-height:32px}.shop-pack.shop-pack-offer{grid-template-rows:auto auto minmax(1em,1fr) auto;align-content:stretch}.shop-pack-offer .shop-pack-quota{grid-row:3;align-self:end}.shop-pack-offer .shop-card-price{grid-row:4;min-height:42px}.shop-pack-offer .shop-pack-heading button{flex:none}.shop-pack-odds{list-style:none;padding:0}.shop-pack-odds li{padding:7px 0;border-bottom:1px solid var(--border)}.shop-promo-trigger{justify-self:start}.reward-kit,.shop-reward-art{width:min(100%,180px);height:96px;justify-self:center}.reward-kit{align-items:center;justify-content:center}.shop-pack-odds-table{width:100%;border-collapse:collapse}.shop-pack-odds-table :is(th,td){text-align:start;padding:8px 5px;border-bottom:1px solid var(--border)}.shop-pack-odds-table :is(th,td):not(:first-child){text-align:end;white-space:nowrap}.pack-reveal{position:relative;display:grid;place-items:center;min-height:175px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at center,#c8f28c26,transparent 70%)}.pack-reveal-wrapper{position:absolute;pointer-events:none;animation:kmt-pack-open .68s ease-in-out both}.pack-reveal-prize{display:grid;justify-items:center;gap:5px;text-align:center;animation:kmt-prize-in .36s ease-out .56s both}.pack-reveal-prize small{color:var(--muted)}@keyframes kmt-pack-open{0%{transform:rotate(-6deg) scale(.82)}35%{transform:rotate(7deg) scale(1)}55%{transform:rotate(-5deg) scale(1.04);filter:brightness(1.45)}75%{transform:rotate(0) scale(1.12);filter:brightness(2.6);opacity:1}to{transform:translateY(-65px) scaleX(1.38) scaleY(.2);opacity:0}}@keyframes kmt-prize-in{0%{transform:translateY(12px) scale(.85);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion:reduce){.pack-reveal-wrapper{display:none}.pack-reveal-prize{animation:none}}.match-view .scoreboard.stadium-hud{flex-basis:104px;height:104px;min-height:104px;grid-template-columns:minmax(160px,270px) auto minmax(160px,270px);grid-template-rows:43px 28px 20px;gap:0 25px}.match-view .scoreboard.stadium-hud>div{font-size:28px;font-weight:800;letter-spacing:.5px}.match-view .scoreboard.stadium-hud>strong{font-size:39px}.match-view .scoreboard.stadium-hud .clock{grid-area:2/1/3/4;font-size:23px;font-weight:800}.match-view .scoreboard.stadium-hud>.hud-golden{grid-area:3/1/4/4;justify-self:center;font-size:12px;line-height:18px;padding:0 9px}.match-room-overlay{position:absolute;inset:12px;z-index:40;overflow:auto;padding:25px 20px 12px;background:#0d171b35;border:1px solid #d4e9df30;border-radius:12px;backdrop-filter:blur(3px)}.match-room-close{position:absolute;right:15px;top:7px;color:#e2e9df;z-index:2;background:#111a2380;padding:5px 9px;border-radius:5px}.match-room-overlay .room-screen{padding:0}.match-room-overlay .room-commandbar{margin-bottom:10px}.match-room-overlay .room-approved-grid{grid-template-columns:repeat(3,minmax(0,1fr)) 190px;gap:10px}.match-room-overlay .room-approved-grid .room-configuration,.match-room-overlay .room-approved-grid>.lobby-column,.match-room-overlay .room-chat,.match-room-overlay .room-records,.match-room-overlay .room-spectator-card,.match-room-overlay .room-summary{background:#14251da8;box-shadow:none}.match-room-overlay .room-approved-grid>.lobby-column,.match-room-overlay .room-spectator-card{min-height:240px}.match-room-overlay .room-team-heading{padding-block:8px;min-height:63px}.match-room-overlay .room-lower-area{margin-top:10px}.match-room-overlay .room-records>[role=tabpanel]{height:155px}.match-room-overlay .room-chat .chat-messages{min-height:70px;max-height:100px}.match-room-overlay .room-summary dl>div{padding-block:4px}.match-room-overlay .room-thumbnail-frame{height:65px}.match-room-overlay .room-thumbnail-frame .room-theme-thumbnail{max-height:65px}.match-room-overlay .room-team-tools{display:none}.room-live-controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.room-live-controls .end-match,.room-spectator-card .room-live-controls .primary{width:auto;min-width:100px;padding:9px 12px;font-size:12px;margin:0}.member-ping{display:flex;gap:3px;align-items:center;color:#aac2a6;font-size:10px;white-space:nowrap}.room-screen .lobby-member:has(>.member-ping){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px}.room-screen .lobby-member>.member-select{grid-row:1/3}.room-screen .lobby-member>.member-ping{grid-column:2;justify-self:end}.team-table-overlay{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:#07121945}.team-table-card{width:min(940px,100%);max-height:100%;overflow:auto;border:1px solid #c1d9da40;border-radius:10px;background:#14202bbd;backdrop-filter:blur(12px);padding:16px}.team-table-card>header{height:auto;min-height:35px;font-size:12px;gap:10px;margin-bottom:16px}.team-table-card>header strong{margin-left:auto;font-size:17px}.team-table-card>header button{font-size:24px;padding:2px 10px}.team-table-side{display:grid;grid-template-columns:135px minmax(0,1fr);gap:20px;padding:16px;border-radius:7px;border:1px solid #ffffff15}.team-table-side+.team-table-side{margin-top:20px}.team-table-side.side-0{background:linear-gradient(100deg,#9f504d70,#522d3470)}.team-table-side.side-1{background:linear-gradient(100deg,#4e729c80,#293a6570)}.team-table-identity{text-align:center;align-self:center}.team-table-identity .jersey-svg{width:55px;height:55px}.team-table-identity h2{font:700 21px Barlow Condensed,sans-serif;margin:5px 0}.team-table-identity>b{font-size:30px}.team-table-scroll{overflow:auto}.team-table-scroll table{width:100%;border-collapse:collapse;font-size:14px}.team-table-scroll th{font-size:12px;text-align:center;color:#e3ece5;padding:7px 12px;border-bottom:1px solid #ffffff40;white-space:nowrap}.team-table-scroll th:first-child{text-align:left;width:60%}.team-table-scroll td{padding:10px 12px;text-align:center;border-bottom:1px solid #ffffff10}.team-table-scroll td:first-child{text-align:left}.team-table-scroll td small{margin-left:6px;opacity:.65;font-size:10px}.team-table-hint{display:block;text-align:center;margin-top:12px;color:#bac9c3;font-size:10px}@media (max-width:800px){.match-room-overlay{inset:5px;padding:30px 10px 10px}.match-room-overlay .room-approved-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.match-view .scoreboard.stadium-hud{flex-basis:88px;height:88px;min-height:88px;grid-template-columns:minmax(85px,180px) auto minmax(85px,180px);grid-template-rows:35px 25px 18px;gap:0 12px}.match-view .scoreboard.stadium-hud>div{font-size:23px}.match-view .scoreboard.stadium-hud>strong{font-size:31px}.match-view .scoreboard.stadium-hud .clock{font-size:19px}.team-table-overlay{padding:8px}.team-table-card{padding:10px}.team-table-side{grid-template-columns:85px minmax(0,1fr);gap:8px;padding:10px}.team-table-side+.team-table-side{margin-top:12px}.team-table-identity h2{font-size:16px}.team-table-scroll td,.team-table-scroll th{padding:7px;font-size:11px}}@media (max-height:500px){.match-view .scoreboard.stadium-hud{flex-basis:77px;height:77px;min-height:77px;grid-template-rows:30px 23px 17px}.match-view .scoreboard.stadium-hud>div{font-size:22px}.match-view .scoreboard.stadium-hud>strong{font-size:30px}.match-view .scoreboard.stadium-hud .clock{font-size:18px}.team-table-side{padding:8px}.team-table-identity .jersey-svg{width:30px;height:30px}.team-table-identity>b{font-size:20px}.team-table-side+.team-table-side{margin-top:8px}}