:root{--bg: #07110a;--panel: rgba(8, 16, 11, .82);--line: rgba(255, 255, 255, .12);--gold: #f0c14b;--red: #e23b3b;--blue: #3b7bff;--text: #eef6ee;--muted: #9bb39d;--ok: #3ad07a;--green: #2fb257;--green-2: #1f8a3d;--surface: rgba(16, 32, 21, .72);--surface-2: #112218;--surface-3: #183322;--field: #0b1810;--line-2: rgba(255, 255, 255, .2);--ease: cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);overflow:hidden;-webkit-user-select:none;user-select:none}#app{position:relative;width:100%;height:100%}#game{display:block;width:100%;height:100%;touch-action:none;outline:none}#hud{position:absolute;inset:0;pointer-events:none}#hud.hidden,#touch.hidden{display:none}.scoreboard{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;color:#f2f5ef;filter:drop-shadow(0 4px 12px rgba(0,0,0,.32));transition:opacity .6s ease-in-out}.scoreboard.under{opacity:.28}.sb-phase{position:relative;display:flex;align-items:center;height:18px;padding:1px 12px 0;border-radius:5px 5px 0 0;background:#0c1510;font-size:9.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.scoreboard{--sb-gap: 5px}.sb-phase:after{content:"";position:absolute;left:0;right:0;top:100%;height:var(--sb-gap);background:inherit}.sb-main{display:flex;align-items:center;width:min(470px,92vw);height:46px}.team{flex:1;min-width:0;height:36px;display:flex;align-items:center;color:#fff;font-family:var(--font-body);font-size:14px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;box-shadow:inset 0 1px #ffffff29}.team.red{justify-content:flex-end;padding:0 16px 0 22px;background:#c22d2d;clip-path:polygon(14px 0,100% 0,100% 100%,0 100%)}.team.blue{justify-content:flex-start;padding:0 22px 0 16px;background:#2a5fcf;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 100%,0 100%)}.team span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-score{position:relative;z-index:1;display:flex;align-items:center;height:46px;padding:0 12px;border-radius:5px;background:#0c1510;color:#fff;box-shadow:inset 0 1px #ffffff12,0 0 0 1px #00000059}.sb-score b{min-width:34px;padding-top:3px;text-align:center;border-radius:3px;font-family:var(--font-display);font-size:30px;font-weight:400;line-height:1}.sb-score i{width:8px;height:2px;margin:0 2px;border-radius:1px;background:#ffffff73}.sb-score b.pop{animation:sb-pop 1.1s var(--ease)}.sb-score b.red.pop{--pop: #c22d2d}.sb-score b.blue.pop{--pop: #2a5fcf}@keyframes sb-pop{0%,35%{background:var(--pop);color:#fff}to{background:transparent;color:inherit}}.clock{display:flex;align-items:center;justify-content:center;min-width:100px;height:28px;padding:0 12px;border-radius:0 0 5px 5px;background:#142019;box-shadow:inset 0 1px #00000073}.clock span{font-family:var(--font-body);font-size:20px;font-weight:800;letter-spacing:.03em;font-variant-numeric:tabular-nums}.scoreboard.last-min .sb-phase{color:#ffc4c4}.sb-phase.goal{height:22px;padding:1px 14px 0;color:#fff;font-family:var(--font-display);font-weight:400;font-size:15px;letter-spacing:.1em;text-shadow:0 1px 2px rgba(0,0,0,.35);animation:phase-goal .45s cubic-bezier(.2,1.5,.35,1)}.sb-phase.goal.red{background:#c22d2d}.sb-phase.goal.blue{background:#2a5fcf}@keyframes phase-goal{0%{transform:scale(.6)}to{transform:none}}.sb-row{display:grid;grid-template-columns:56px minmax(0,1fr) 56px;width:min(380px,84vw);height:26px;margin-top:4px;border-radius:4px;overflow:hidden;color:#fff}.sb-row .v{display:flex;align-items:center;justify-content:center;min-width:0;padding-top:1px;font-family:var(--font-display);font-size:16px;font-weight:400;line-height:1}.sb-row .v.red{background:#c22d2d}.sb-row .v.blue{background:#2a5fcf}.sb-row .lab{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;background:#0c1510e0;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.poss-pop{margin-top:6px;opacity:0;transform:translateY(-8px);transition:opacity .4s ease,transform .4s ease}.poss-pop.on{opacity:1;transform:none}.poss-pop .poss-bar{position:absolute;left:10px;right:10px;bottom:3px;height:3px;border-radius:2px;box-shadow:none;background:#ffffff1f}.poss-pop .poss-bar i.r:after{top:-2px;bottom:-2px;width:2px;right:-1px;box-shadow:none}.poss-pop .lab small{margin-top:-3px;font-size:inherit}.sb-recap{display:none;flex-direction:column;align-items:center;margin-top:6px}.sb-recap.on{display:flex;animation:sb-recap-in .38s var(--ease) both}.sb-recap.off{display:flex;animation:sb-recap-out .35s ease both}@keyframes sb-recap-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes sb-recap-out{to{opacity:0;transform:translateY(-6px)}}.sb-recap>small{padding:2px 12px 1px;border-radius:4px 4px 0 0;background:#0c1510e0;font-size:9.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.sb-recap>small+.sb-row{margin-top:0}.sb-row.g{grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);width:min(430px,88vw)}.sb-row.g .v{gap:6px;padding:1px 10px 0;font-family:var(--font-body);font-size:12.5px;font-weight:800;letter-spacing:.02em}.sb-row.g .v.red{justify-content:flex-end}.sb-row.g .v.blue{justify-content:flex-start}.sb-row.g .v.none{background:#0c1510e0}.sb-row.g .v b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:inherit}.sb-row.g .v small{flex:none;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;opacity:.8}.sb-row.g .v small{display:inline-flex;align-items:center;gap:3px}.sb-row.g .v small .ico{width:12px;height:12px;flex:none;filter:brightness(0) invert(1);opacity:.85}.sb-row.g .v small.og{font-style:italic}.sb-row.g .lab{font-family:var(--font-display);font-size:14px;font-weight:400;letter-spacing:.04em}.poss-bar,.recap-compare .cmp-bar{display:flex;border-radius:999px;background:#0000004d;box-shadow:0 0 0 1px #ffffff29}.poss-bar{flex:1;height:12px}.poss-bar i,.cmp-bar i{display:block;height:100%;min-width:3px}.poss-bar i.r,.cmp-bar i.r{position:relative;flex:0 1 50%;background:#ee7a7a;border-radius:999px 0 0 999px}.poss-bar i.r{transition:flex-basis .7s cubic-bezier(.2,.8,.2,1)}.poss-bar i.b,.cmp-bar i.b{flex:1 1 auto;background:#7ea3f4;border-radius:0 999px 999px 0}.poss-bar i.r:after,.cmp-bar i.r:after{content:"";position:absolute;right:-1.5px;top:-4px;bottom:-4px;width:3px;border-radius:2px;background:#fff;box-shadow:0 0 3px #0000008c;z-index:1}.cmp-bar i.r:after{top:-3px;bottom:-3px;width:2px;right:-1px}.poss-bar.solo i,.cmp-bar.solo i{border-radius:999px}.poss-bar.solo i.r:after,.cmp-bar.solo i.r:after{display:none}.poss-bar i[hidden],.cmp-bar i[hidden]{display:none}.minimap{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--hint-h, 32px) + 22px);pointer-events:none;opacity:.88}.minimap.hidden{display:none}#hud.mini-on .live-chat{bottom:calc(var(--hint-h, 32px) + 32px + var(--mini-h, 100px))}@media(prefers-reduced-motion:reduce){.poss-pop,.poss-bar i.r{transition:none}}.clock.last-min{background:#7a1717}.clock.last-min span{color:#fff;animation:last-min 1.6s ease-in-out infinite}.clock.last-min small{color:#ffc4c4;border-left-color:#ffffff3d}.clock.last-ten span{animation-duration:.6s}@keyframes last-min{50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.clock.last-min span{animation:none}}.practice-bots{pointer-events:auto;position:absolute;left:16px;top:58px;display:flex;flex-direction:column;align-items:stretch;gap:6px;width:max-content}.practice-bots.hidden{display:none}.practice-bots button{padding:6px 10px;font-size:12px}.practice-bots span{min-width:16px;text-align:center;font-weight:700;color:var(--gold)}.practice-bots .bots-ctl{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0}.bot-step{display:inline-flex;align-items:center;gap:6px;padding:3px 4px 3px 10px;border-radius:999px;background:#08100bc7;border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 12px #00000040}.bot-step .dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.bot-step.mate .dot{background:#ff5d5d;box-shadow:0 0 6px #ff5d5d99}.bot-step.foe .dot{background:#5b8dff;box-shadow:0 0 6px #5b8dff99}.bot-step em{flex:1;font-style:normal;font-size:12px;font-weight:800;letter-spacing:.04em;color:#dbe7dc;margin-right:2px}.bot-step b{min-width:14px;text-align:center;font-variant-numeric:tabular-nums;color:var(--gold);font-size:14px}.practice-bots .bot-step .step{width:26px;height:26px;padding:0;border-radius:50%;display:grid;place-items:center;font-size:17px;font-weight:800;line-height:1}.practice-bots .bot-step .step:disabled{opacity:.32;cursor:default}body.touch-on .practice-bots .bot-step .step{width:32px;height:32px}.practice-bots .bots-ctl.hidden{display:none}.practice-bots .pmode-btn{display:flex;align-items:center;gap:6px;height:34px;padding:0 10px 0 9px;font-weight:700;border-radius:999px;background:#08100bc7;border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 12px #00000040}.practice-bots .pmode-btn:hover{background:#0e1a12e6;border-color:#fff3}#hud .practice-bots .pmode-btn{--lift: 0px}.practice-bots .pmode-btn b{flex:1;text-align:left}.pmode-btn .i{opacity:.9}.pmode-btn small{color:var(--muted);font-weight:600;font-size:11px}.pmode-btn b{color:var(--gold)}#pmenu{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:16px;background:#040a066b}.pm-wrap{width:min(1120px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:clamp(18px,2.4vw,28px);border-radius:22px;background:#0c1a11;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px #0000008c}.pm-head{position:relative;margin-bottom:clamp(14px,2vw,22px);padding-right:44px}.pm-head h2{margin:0;font:400 clamp(28px,3.2vw,38px)/1.05 var(--font-display);color:var(--gold);letter-spacing:.01em}.pm-head p{margin:6px 0 0;color:var(--muted);font-size:clamp(13px,1.1vw,15px)}.pm-x{position:absolute;top:-4px;right:-4px;width:36px;height:36px;padding:0;border-radius:10px;font-size:15px}.pm-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:clamp(14px,1.8vw,20px)}.pm-esc{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;font-weight:600}.pm-esc kbd{font-size:11px;padding:2px 7px;border-radius:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#eef6ee}.pm-leave{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;font-weight:700}.pm-leave:hover{border-color:#ff786e99;color:#ffb3ab}.pm-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(10px,1.4vw,16px)}.pm-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;padding:clamp(16px,1.8vw,22px);border-radius:18px;min-height:clamp(190px,22vw,240px);background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:var(--text);cursor:pointer;transition:transform .12s ease,border-color .12s ease,background-color .12s ease}.pm-card:hover,.pm-card:focus-visible{transform:translateY(-2px);border-color:#f0c14b99;background:#f0c14b12;outline:none}.pm-card.on{border-color:#f0c14bbf}.pm-ico{width:60px;height:60px;border-radius:16px;display:grid;place-items:center;margin-bottom:4px}.pm-match .pm-ico{background:#e23b3b29;color:#ff8f86}.pm-free .pm-ico{background:#3fd07a26;color:#6fe39b}.pm-keeper .pm-ico{background:#3b7bff29;color:#8fb6ff}.pm-shoot .pm-ico{background:#f0c14b26;color:#f3cd6b}.pm-cross .pm-ico{background:#a878ff29;color:#c4a5ff}@media(max-width:980px)and (min-width:721px){.pm-card{min-height:0}}@media(max-width:980px)and (min-width:721px)and (min-height:600px){.pm-grid{grid-template-columns:repeat(2,1fr)}}.pm-card b{font:400 clamp(22px,2.2vw,27px)/1.1 var(--font-display);letter-spacing:.01em}.pm-text{color:#eef6eec7;font-size:clamp(13px,1.1vw,14.5px);line-height:1.45;flex:1}.pm-tip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--gold)}.pm-tip kbd{font-size:11px;padding:1px 6px;border-radius:5px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#eef6ee}@media(max-width:720px){.pm-grid{grid-template-columns:1fr}.pm-card{min-height:0;flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:14px}.pm-ico{width:48px;height:48px;margin:0}.pm-text,.pm-tip{flex-basis:100%}}.practice-info{pointer-events:none;position:absolute;left:16px;top:100px;width:250px;padding:11px 13px 12px;border-radius:14px;font-size:12.5px;line-height:1.45;background:#08100bb3;border:1px solid rgba(255,255,255,.08)}.practice-info.hidden{display:none}.practice-info.right{left:auto;right:16px}.practice-info b.pi-title{display:block;font:400 17px/1.2 Pickball Display,sans-serif;color:var(--gold);margin-bottom:4px}.practice-info p{margin:0;color:#eef6eeb8}.practice-info .pi-key{display:flex;align-items:center;gap:8px;margin-top:8px;font-weight:700}.practice-info .pi-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:8px 0 6px;text-align:center}.practice-info .pi-stats span{display:grid;padding:5px 2px;border-radius:9px;background:#ffffff0d;font-size:10.5px;color:#eef6eea8}.practice-info .pi-stats i{font-style:normal;font-size:17px;font-weight:800;color:#eef6ee}.practice-info .pi-now{font-weight:800;font-size:14px}.practice-info .pi-side{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:6px 0 2px}.practice-info .pi-side button{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:6px;padding:5px 6px;border-radius:9px;font-size:11.5px;font-weight:800;color:#eef6eeb3;background:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.practice-info .pi-side button:before{content:"";width:9px;height:9px;border-radius:50%;flex:none}.practice-info .pi-side button.blue:before{background:#3b7bff}.practice-info .pi-side button.red:before{background:#e23b3b}.practice-info .pi-side button.on{color:#fff;border-color:#f0c14bb3;background:#f0c14b1a}.practice-info .pi-now.save,.practice-info .pi-now.good{color:#5fe08c}.practice-info .pi-now.goal,.practice-info .pi-now.bad{color:#ff8a80}.practice-info .pi-now.wide{color:#eef6eeb3}.practice-info .pi-now small{font-weight:600;font-size:11.5px;color:#eef6ee99;margin-left:6px}.hint .kb.hidden{display:none}.stamina-wrap{position:absolute;left:16px;bottom:16px;width:196px;display:grid;gap:9px;padding:10px 12px 11px;border-radius:14px;background:#08100b9e;border:1px solid rgba(255,255,255,.07)}.meter-head{display:flex;align-items:center;gap:7px;margin-bottom:5px}.meter-head span{font-size:11px;font-weight:700;letter-spacing:.14em;color:#cfe0d0}.meter-head b{margin-left:auto;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--muted);font-variant-numeric:tabular-nums}.meter-head b.ready{color:var(--gold);text-shadow:0 0 8px rgba(240,193,75,.55)}.stamina-wrap kbd,.hint kbd{font-size:9.5px;padding:1px 5px;min-width:18px;border-radius:5px;line-height:14px;background:#ffffff14;border-color:#ffffff2e;color:#eef6ee}.stamina{height:7px;border-radius:99px;background:#00000073;overflow:hidden}.stamina:after{content:"";display:block;height:100%;width:var(--w, 100%);border-radius:99px;background:var(--c, #3ad07a);box-shadow:0 0 8px var(--c, #3ad07a);will-change:width}.slide-bar:after{background:#6ec8e8;box-shadow:none}.slide-bar.ready:after{background:var(--gold);box-shadow:0 0 8px #f0c14b99}.touch-btns button.wait{opacity:.42}.netstat{position:absolute;right:16px;top:86px;font-size:12px;color:var(--muted)}.netstat.debug{right:auto;left:50%;top:78px;transform:translate(-50%);z-index:5;white-space:pre;text-align:center;line-height:1.45;color:#e8f3e8;padding:6px 10px;border-radius:10px;background:#08100bd1}.match-feed{pointer-events:none;position:absolute;right:16px;top:110px;width:min(220px,34vw);padding:8px 10px;border-radius:12px;background:#08100b52;border:1px solid rgba(255,255,255,.07);font-size:12px;line-height:1.35;opacity:.78;text-shadow:0 1px 2px rgba(0,0,0,.75)}.match-feed.hidden{display:none}.match-feed-title{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:6px}.match-feed ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.ico{width:1.05em;height:1.05em;display:inline-block;vertical-align:-.18em;flex:0 0 auto;object-fit:contain}.ico-ball,.ico-boot{filter:none}.match-feed li{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}.match-feed li b{font-size:13px}.match-feed li.red b{color:#ff8a8a}.match-feed li.blue b{color:#9cbcff}.match-feed li small{color:var(--muted);font-size:11px;flex:1 1 100%}.match-feed li em{margin-left:auto;font-style:normal;font-weight:700;color:#d5e4d6}.recap{margin-top:16px;padding:18px 18px 14px;border-radius:16px;border:1px solid var(--line);background:#00000047}.recap-head{text-align:center;margin-bottom:14px}.recap-kicker{display:block;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.recap-scoreline{display:flex;align-items:center;justify-content:center;gap:16px;margin:6px 0 2px}.recap-scoreline .side{flex:1;font-weight:800;font-size:14px;letter-spacing:.08em;text-transform:uppercase}.recap-scoreline .side.red{text-align:right;color:#ff8a8a}.recap-scoreline .side.blue{text-align:left;color:#9cbcff}.recap-head .recap-score{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:400;font-size:44px;line-height:1}.recap-head .recap-score i{font-style:normal;color:var(--muted);font-size:30px}.recap-result{margin:4px 0 0;color:#dfe9e0;font-weight:700;font-size:14px}.recap.win-red .recap-result{color:#ff9b9b}.recap.win-blue .recap-result{color:#a9c4ff}.recap-compare{list-style:none;margin:0 auto 6px;padding:0;max-width:520px;display:flex;flex-direction:column;gap:9px}.recap-compare li{display:grid;grid-template-columns:56px 1fr 56px;align-items:center;row-gap:4px}.recap-compare li>span:not(.cmp-bar){text-align:center;font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.04em}.recap-compare b{font-family:var(--font-display);font-weight:400;font-size:18px;line-height:1;opacity:.75}.recap-compare b.red{color:#ff8a8a;text-align:left}.recap-compare b.blue{color:#9cbcff;text-align:right}.recap-compare b.lead{opacity:1}.recap-compare .cmp-bar{grid-column:1 / -1;height:7px;margin-top:2px}.recap-sub{display:flex;align-items:center;gap:6px;margin:16px 0 8px;padding-top:12px;border-top:1px solid var(--line);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.recap-goalcols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.recap-goalcols>div{padding:8px 10px;border-radius:12px;background:#ffffff08;border:1px solid var(--line);min-width:0}.recap-goalcols>.red{border-color:#e23b3b4d}.recap-goalcols>.blue{border-color:#3b7bff4d}.recap-goalcols h5{margin:0 0 6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.recap-goalcols .red h5{color:#ff8a8a}.recap-goalcols .blue h5{color:#9cbcff}.recap-goalcols ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.recap-goalcols li{display:grid;grid-template-columns:1fr auto;column-gap:8px;align-items:baseline}.recap-goalcols li .who{display:inline-flex;align-items:center;gap:5px;font-weight:700;min-width:0;overflow-wrap:anywhere}.recap-goalcols li small{grid-column:1;color:var(--muted);font-size:12px;display:inline-flex;align-items:center;gap:4px}.recap-goalcols li em{grid-column:2;grid-row:1;font-style:normal;font-weight:700;color:#d5e4d6;font-variant-numeric:tabular-nums}.recap-goalcols li .og{font-style:normal;font-size:10.5px;font-weight:800;color:#ffcf6b;border:1px solid rgba(255,207,107,.4);border-radius:6px;padding:0 5px}.recap-goalcols li.none{color:var(--muted)}.recap-nogoal{margin:0;text-align:center;color:var(--muted)}.recap-board tr.team-row th{padding:8px 6px 4px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.recap-board tr.team-row.red th{color:#ff8a8a}.recap-board tr.team-row.blue th{color:#9cbcff}.recap-board td.hot{color:var(--gold);font-weight:800}@media(max-width:560px){.recap{padding:14px 12px 12px}.recap-head .recap-score{font-size:36px}.recap-scoreline{gap:10px}.recap-scoreline .side{font-size:12px}.recap-goalcols{grid-template-columns:1fr}}.recap.win-red{border-color:#e23b3b73}.recap.win-blue{border-color:#3b7bff73}.recap-score{font-size:28px}.recap-score .red{color:#ff6b6b}.recap-score .blue{color:#7ea6ff}.recap-goals{margin:0 0 12px;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.recap-goals li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}.recap-goals li.red span{color:#ff8a8a;font-weight:700}.recap-goals li.blue span{color:#9cbcff;font-weight:700}.recap-goals small{color:var(--muted)}.recap-goals em{margin-left:auto;font-style:normal;font-weight:700}.recap-board{width:100%;border-collapse:collapse;font-size:13px}.recap-board th{text-align:left;color:var(--muted);font-weight:600;padding:4px 6px;white-space:nowrap}.recap-board th{vertical-align:middle}.recap-board th .ico{margin-right:4px}.recap-goals li span,.match-feed li b,.goal-banner small{display:inline-flex;align-items:center;gap:5px}.recap-board td{padding:5px 6px;border-top:1px solid var(--line)}.recap-board tr.red td:first-child{color:#ff8a8a}.recap-board tr.blue td:first-child{color:#9cbcff}.ping-badge{display:inline-flex;align-items:center;justify-content:center;min-width:36px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em;background:#0a0a0a;border:1px solid #2a2a2a;color:#c8d4c8}.ping-badge.ok{color:#3ad07a;border-color:#3ad07a73}.ping-badge.mid{color:#f0c14b;border-color:#f0c14b66}.ping-badge.bad{color:#ff6b6b;border-color:#e23b3b80}.hud-ping{pointer-events:none;align-self:center;margin-right:4px;min-width:48px;padding:6px 10px;font-size:12px;background:#08100bd1;border:1px solid var(--line)}.gecko .card,.gecko .chat.chat-dock,.gecko .hud-ping,.gecko .zooms button,.gecko .hud-nav button,.gecko #hud-settings,.gecko #btn-menu,.gecko .match-feed,.gecko .recap{-webkit-backdrop-filter:none;backdrop-filter:none;background:#08100bf0}.gecko .match-feed{background:#08100b61}.gecko #game{transform:translateZ(0)}.gecko #overlay.play:empty{display:none}.gecko .goal-banner{animation-name:goal-pop-ff}@keyframes goal-pop-ff{0%{transform:translate(-50%) scale(.35);opacity:0}22%{transform:translate(-50%) scale(1.14);opacity:1}to{transform:translate(-50%) scale(1);opacity:1}}.zooms{pointer-events:auto;position:absolute;left:16px;top:16px;display:flex;gap:6px}.zooms button{width:32px;height:32px;padding:0;border-radius:8px;font-size:14px;background:#08100bbf}.zooms button.on{border-color:var(--gold);color:var(--gold)}.hud-nav{pointer-events:auto;position:absolute;right:16px;top:14px;display:flex;gap:6px}.hud-nav button{padding:6px 10px;font-size:12px;background:#08100bbf}.hud-nav button.on{border-color:var(--gold);color:var(--gold)}#hud-settings{pointer-events:auto;position:absolute;right:16px;top:52px;width:min(480px,94vw);max-height:min(74vh,600px);overflow:auto;padding:16px 18px;border-radius:14px;z-index:6;background:#08100bf0;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#hud-settings.hidden{display:none}.build-mark{position:absolute;left:16px;bottom:6px;font-size:11px;letter-spacing:.04em;color:var(--muted);opacity:.72}.build-foot{margin:22px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:clamp(12.5px,.35vw + 8.5px,14px);line-height:1.75;letter-spacing:.02em;color:#b3c6b5;text-align:center}.hint{position:absolute;right:16px;bottom:12px;max-width:calc(100vw - 260px);display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 12px;padding:6px 10px;border-radius:12px;background:#08100b8c;font-size:11px;color:var(--muted);opacity:.85}.hint .kb{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.hint .kb-show{display:none}.hint.collapsed{padding:4px 8px;opacity:.55}.hint.collapsed .kb{display:none}.hint.collapsed .kb-show{display:inline-flex}.hint em{font-style:normal;margin-left:3px;font-size:13px;color:#c8d8c8}.live-chat{position:absolute;left:50%;bottom:58px;transform:translate(-50%);width:min(460px,64vw);max-height:206px;overflow:hidden;pointer-events:none;display:flex;flex-direction:column;gap:3px;padding:9px 13px 10px;border-radius:16px;background:#08100b57;border:1px solid rgba(255,255,255,.07);font-size:16px;line-height:1.35;font-weight:600;color:#eef6ee;text-align:left;text-shadow:0 1px 2px rgba(0,0,0,.65);transition:opacity .6s ease,background-color .6s ease}.live-chat:empty{display:none}.live-chat.idle{opacity:.55;background:#08100b33}.live-chat>div{overflow-wrap:anywhere}.live-chat b{font-weight:800;margin-right:4px}.live-chat .t1 b{color:#ff8f86}.live-chat .t2 b{color:#8fb6ff}.live-chat .t0 b{color:#b9cbb9}.live-chat .sys{color:var(--gold);font-weight:700}.live-chat-in{pointer-events:auto;position:absolute;left:50%;bottom:16px;transform:translate(-50%);width:min(460px,64vw);text-align:left;padding:9px 14px;font-size:16px;background:#08100bb8;border:1px solid rgba(255,255,255,.12);border-radius:12px}.live-chat-in.hidden{display:none}.mention-pick{position:fixed;z-index:60;max-width:min(320px,calc(100vw - 32px));padding:4px;background:var(--surface-2);border:1px solid rgba(255,255,255,.14);border-radius:10px;box-shadow:0 8px 24px #00000073;font-size:15px}.mention-pick.hidden{display:none}.mention-opt{padding:6px 10px;border-radius:7px;cursor:pointer;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-opt b{color:var(--gold)}.mention-opt.on,.mention-opt:hover{background:var(--surface-3)}.live-chat,.live-chat-in{width:clamp(280px,34vw,540px);font-size:clamp(13px,.42vw + 9px,17.5px)}.live-chat{max-height:clamp(126px,27vh,240px);bottom:calc(var(--hint-h, 32px) + 22px)}.live-chat-in{bottom:14px;z-index:3}.hint{gap:4px clamp(8px,.75vw,14px);padding:5px clamp(8px,.7vw,12px)}.hint em{font-size:clamp(11px,.4vw + 7.8px,14.5px)}.hint em.or{margin:0 3px;opacity:.6}.hint{max-width:calc(100vw - 244px)}.hint kbd{font-size:clamp(9px,.18vw + 7px,11px);line-height:clamp(13px,.25vw + 10.5px,16px)}#overlay{position:absolute;inset:0;overflow:auto;scrollbar-gutter:stable both-edges}#overlay:not(.play):not(:has(>.panel-wrap.on-pitch)){background:#07110a}#overlay.play{pointer-events:none;background:transparent;overflow:hidden}#overlay.play .panel-wrap{display:none}.panel-wrap{min-height:100%;display:grid;place-items:center;padding:28px 24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 700' preserveAspectRatio='xMidYMid slice' fill='none' stroke='%23fff' stroke-opacity='.05' stroke-width='2.4'%3E%3Crect x='24' y='24' width='1152' height='652' rx='8'/%3E%3Cpath d='M600 24v652M24 200h170v300H24M1176 200h-170v300h170M24 280h60v140H24M1176 280h-60v140h60'/%3E%3Ccircle cx='600' cy='350' r='110'/%3E%3Ccircle cx='600' cy='350' r='4' fill='%23fff' fill-opacity='.05'/%3E%3Cpath d='M194 290a70 70 0 0 1 0 120M1006 290a70 70 0 0 0 0 120'/%3E%3C/svg%3E") center / cover no-repeat fixed,radial-gradient(900px 520px at 18% -8%,rgba(47,178,87,.22),transparent 60%) fixed,radial-gradient(800px 480px at 100% 110%,rgba(240,193,75,.08),transparent 60%) fixed,linear-gradient(180deg,#08160d,#07110a 45%,#040a06) fixed}.card{width:min(1080px,100%);background:linear-gradient(180deg,#14281bcc,#08120cd6);border:1px solid var(--line);border-radius:22px;padding:26px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 30px 80px #0006,inset 0 1px #ffffff0f}.card.room-card{width:min(1240px,100%)}.brand{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.brand-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.langsel{display:inline-flex;gap:2px;padding:3px;background:#0000004d;border:1px solid var(--line);border-radius:11px}.langsel button{padding:7px 13px;font-size:12px;letter-spacing:.08em;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted)}.langsel button:hover{color:var(--text)}.langsel button.on{background:#f0c14b24;border-color:#f0c14b73;color:var(--gold)}.tabs{display:flex;gap:4px;margin:0 0 22px;padding:5px;background:#0000004d;border:1px solid var(--line);border-radius:16px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs-wrap{position:relative;margin:0 0 22px;min-width:0;max-width:100%}.tabs-wrap .tabs{margin:0}.tabs-wrap:before,.tabs-wrap:after{content:"";position:absolute;top:1px;bottom:1px;width:44px;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:1}.tabs-wrap:before{left:1px;border-radius:15px 0 0 15px;background:linear-gradient(90deg,#0a140df2,#0a140d00)}.tabs-wrap:after{right:1px;border-radius:0 15px 15px 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0c14b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") right 8px center / 16px 16px no-repeat,linear-gradient(90deg,#0a140d00,#0a140df5 60%)}.tabs-wrap.more-left:before,.tabs-wrap.more-right:after{opacity:1}.tabs button{flex:1 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid transparent;border-radius:12px;white-space:nowrap;background:transparent;color:var(--muted);font-size:14px}.panel-wrap .tabs button:hover:not(.on){color:var(--text);background:#ffffff0d;border-color:transparent}.tabs button.on{background:linear-gradient(180deg,#f0c14b33,#f0c14b14);border-color:#f0c14b73;color:var(--gold);box-shadow:inset 0 1px #ffffff0f}.tabs button .i{flex:0 0 auto}.tabpane{display:none}.tabpane.on{display:block}.tabpane.enter{animation:pane-in .22s var(--ease)}@keyframes pane-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.need-auth{min-height:260px;display:grid;place-content:center;justify-items:center;text-align:center;gap:18px;padding:28px 16px}.need-ico{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:var(--gold);background:#f0c14b1a;border:1px solid rgba(240,193,75,.3)}.need-auth p{margin:0;font-size:20px;font-weight:600;line-height:1.45;max-width:22em;color:var(--text)}.auth-tabs{display:flex;gap:4px;margin:0 0 18px;padding:4px;background:#00000042;border:1px solid var(--line);border-radius:14px}.auth-tabs button{flex:1;padding:11px 14px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);font-size:14px}.auth-tabs button:hover{color:var(--text);background:#ffffff0a}.auth-tabs button.on{background:#2e8c4638;border-color:#3a6a42;color:var(--text)}.auth-pane{display:none}.auth-pane.on{display:block}.stats tr.you td{color:var(--gold)}.pane-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.pane-head label{margin-bottom:8px}.rooms-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px}.search{position:relative;flex:1 1 200px;min-width:160px}.search .i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search input{width:100%;padding-left:38px}.icon-btn{display:inline-flex;align-items:center;gap:7px}.pane-h{margin:0 0 14px;font-family:var(--font-display);font-size:26px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;gap:10px}.pane-title{margin:0 0 12px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.muted{color:var(--muted);font-size:12px}.join-box{display:grid;grid-template-columns:auto 120px minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:16px;padding:12px 14px;border-radius:16px;background:#00000038;border:1px dashed var(--line-2)}.join-box input{min-width:0;width:100%}.join-label{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--gold);white-space:nowrap}.code-in{text-transform:uppercase;letter-spacing:.24em;font-weight:800;text-align:center}.code-in::placeholder{letter-spacing:.02em;font-weight:500}.checks{display:flex;gap:18px;flex-wrap:wrap}.check{display:flex;align-items:center;gap:7px;margin:0;font-size:14px;color:var(--text)}.check input{width:auto;accent-color:#46c265}.help{display:grid;grid-template-columns:1fr 1fr;gap:26px}.help-intro{margin:0 0 18px;font-size:15px;line-height:1.65;color:#d5e6d6}.help .muted{font-size:14px;color:#b9cdbb}.help h3{margin:0 0 12px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.keys{display:grid;grid-template-columns:auto 1fr;gap:10px 14px;margin:0;align-items:center}.keys dt{display:flex;gap:4px;flex-wrap:wrap}.keys dd{margin:0;font-size:14px;color:#cfe0d0}kbd{font:inherit;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--text);background:#16261a;border:1px solid var(--line);border-bottom-width:2px;border-radius:7px;padding:4px 8px;min-width:26px;text-align:center}.tips{margin:0;padding-left:18px;font-size:14px;line-height:1.6;color:#cfe0d0}.tips li{margin-bottom:9px}.tips b{color:var(--text)}@media(max-width:760px){.help{grid-template-columns:1fr}}.logo{font-family:var(--font-display);font-weight:400;font-size:44px;letter-spacing:.01em;margin:0;line-height:1}.emblem{flex:0 0 auto;display:block;filter:drop-shadow(0 8px 16px rgba(0,0,0,.45))}.room-brand{display:flex;align-items:center;gap:14px;min-width:0}.room-card .logo{font-size:36px}.logo em{color:var(--gold);font-style:normal}.room-code{display:inline-flex;align-items:center;gap:6px}.copy-code{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:8px;background:#ffffff0f;border:1px solid var(--line);color:var(--muted)}.copy-code svg{width:14px;height:14px;display:block}.copy-code:hover{color:var(--text);border-color:#f0c14b73}.copy-code.on{color:var(--gold);border-color:#f0c14b8c}.sub{color:var(--muted);margin:4px 0 0}.row{display:flex;gap:12px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}@media(max-width:760px){.grid{grid-template-columns:1fr}.hint{display:none}.sb-main{height:38px}.scoreboard{--sb-gap: 1px}.team{font-size:12px;letter-spacing:.12em}.sb-score b{font-size:23px;min-width:28px}.logo{font-size:34px}}label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}label b{color:var(--text);font-weight:600}input,select,button,textarea{font:inherit;color:var(--text);background-color:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:11px 12px;outline:none;transition:background-color .15s,border-color .15s,box-shadow .15s,transform .12s var(--ease),color .15s,filter .15s}input,select,textarea{background-color:var(--field)}input::placeholder{color:#9bb39db3}input:focus,select:focus,textarea:focus{border-color:#2fb257bf;box-shadow:0 0 0 3px #2fb2572e}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.panel-wrap button:not(:disabled):hover{border-color:var(--line-2);background-color:var(--surface-3)}.panel-wrap button:not(:disabled):active{transform:translateY(1px)}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:40px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1.5 1.75 6 6.25l4.5-4.5' fill='none' stroke='%239bb39d' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px 8px}select:hover{background-color:#142315}select option{background:#101c13;color:var(--text)}button{cursor:pointer;font-weight:700}button.primary{background:linear-gradient(180deg,#34b85c,#1f8a3d);border-color:#4fd176;color:#fff;box-shadow:0 6px 18px #1f8a3d4d,inset 0 1px #ffffff2e}.panel-wrap button.primary:not(:disabled):hover{background:linear-gradient(180deg,#3cc766,#22963f);border-color:#6ee08f;box-shadow:0 8px 24px #1f8a3d6b,inset 0 1px #ffffff38}button.ghost{background:transparent}button.danger{background:#7a1f1f;border-color:#c24747}.panel-wrap button.danger:not(:disabled):hover{background:#8e2626;border-color:#e05a5a}button.red{background:#8a2424}button.blue{background:#1d3f8a}button:disabled{opacity:.45;cursor:default}.rooms{display:flex;flex-direction:column;gap:8px;max-height:min(460px,50vh);overflow:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(155,179,157,.45) transparent}.rooms::-webkit-scrollbar{width:8px}.rooms::-webkit-scrollbar-thumb{background:#9bb39d66;border-radius:99px}.rooms::-webkit-scrollbar-track{background:transparent}.room{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:12px 14px 12px 18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#ffffff0a,#ffffff03);transition:border-color .15s,transform .15s var(--ease),background .15s}.room:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--green);opacity:0;transition:opacity .15s}.room:not(.empty):hover{border-color:var(--line-2);transform:translateY(-1px);background:linear-gradient(180deg,#ffffff0f,#ffffff05)}.room:not(.empty):hover:before{opacity:1}.room.live:before{background:var(--red);opacity:.85}.room-main{min-width:0}.room-name .i{color:var(--muted);flex:0 0 auto}.room-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-cap{display:flex;flex-direction:column;gap:6px;min-width:86px}.room-cap span{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--muted)}.room-cap b{color:var(--text)}.room-cap i{display:block;height:5px;border-radius:99px;background:#ffffff14;overflow:hidden}.room-cap em{display:block;height:100%;border-radius:99px;background:var(--green)}.room.full .room-cap em{background:var(--red)}.room button{padding:9px 18px}.room.empty{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:38px 16px;color:var(--muted);border-style:dashed;background:transparent}.room.empty .i{opacity:.6}.room b,.room-name{display:flex;align-items:center;gap:8px}.room-name .flag{width:22px;height:16px;flex:0 0 auto}.room small{color:var(--muted)}.room-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:4px}.room-tags span{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;background:#ffffff0f;border:1px solid transparent}.region{display:inline-flex;align-items:center;gap:5px}.region em{font-style:normal;font-weight:700;letter-spacing:.04em}.flag{display:inline-block;width:18px;height:13px;border-radius:2px;object-fit:cover;vertical-align:-2px;box-shadow:0 0 0 1px #00000047}.room-layout{display:grid;grid-template-columns:minmax(200px,240px) minmax(0,1fr) minmax(200px,240px);gap:12px;align-items:start}.room-layout.live{grid-template-columns:1fr}.setup{margin:0;padding:10px;border:1px solid var(--line);border-radius:14px;background:#0b160f}.setup.red{border-color:#e23b3b52}.setup.blue{border-color:#3b7bff52}.teams{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.col{border:1px solid var(--line);border-radius:14px;padding:10px;min-height:160px;background:#0b160f;transition:border-color .15s,background .15s}.col.drag-over{border-color:var(--gold);background:#f0c14b14}.col h3{margin:0 0 8px;font-size:13px;letter-spacing:.08em;display:flex;align-items:center;justify-content:space-between;gap:8px}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:#ffffff1a;color:var(--text);font-size:12px;font-weight:800;letter-spacing:0}.col.red .count-badge{background:#e23b3b47;color:#ffd0d0}.col.blue .count-badge{background:#3b7bff47;color:#d4e2ff}.kit-no{flex:0 0 auto;min-width:20px;text-align:center;font-family:var(--font-display);font-weight:800;font-size:14px;color:#fff}.col.red h3{color:#ff8b8b}.col.blue h3{color:#9cbcff}.plist{margin:0;padding:0;list-style:none}.plist li{display:flex;align-items:center;gap:8px;padding:6px 8px;font-size:14px;border-radius:8px}.plist .pname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.plist li small{color:var(--muted);font-size:11px;letter-spacing:.04em}.plist li.empty{opacity:.5;justify-content:center}.plist li[draggable=true]{cursor:grab}.plist li[draggable=true]:active{cursor:grabbing}.plist .you{color:var(--gold)}.plist .guard{outline:1px solid rgba(240,193,75,.18)}.setup-head{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin:0 0 5px;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.setup-head span,.setup-head b{white-space:nowrap}.setup-head b{color:var(--text);font-size:10px;letter-spacing:.01em;text-transform:none;font-weight:700}.setup-hint{margin:6px 0 5px;font-size:11px;color:var(--muted)}.role-you{margin:8px 0 0;font-size:12px;color:var(--muted)}.role-you b{color:var(--gold)}.tactic-chips{display:flex;flex-wrap:wrap;gap:3px}.tactic-chips button{flex:1 1 42%;min-width:0;padding:4px 6px;border-radius:8px;display:flex;flex-direction:column;align-items:flex-start;gap:0;background:#00000047;border-color:var(--line)}.tactic-chips button b{font-size:11px}.tactic-chips button span{font-size:10px;color:var(--muted);letter-spacing:.03em}.tactic-chips button.on{background:#f0c14b29;border-color:#f0c14b8c;color:var(--gold)}.tactic-chips button.on span{color:#f0c14bbf}.tactic-chips button:disabled{opacity:.72;cursor:default}.pitch-mini{display:flex;flex-direction:column;gap:6px;padding:10px 8px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 28%),repeating-linear-gradient(90deg,#126e2af2 0 18px,#0e5822f2 18px 36px);border:1px solid rgba(255,255,255,.1)}.form-row{display:flex;justify-content:center;flex-wrap:wrap;gap:5px}.form-slot{min-width:58px;max-width:86px;padding:5px 7px;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:1px;background:#00000061;border:1px dashed rgba(255,255,255,.28);font-size:12px;line-height:1.15}.form-slot em{font-style:normal;font-size:11px;letter-spacing:.08em;color:var(--muted)}.form-slot span{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-slot.filled{border-style:solid;border-color:#ffffff38}.form-slot.free:not(:disabled):hover{border-color:var(--gold);background:#f0c14b1f}.form-slot.you{border-color:var(--gold);box-shadow:0 0 0 1px #f0c14b59;color:var(--gold)}.form-slot:disabled{cursor:default}.form-slot{position:relative}.form-slot.swappable{cursor:pointer}.form-slot.swappable:hover{border-color:#8fb6ff;box-shadow:0 0 0 1px #8fb6ff66}.form-slot .swap-ico{position:absolute;top:-7px;right:-7px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;line-height:1;background:#1c2c44;color:#b9d0ff;border:1px solid rgba(143,182,255,.5);opacity:0;transition:opacity .12s ease}.form-slot.swappable:hover .swap-ico,.form-slot.swappable:focus-visible .swap-ico{opacity:1}#swap-ask{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:75;width:min(300px,calc(100vw - 36px));padding:14px 16px 16px;border-radius:16px;overflow:hidden;background:#0f1d14;border:1px solid rgba(143,182,255,.45);box-shadow:0 20px 50px #00000080;animation:sa-in .18s ease-out}@keyframes sa-in{0%{opacity:0;transform:translate(12px,-50%)}}#swap-ask .sa-title{display:block;font-size:16px;font-weight:800;color:#b9d0ff;margin-bottom:6px}#swap-ask p{margin:0 0 6px;font-size:14px;line-height:1.4}#swap-ask .sa-roles{color:var(--muted);font-size:13px}#swap-ask .sa-roles em{font-style:normal;font-weight:800;color:var(--text)}#swap-ask .sa-roles em.new{color:var(--gold)}#swap-ask .sa-acts{display:flex;gap:8px;margin-top:10px}#swap-ask .sa-acts button{flex:1}#swap-ask .sa-bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:#8fb6ff;transform-origin:left;animation:sa-bar 15s linear forwards}@keyframes sa-bar{to{transform:scaleX(0)}}.form-slot.gk.filled{background:#f0c14b24}.form-slot.fwd.filled{background:#e23b3b29}.form-slot.def.filled{background:#3b7bff29}.form-slot.mid.filled{background:#3ad07a24}.role-chip{flex:0 0 auto;min-width:28px;padding:2px 6px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.06em;text-align:center;background:#ffffff14}.role-chip.gk{color:var(--gold);background:#f0c14b29}.role-chip.def{color:#9cbcff;background:#3b7bff29}.role-chip.mid{color:#7ee2a8;background:#3ad07a24}.role-chip.fwd{color:#ff9b9b;background:#e23b3b29}.room-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 0}.team-switch{display:inline-flex;padding:4px;gap:4px;background:#00000059;border:1px solid var(--line);border-radius:14px}.team-switch button{padding:9px 16px;border-radius:10px;border-color:transparent;background:transparent}.team-switch button.on{border-color:var(--line)}.team-switch button.red.on{background:#e23b3b47;border-color:#c24747}.team-switch button.blue.on{background:#3b7bff47;border-color:#3b7bff}.team-switch button.on:not(.red):not(.blue){background:#ffffff14}.room-ops{display:flex;flex-wrap:wrap;gap:8px}.room-set{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 0;padding:12px 14px;background:#00000038;border:1px solid var(--line);border-radius:14px}.room-set label{display:flex;flex-direction:column;gap:6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.room-set input,.room-set select{width:100%;border-radius:999px}.oval-pick{position:relative}.oval-pick-native{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.oval-pick-btn{width:100%;text-align:left;border-radius:999px;padding:11px 40px 11px 16px;background-color:#101c13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1.5 1.75 6 6.25l4.5-4.5' fill='none' stroke='%239bb39d' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px 8px}.oval-pick.open .oval-pick-btn{border-color:#f0c14b73}.oval-pick-menu{display:none;position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;margin:0;padding:8px;list-style:none;border-radius:22px;background:#0e1c12;border:1px solid var(--line);box-shadow:0 18px 40px #00000073;max-height:min(320px,50vh);overflow:auto}.oval-pick.open .oval-pick-menu{display:block}.oval-pick-menu li+li{margin-top:4px}.oval-pick-head{padding:8px 14px 2px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700}.oval-pick-head+li{margin-top:2px}.oval-pick-menu button{width:100%;text-align:left;border-radius:999px;padding:10px 14px;background:transparent;border-color:transparent;font-weight:600}.oval-pick-menu button:hover{background:#ffffff0f}.oval-pick-menu button.on{background:#f0c14b29;color:var(--gold)}.room-meta{margin:12px 0 0;color:var(--muted);font-size:13px}.chat{display:flex;flex-direction:column;height:min(300px,34vh);width:100%;margin:22px 0 0}.chat-form{display:flex;gap:8px}.chat-form input{flex:1;font-size:15px}.chat-log{flex:1;overflow:auto;font-size:15px;color:#d5e6d6;padding:10px 12px;background:#060a086b;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}.stats-wrap{overflow:auto;max-height:min(420px,52vh)}.stats-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px}.stats-bar label{color:var(--muted);font-size:12px}.stats-bar .oval-pick{min-width:188px}.stats{width:100%;border-collapse:collapse;font-size:13px}.stats th,.stats td{text-align:left;padding:8px;border-bottom:1px solid var(--line);white-space:nowrap}.stats th{color:var(--muted);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.stats td small{color:var(--muted)}.stats th .sort-h{all:unset;cursor:pointer;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;border-radius:4px}.stats th .sort-h:hover{color:var(--text)}.stats th .sort-h:focus-visible{outline:2px solid var(--gold, #f0c14b);outline-offset:2px}.stats th.on .sort-h{color:var(--gold, #f0c14b)}.stats th.on .sort-h:after{content:" ▾"}.stats-wrap{position:relative}.stats-wrap .stats{transition:opacity .18s ease}.stats-wrap.loading .stats{opacity:.4;transition-delay:.12s;pointer-events:none}.stats-wrap.loading:after{content:"";position:absolute;top:50%;left:50%;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;border:3px solid rgba(255,255,255,.16);border-top-color:var(--gold, #f0c14b);opacity:0;animation:stats-fade .2s .12s forwards,stats-spin .75s linear infinite}@keyframes stats-spin{to{transform:rotate(360deg)}}@keyframes stats-fade{to{opacity:1}}@media(prefers-reduced-motion:reduce){.stats-wrap.loading:after{animation:stats-fade .2s .12s forwards}}.stats td.rank{font-weight:800;color:var(--muted);width:2.2em}.stats tr.rank1 td.rank{color:var(--gold, #f0c14b)}.stats tr.rank2 td.rank{color:#c5d0e0}.stats tr.rank3 td.rank{color:#c48a5a}.stats tr.click{cursor:pointer}.stats tr.click:hover td{background:#ffffff0a}.stats td.who{display:flex;align-items:center;gap:8px}.stats-bar input[type=search]{flex:1 1 160px;min-width:140px;max-width:240px;background:var(--panel, #12161e);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit}.pager{display:flex;align-items:center;gap:10px;margin-top:12px;color:var(--muted);font-size:13px}.pager button{padding:6px 12px;border-radius:10px}.player-card{margin:0 0 16px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#ffffff0a,#0000002e)}.player-card header{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.player-card header .flag{width:28px;height:21px;border-radius:3px}.player-card h3{margin:0;font-size:20px}.player-card header small{color:var(--muted)}.player-card header button{margin-left:auto}.pos-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:72px;padding:8px 12px;border-radius:14px;line-height:1.15;background:#ffffff0f}.pos-hero em{font-style:normal;font-family:var(--font-display);font-size:22px;font-weight:800}.pos-hero span{font-size:11px;color:var(--muted)}.pos-hero small{font-size:11px;color:var(--gold)}.pos-hero.gk{background:#f0c14b29}.pos-hero.def{background:#3b7bff29}.pos-hero.mid{background:#3ad07a29}.pos-hero.fwd{background:#e23b3b29}.player-card h4{margin:0 0 10px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.radar{width:100%;max-width:280px;display:block;margin:0 auto}.radar .grid{fill:none;stroke:#b4c8dc38;stroke-width:1}.radar .spoke{stroke:#b4c8dc33;stroke-width:1}.radar .fill{fill:#3b7bff3d;stroke:#4d8bff;stroke-width:2;stroke-linejoin:miter;stroke-miterlimit:12}.radar text{fill:var(--muted);font-size:9px}.player-card.ana{padding:clamp(14px,1.6vw,20px) clamp(14px,1.8vw,22px)}.ana header{margin-bottom:16px}.ana .ana-id{min-width:0}.ana h3{font-size:clamp(18px,1.4vw + 8px,24px);line-height:1.15}.ana header small{font-size:12px;letter-spacing:.02em}.ana-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 18px}.ana-kpis div{padding:12px 8px 10px;border-radius:12px;text-align:center;background:#00000047;border:1px solid rgba(255,255,255,.05)}.ana-kpis b{display:block;font-family:var(--font-display);font-weight:400;font-size:clamp(20px,1.2vw + 12px,28px);line-height:1.1;color:#f4f7f2}.ana-kpis span{display:block;margin-top:4px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.ana-kpis small{display:block;margin-top:2px;font-size:11px;color:#b9cbb9;font-variant-numeric:tabular-nums}.ana-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(16px,2vw,26px) clamp(14px,2vw,26px);align-items:start}.ana-side{display:grid;gap:18px;align-content:start}.ana h4{margin:0 0 10px;font-size:11px;font-weight:800;letter-spacing:.12em}.pr-head,.pr{display:grid;grid-template-columns:minmax(84px,1.2fr) 44px 48px minmax(60px,1.3fr) 44px;gap:10px;align-items:center}.pr-head{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.pr-head span{text-align:right;white-space:nowrap}.pr{padding:7px 0;border-top:1px solid rgba(255,255,255,.05);font-size:13px}.pr-l{color:#dbe7dc;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pr-t{text-align:right;color:#b9cbb9;font-variant-numeric:tabular-nums;white-space:nowrap}.pr-v{text-align:right;font-weight:800;color:#f4f7f2;font-variant-numeric:tabular-nums}.pr-track{position:relative;height:8px;border-radius:99px;background:#ffffff12;overflow:hidden}.pr-track i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:#2ea362}.pr-p{text-align:right;font-size:13px;font-weight:800;color:#f4f7f2;font-variant-numeric:tabular-nums;white-space:nowrap}.pr-p small{font-size:11px;font-weight:700;color:var(--muted)}.pr.lead .pr-p{color:var(--gold)}.ana-hex{display:block;width:100%;max-width:380px;height:auto;margin:0 auto;overflow:visible}.ana-hex .grid{fill:none;stroke:#c8dccd29;stroke-width:1}.ana-hex .spoke{stroke:#c8dccd24;stroke-width:1}.ana-hex .grid.floor{fill:#00000040}.ana-hex .fill{fill:#2ea36247;stroke:#2ea362;stroke-width:2;stroke-linejoin:round}.ana-hex .ax{fill:#c9d7ca;font-size:10px;font-weight:700;letter-spacing:.02em}.ana-hex .av{fill:#f4f7f2;font-family:var(--font-display);font-size:15px}.ana-hex .av.none{fill:#f4f7f266}.ana-strong{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin-top:6px}.ana-strong small{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:2px}.ana-strong span{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;color:#dbe7dc;background:#2ea36229;border:1px solid rgba(46,163,98,.45)}.ana-strong b{margin-left:3px;color:#f4f7f2}.ana-hex .pt{cursor:pointer;outline:none}.ana-hex .hit{fill:transparent}.ana-hex .dot{fill:#2ea362;stroke:#0e1711;stroke-width:2}.ana-hex .ring{fill:none;stroke:#4fc584;stroke-width:2;opacity:0;transition:opacity .12s}.ana-hex .pt:hover .ring,.ana-hex .pt:focus .ring{opacity:1}.ana-hex .tip{opacity:0;pointer-events:none;transition:opacity .12s}.ana-hex .pt:hover .tip,.ana-hex .pt:focus .tip{opacity:1}.ana-hex .tip rect{fill:#080e0af0;stroke:#ffffff29}.ana-hex .tip .t1{fill:#f4f7f2;font-size:11px;font-weight:800}.ana-hex .tip .t2{fill:#dbe7dc;font-size:10.5px;font-weight:700}.ana-hex .tip .t3{fill:var(--gold);font-size:10px;font-weight:700}.ana-pitch{display:block;width:100%;height:auto;max-width:340px}.ana-pitch .turf{fill:#1446248c}.ana-pitch .ln{fill:none;stroke:#ffffff59;stroke-width:1}.ana-pitch .z-k{fill:#f4f7f2;font-size:12px;font-weight:800;letter-spacing:.06em}.ana-pitch .z-p{fill:#f4f7f2;font-size:15px;font-weight:800}.ana-pitch .z-p.zero{fill:#f4f7f273;font-size:12px}.res{display:grid;gap:8px}.res-rate{display:flex;align-items:baseline;gap:8px}.res-rate b{font-family:var(--font-display);font-weight:400;font-size:26px;line-height:1;color:#f4f7f2}.res-rate span{font-size:12px;color:var(--muted)}.res-bar{display:flex;gap:2px;height:10px;border-radius:99px;overflow:hidden}.res-bar i{display:block;flex-basis:0;min-width:6px}.res .w{background:#2fa864}.res .d{background:#b4bcb6}.res .l{background:#e0484d}.res-legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:#c9d7ca}.res-legend span{display:inline-flex;align-items:center;gap:6px}.res-legend i{width:9px;height:9px;border-radius:3px;display:inline-block}.res-legend b{color:#f4f7f2}.ana-extra{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.ana-extra div{padding:10px 8px 9px;border-radius:11px;text-align:center;background:#0000003d;border:1px solid rgba(255,255,255,.05)}.ana-extra span{display:flex;align-items:center;justify-content:center;min-height:2.5em;font-size:10px;line-height:1.25;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.ana-extra b{display:block;margin-top:4px;font-family:var(--font-display);font-weight:400;font-size:20px;line-height:1.1;color:#f4f7f2}.ana-extra small{display:block;margin-top:2px;font-size:11px;color:#b9cbb9;font-variant-numeric:tabular-nums}.ana-recent{list-style:none;margin:0;padding:0;display:grid;gap:4px}.ana-recent li{display:grid;grid-template-columns:24px 46px 1fr auto;align-items:center;gap:10px;padding:6px 8px;border-radius:9px;background:#0003;font-size:13px}.ana-recent .rb{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:800;color:#0e1711}.ana-recent .rb.w{background:#2fa864}.ana-recent .rb.d{background:#b4bcb6}.ana-recent .rb.l{background:#e0484d;color:#fff}.ana-recent b{font-variant-numeric:tabular-nums;color:#f4f7f2}.ana-recent .ga{color:#dbe7dc;font-weight:700;display:inline-flex;gap:8px;align-items:center}.ana-recent em{font-style:normal;font-size:11px;color:var(--muted)}.ana-chips{display:flex;flex-wrap:wrap;gap:6px}.ana-chips span{padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700;color:#dbe7dc;background:#00000047;border:1px solid rgba(255,255,255,.08)}.ana-chips b{margin-left:4px;color:var(--muted);font-weight:700}@media(max-width:900px){.ana-grid{grid-template-columns:1fr}.ana-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.ana-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ana-kpis div:last-child:nth-child(odd){grid-column:1 / -1}.ana-extra{grid-template-columns:repeat(2,minmax(0,1fr))}.pr-head,.pr{grid-template-columns:minmax(70px,1fr) 40px 40px minmax(40px,1fr) 38px;gap:6px}}input:disabled{opacity:.7;cursor:default}.chat-log .sys{color:var(--gold)}.chat-log::-webkit-scrollbar{width:8px}.chat-log::-webkit-scrollbar-track{background:transparent;margin:4px 0}.chat-log::-webkit-scrollbar-thumb{background:#ffffff3d;border-radius:99px;border:2px solid transparent;background-clip:padding-box}.chat-log::-webkit-scrollbar-thumb:hover{background-color:#ffffff6b}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-grid input,.settings-grid select{width:100%}@media(max-width:1100px){.room-layout{grid-template-columns:minmax(180px,1fr) minmax(0,1.4fr) minmax(180px,1fr)}}@media(max-width:900px){.room-layout{grid-template-columns:1fr}}@media(max-width:640px){.settings-grid,.teams,.room-set{grid-template-columns:1fr}.hud-ping{position:absolute;right:0;top:calc(100% + 8px);margin:0}#hud-settings{top:86px}.hint{display:none}.build-mark{left:50%;bottom:8px;transform:translate(-50%);text-align:center}}.room-mod-hint{margin:10px 0 0;font-size:13px;color:var(--muted)}.ctx{position:fixed;z-index:80;min-width:188px;background:#0d1a12;border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 18px 48px #00000080}.ctx.hidden{display:none}.ctx button{display:block;width:100%;text-align:left;background:transparent;border:0;border-radius:8px;padding:8px 10px;font-size:13px}.ctx button:hover{background:#ffffff0f}.ctx .mod-title{margin:4px 8px 8px;font-size:13px;color:var(--text)}.ctx .mod-warn{margin:0 8px 10px;font-size:12px;color:var(--muted);line-height:1.45}.ctx #mod-reason{width:calc(100% - 8px);margin:0 4px 8px;padding:8px 10px;border-radius:8px;font-size:13px}.ctx .mod-acts{display:flex;gap:4px}.ctx .mod-acts button{flex:1;text-align:center}#touch{position:absolute;inset:0;pointer-events:none}.stick-zone{pointer-events:auto;position:absolute;left:0;bottom:0;width:46%;height:64%}.stick{position:absolute;left:22px;bottom:22px;width:calc(136px * var(--tscale, 1));height:calc(136px * var(--tscale, 1));pointer-events:none;border-radius:50%;background:#ffffff12;border:1px solid rgba(255,255,255,.16);opacity:.55;transition:opacity .15s}.stick.on{opacity:1}.stick i{position:absolute;width:calc(58px * var(--tscale, 1));height:calc(58px * var(--tscale, 1));border-radius:50%;background:#ffffff4d;left:calc(50% - 29px * var(--tscale, 1));top:calc(50% - 29px * var(--tscale, 1));will-change:transform}.touch-btns{pointer-events:auto;position:absolute;right:12px;bottom:14px;width:214px;height:196px;transform:scale(var(--tscale, 1));transform-origin:bottom right}.touch-btns button{position:absolute;display:grid;place-items:center;padding:0;border-radius:50%;background:#0a140c8c;color:#f2f5ef;font-weight:800}.touch-btns .kick{right:0;bottom:0;width:108px;height:108px;font-size:19px;background:#2e8c46b8;border:2px solid rgba(120,230,150,.6)}.touch-btns .t-pass{right:120px;bottom:6px;width:86px;height:86px;font-size:16px;background:#285a969e;border:2px solid rgba(130,190,255,.55)}.touch-btns .t-slide{right:18px;bottom:124px;width:66px;height:66px}.touch-btns .t-recall{right:124px;bottom:112px;width:52px;height:42px;border-radius:12px;font-size:12px;background:#a0781e99;border:2px solid rgba(240,193,75,.6)}.sprint-chip{position:absolute;left:calc(22px + 68px * var(--tscale, 1));bottom:calc(30px + 136px * var(--tscale, 1));transform:translate(-50%,6px);pointer-events:none;white-space:nowrap;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.08em;color:#eef6ee;background:#08100b8c;border:1px solid rgba(255,255,255,.16);opacity:0;transition:opacity .25s ease,transform .25s ease}.sprint-chip.on{color:#1a1406;background:#f0c14beb;border-color:transparent}.sprint-chip.show{opacity:1;transform:translate(-50%)}body.touch-on #hud .stamina-wrap{top:auto;bottom:8px;left:22px;width:calc(136px * var(--tscale, 1));padding:0;gap:0;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}body.touch-on #hud .stamina-wrap .meter-head,body.touch-on #hud .stamina-wrap .meter+.meter{display:none}body.touch-on .stamina{height:5px;background:#0006}#sprint-meter.lock .stamina{box-shadow:0 0 0 1px #f0c14bcc,0 0 10px #f0c14b73}.stick.sprint{border-color:#f0c14bb3;box-shadow:0 0 0 2px #f0c14b40,0 0 18px #f0c14b40}.stick.sprint i{background:#f0c14b99}.touch-btns .t-recall.hidden{display:none}.toast{position:absolute;top:86px;left:50%;transform:translate(-50%);background:#111;border:1px solid var(--line);padding:8px 14px;border-radius:10px}.goal-banner{position:absolute;top:24%;left:50%;transform:translate(-50%);pointer-events:none;text-align:center;font-family:var(--font-display);font-weight:800;text-shadow:0 10px 40px rgba(0,0,0,.55);display:flex;flex-direction:column;align-items:center;gap:6px;animation:goal-pop .7s cubic-bezier(.18,1.4,.28,1) both}.goal-banner span{font-size:clamp(52px,10vw,108px);letter-spacing:.08em;line-height:.9}.goal-banner small{font-size:clamp(18px,3.2vw,32px);letter-spacing:.06em;font-weight:700;color:#fff;opacity:.92;text-shadow:0 4px 16px rgba(0,0,0,.7)}.goal-banner.red{color:#ff6b6b}.goal-banner.blue{color:#7ea6ff}.goal-banner.over{color:var(--gold)}@keyframes goal-pop{0%{transform:translate(-50%) scale(.35);opacity:0;filter:blur(8px)}22%{transform:translate(-50%) scale(1.14);opacity:1;filter:blur(0)}to{transform:translate(-50%) scale(1);opacity:1}}.panel-wrap.on-pitch{background:#040a0638;grid-template-rows:1fr auto;place-items:stretch center;justify-items:center;align-content:stretch;padding:64px 20px 20px}.panel-wrap.on-pitch .card{width:min(760px,100%);margin:0 auto;align-self:center;background:#08100b94}.chat.chat-dock{width:min(560px,100%);margin:16px auto 0;height:180px;background:#08100b85;border:1px solid var(--line);border-radius:16px;padding:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#ts-box{position:fixed;inset:0;z-index:90;display:none;place-items:center;background:#040a069e}#ts-box.show{display:grid}#ts-box .ts-card{display:flex;flex-direction:column;gap:12px;align-items:center;padding:18px 20px;border-radius:14px;background:#0f1a12;border:1px solid rgba(255,255,255,.14)}#ts-box b{color:#f3c969;font-size:15px}.maint-banner{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;margin:0 0 14px;padding:12px 14px;border:1px solid rgba(240,190,80,.55);border-radius:12px;background:#f0be501a}.maint-banner b{color:#f3c969;font-size:14px}.maint-banner span{color:var(--text, #e8edf5);font-size:13px}.maint-banner small{flex-basis:100%;color:var(--muted);font-size:12px}#btn-create:disabled{opacity:.45;cursor:not-allowed}.room-tags .tag-community{color:#8fd8f2;border-color:#6ec8e873}.home-shell{width:min(1240px,100%);display:grid;grid-template-columns:clamp(280px,24vw,330px) minmax(0,1fr);gap:clamp(18px,2vw,28px);align-items:start}.panel-wrap.home{place-items:start center;padding-top:clamp(24px,calc((100vh - 600px)/2),180px);padding-bottom:32px}.home-main{width:auto;min-width:0}.home-main .tabpane.on{min-height:340px}.home-main .build-foot{margin-top:18px}input[type=range]{accent-color:var(--green);padding:0;background:none;border:0;box-shadow:none}.hero{position:sticky;top:24px;display:flex;flex-direction:column;gap:12px}.hero-brand{display:flex;align-items:center;gap:14px;padding:4px 2px 12px}.hero-brand .logo{font-size:48px}.hero-brand .sub{font-size:14px;letter-spacing:.02em}.play-cta{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px 16px 16px 14px;border-radius:18px;color:#fff;border:1px solid rgba(110,224,143,.6);background:linear-gradient(135deg,#34b85c,#1d8138 55%,#135f28);box-shadow:0 16px 36px #1f8a3d5c,inset 0 1px #ffffff38}.play-cta:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.16) 50%,transparent 70%);transform:translate(-110%);transition:transform .7s var(--ease)}.panel-wrap .play-cta:not(:disabled):hover{transform:translateY(-2px);border-color:#96f0afcc;background:linear-gradient(135deg,#3cc766,#22903f 55%,#16692c);box-shadow:0 20px 44px #1f8a3d75,inset 0 1px #ffffff42}.play-cta:hover:after{transform:translate(110%)}.play-ico{flex:0 0 auto;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff3;box-shadow:inset 0 0 0 1px #ffffff40}.play-ico .i{margin-left:3px}.play-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.play-txt b{font-family:var(--font-display);font-size:28px;font-weight:400;letter-spacing:.01em;line-height:1}.play-txt small{font-size:clamp(12.5px,.25vw + 9.6px,13.5px);font-weight:600;opacity:.92}.play-cta>.i{flex:0 0 auto;opacity:.85;transition:transform .2s var(--ease)}.play-cta:hover>.i{transform:translate(3px)}.hero-user,.discord-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;border-radius:16px;font-weight:400;background:var(--surface);border:1px solid var(--line);color:var(--text);text-decoration:none;transition:border-color .15s,background .15s,transform .15s var(--ease)}.hero-user small,.discord-card small{display:block;font-size:clamp(12px,.25vw + 9px,13px);font-weight:600;color:#aabfad}.hero-user b,.discord-card b{display:block;font-size:15px;font-weight:700}.avatar{flex:0 0 auto;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-size:22px;font-weight:800;color:#2a1d02;background:linear-gradient(135deg,#ffe08a,#f0c14b 55%,#c9952f)}.hero-user.guest .avatar{color:var(--muted);background:#ffffff12;border:1px dashed var(--line-2)}.hero-user.guest b{color:var(--gold)}.discord-card{background:linear-gradient(135deg,#5865f23d,#5865f212);border-color:#5865f273}.discord-card:hover{border-color:#818cf8cc;transform:translateY(-1px)}.discord-ico{flex:0 0 auto;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;background:#5865f2;box-shadow:0 6px 16px #5865f266}.discord-card{gap:12px;padding:11px 14px;border-radius:14px}.discord-card>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}.discord-card b{font:400 18px/1.1 var(--font-display);letter-spacing:.01em;color:#c9ceff}.discord-card small{font-size:12px;color:var(--muted)}.discord-card .discord-ico{width:36px;height:36px;border-radius:10px;box-shadow:0 4px 12px #5865f259}.hero-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:4px;padding:0 2px}.chrome-tip{flex:1 1 140px;font-size:clamp(12px,.25vw + 9px,13px);line-height:1.45;color:#aabfad}@media(max-width:960px){.home-shell{grid-template-columns:minmax(0,1fr);max-width:720px}.hero{position:static;display:grid;grid-template-columns:1fr 1fr}.hero-brand,.play-cta,.hero-foot{grid-column:1 / -1}.home-main .tabpane.on{min-height:0}}@media(max-width:640px){.panel-wrap{padding:16px}.card{padding:16px;border-radius:18px}.hero{grid-template-columns:1fr}.hero-brand .logo{font-size:40px}.tabs{scroll-snap-type:x proximity;scroll-padding-inline:5px;overscroll-behavior-x:contain}.tabs button{flex:0 0 auto;padding:9px 12px;font-size:13px;gap:6px;scroll-snap-align:start}.room{grid-template-columns:minmax(0,1fr) auto;gap:10px}.room-cap{grid-column:1;grid-row:2;flex-direction:row;align-items:center}.room-cap i{flex:1}.room button{grid-row:1 / 3;grid-column:2}.join-box{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.join-label,.join-box button{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){.tabpane.on,.play-cta:after{animation:none;transition:none}}#touch,#touch *{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.touch-btns button{font-size:13px;letter-spacing:.04em;border-color:#ffffff2e}.touch-btns button:active,.touch-btns button.down{background:#f0c14b52;border-color:var(--gold)}.touch-btns .kick:active,.touch-btns .kick.down{background:#3ad07af2;transform:scale(.95)}.touch-btns .t-pass:active,.touch-btns .t-pass.down{background:#5096f0e6;transform:scale(.95)}.stick{background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff14}.stick.on i{background:#f0c14b8c}.hud-fold{display:none}body.touch-on .hud-fold{display:inline-grid;place-items:center;padding:0 10px}body.touch-on .hud-fold svg{transition:transform .2s ease}body.touch-on.hud-folded .hud-fold svg{transform:rotate(180deg)}body.touch-on.hud-folded .hud-nav>button:not(.hud-fold),body.touch-on.hud-folded .zooms,body.touch-on.hud-folded .practice-bots,body.touch-on.hud-folded .practice-info,body.touch-on.hud-folded .hud-ping{display:none}body.touch-on.hud-folded .netstat{display:none!important}body.touch-on.hud-folded .hud-fold{opacity:.7}body.touch-on .hint,body.touch-on .build-mark{display:none}body.touch-on .scoreboard{top:8px}body.touch-on .sb-main{width:min(380px,50vw);height:36px}body.touch-on .scoreboard{--sb-gap: 4px}body.touch-on .team{height:28px;font-size:11px;letter-spacing:.1em}body.touch-on .team.red{padding:0 10px 0 16px;clip-path:polygon(10px 0,100% 0,100% 100%,0 100%)}body.touch-on .team.blue{padding:0 16px 0 10px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 100%,0 100%)}body.touch-on .sb-score{height:36px;padding:0 8px}body.touch-on .sb-score b{font-size:23px;min-width:26px}body.touch-on .sb-row{height:22px;width:min(320px,46vw);grid-template-columns:44px minmax(0,1fr) 44px}body.touch-on .sb-row .v{font-size:13px}body.touch-on .sb-row .lab{font-size:9px}body.touch-on .sb-row.g{width:min(360px,50vw);grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr)}body.touch-on .sb-row.g .v{font-size:11px}body.touch-on .clock{height:23px;padding:0 10px;min-width:84px}body.touch-on .clock span{font-size:15px}body.touch-on .sb-phase{height:15px;font-size:8.5px}body.touch-on .sb-phase.goal{height:19px;font-size:13px}body.touch-on .zooms{top:8px;left:12px}body.touch-on .zooms button{width:40px;height:40px}body.touch-on .hud-nav{top:8px;right:12px}body.touch-on .hud-nav button{padding:10px 13px;font-size:13px}body.touch-on .practice-bots{top:76px;left:12px}body.touch-on .practice-bots button{padding:9px 13px}body.touch-on .practice-info{top:150px;left:12px;width:220px}body.touch-on .hud-ping{position:absolute;right:0;top:calc(100% + 8px);margin:0}body.touch-on #hud #btn-rec{position:absolute;top:calc(100% + 8px);right:58px;padding:6px 10px;font-size:12px}body.touch-on .netstat{top:94px;right:12px;font-size:11px}body.touch-on #hud-settings{top:56px;right:12px}body.touch-on .stamina-wrap{top:100px;bottom:auto;left:12px;width:150px;padding:8px 10px;gap:7px}@media(orientation:portrait){body.touch-on .sb-main{width:calc(100vw - 24px)}body.touch-on .zooms,body.touch-on .hud-nav{top:84px}body.touch-on .practice-bots{top:132px}body.touch-on .netstat{top:170px}body.touch-on #hud-settings{top:132px}body.touch-on .stamina-wrap{top:180px}}.rotate-hint{display:none}@media(orientation:portrait){body.touch-on .rotate-hint{display:flex;align-items:center;gap:10px;position:absolute;left:50%;top:42%;transform:translate(-50%);width:max-content;max-width:calc(100vw - 40px);padding:12px 16px;border-radius:14px;font-size:14px;font-weight:700;color:var(--text);background:#08100be6;border:1px solid rgba(240,193,75,.4);pointer-events:none;animation:rotate-hint 5s ease forwards}body.touch-on .rotate-hint svg{color:var(--gold);flex:0 0 auto;animation:rotate-phone 1.6s ease-in-out 2}}@keyframes rotate-hint{0%,80%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes rotate-phone{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}body.touch-on .zooms button,body.touch-on .hud-nav button,body.touch-on .practice-bots button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.room-layout:not(.live){grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;grid-template-areas:"teams teams" "red blue"}.room-layout:not(.live)>.teams{grid-area:teams}.room-layout:not(.live)>.setup.red{grid-area:red}.room-layout:not(.live)>.setup.blue{grid-area:blue}.setup .pitch-mini{min-height:150px;justify-content:space-evenly}.teams{grid-template-columns:repeat(3,minmax(0,1fr))}.plist li{min-width:0}.setup{padding:14px}.setup-head{margin-bottom:8px;font-size:11px}.setup-head b,.setup-hint{font-size:12.5px}.role-you{font-size:13.5px}.tactic-chips{gap:6px}.tactic-chips button{padding:7px 9px;gap:2px;border-radius:10px}.tactic-chips button b{font-size:13px}.tactic-chips button span{font-size:11.5px}.pitch-mini{padding:14px 10px;gap:10px}.form-row{gap:8px}.form-slot{min-width:70px;max-width:104px;padding:7px 9px;font-size:13.5px}.form-slot em{font-size:11.5px}.form-slot span{max-width:88px}.col{padding:14px;min-height:190px}.col h3{margin-bottom:10px;font-size:16px}.count-badge{min-width:28px;height:28px;font-size:14px}.plist li{gap:10px;padding:10px 11px;font-size:17.5px}.plist li small{font-size:13px}.card.room-card{width:min(1440px,100%)}.kit-no{min-width:24px;font-size:17px}.role-chip{min-width:32px;padding:3px 7px;font-size:11.5px}.room-bar{margin-top:20px}.team-switch button{padding:11px 20px;font-size:16px}.room-ops button{padding:11px 18px;font-size:16px}.room-mod-hint{font-size:13.5px}.room-set{gap:14px;padding:16px 18px}.room-set label{gap:8px;font-size:12px}.room-set input,.room-set select{font-size:16px}.room-meta{font-size:15px}.room-card .chat-log{font-size:15.5px;line-height:1.55}.panel-wrap.on-pitch .card{width:min(1000px,100%)}.chat.chat-dock{width:min(680px,100%);height:210px}@media(max-width:780px){.room-layout:not(.live){grid-template-columns:1fr;grid-template-areas:"teams" "red" "blue"}}.set-hint{display:block;margin-top:4px;color:var(--muted);font-size:12.5px;line-height:1.45;font-weight:400}.checks{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px}.checks .check{align-items:flex-start}.checks .check input{margin-top:3px}@media(max-width:640px){.checks{grid-template-columns:1fr}}#confirm-box{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:16px;background:#030805a8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:cb-in .14s ease-out}#confirm-box .cb-card{width:min(400px,100%);padding:22px 22px 18px;border-radius:18px;background:linear-gradient(180deg,#13261a,#0b170f);border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 60px #0000008c}#confirm-box h3{margin:0 0 8px;font-size:19px}#confirm-box p{margin:0 0 18px;color:var(--muted);font-size:15px;line-height:1.5}#confirm-box .cb-acts{display:flex;justify-content:flex-end;gap:10px}#confirm-box .cb-acts button{min-width:110px;padding:11px 16px;font-size:15px}@keyframes cb-in{0%{opacity:0}}#rec-box{position:fixed;inset:0;z-index:72;display:grid;place-items:center;padding:16px;overflow-y:auto;background:#030805b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:cb-in .14s ease-out}#rec-box .rb-card{width:min(520px,100%);padding:22px 22px 18px;border-radius:18px;background:linear-gradient(180deg,#13261a,#0b170f);border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 60px #0000008c}#rec-box h3{margin:0 0 8px;font-size:20px}#rec-box p{margin:0 0 14px;color:var(--muted);font-size:14.5px;line-height:1.5}#rec-box .rb-words{list-style:none;margin:0 0 14px;padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;counter-reset:rw;border-radius:12px;background:#00000047;border:1px solid var(--line);-webkit-user-select:text;user-select:text}#rec-box .rb-words li{counter-increment:rw;padding:8px 10px;border-radius:9px;background:#ffffff0d;font:700 16px/1.2 ui-monospace,Consolas,monospace;color:var(--text);white-space:nowrap}#rec-box .rb-words li:before{content:counter(rw) ".";display:inline-block;min-width:2.1em;color:var(--muted);font-weight:600}#rec-box .rb-words.hidden-words li span{filter:blur(7px);-webkit-user-select:none;user-select:none}#rec-box .rb-row{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}#rec-box .rb-warn{color:#ffd38a;font-size:13.5px}#rec-box .check{display:flex;gap:8px;align-items:center;margin:4px 0 16px;font-size:14.5px;cursor:pointer}#rec-box form{display:grid;gap:6px;margin-bottom:8px}#rec-box form label{font-size:13px;color:var(--muted);margin-top:6px}#rec-box textarea{resize:vertical;min-height:70px;font:600 15px/1.4 ui-monospace,Consolas,monospace}#rec-box .rb-check{min-height:18px;font-size:13px;color:var(--muted)}#rec-box .rb-check.ok{color:var(--ok)}#rec-box .rb-check.bad{color:#ffb36b}#rec-box .rb-err{min-height:18px;margin:6px 0 10px;color:#ff8f86;font-size:14px}#rec-box .cb-acts{display:flex;justify-content:flex-end;gap:10px}#rec-box .cb-acts button{min-width:110px;padding:11px 16px;font-size:15px}@media(max-width:460px){#rec-box .rb-words{grid-template-columns:repeat(2,1fr)}}.rec-missing{color:#ffd38a}.panel-wrap.on-pitch .card,.panel-wrap.on-pitch .chat.chat-dock,.chat.chat-dock{-webkit-backdrop-filter:none;backdrop-filter:none}.panel-wrap.on-pitch .card{background:#08100bd1}.chat.chat-dock{background:#08100bc7}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.build-foot a{color:inherit;text-decoration:underline;text-underline-offset:2px}.recap-scroll{overflow-x:auto}.recap-board tr[data-recap]{cursor:pointer}.recap-board tr[data-recap]:hover td,.recap-board tr[data-recap]:focus-visible td{background:#ffffff0d}.recap-board tr[data-recap]:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.recap-board td small{color:var(--muted);margin-left:3px}.recap-board .role-chip{font-style:normal;margin-left:6px;vertical-align:1px}.recap-hint{margin:8px 0 0;color:var(--muted);font-size:12.5px}#pc-box{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:16px;background:#030805c7;animation:cb-in .14s ease-out;overflow-y:auto}#pc-box .pc-card{width:min(820px,100%);padding:20px 22px 22px;border-radius:18px;background:linear-gradient(180deg,#13261a,#0b170f);border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 60px #0000008c;border-top:4px solid #3b7bff}#pc-box .pc-card.red{border-top-color:#e23b3b}#pc-box header{display:flex;align-items:center;gap:12px;margin-bottom:16px}#pc-box header h3{margin:0;font-family:var(--font-display);font-size:30px;letter-spacing:.02em;line-height:1}#pc-box header small{color:var(--muted);font-size:13.5px}#pc-box .pc-dot{width:14px;height:14px;border-radius:50%;background:#3b7bff;flex:none}#pc-box .red .pc-dot{background:#e23b3b}#pc-box .pc-x{margin-left:auto;min-width:40px;padding:8px 12px}.pc-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;margin-bottom:18px}.pc-kpis div{padding:10px 12px;border-radius:12px;background:#00000047;border:1px solid var(--line)}.pc-kpis b{display:block;font-family:var(--font-display);font-size:26px;line-height:1.05}.pc-kpis span{display:block;color:var(--muted);font-size:12.5px}.pc-kpis small{color:var(--gold);font-size:12px;font-weight:700}.pc-charts{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;align-items:start}.pc-charts h4{margin:0 0 8px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.pc-heat{width:100%;height:auto;border-radius:10px;display:block;background:#0d3a18}.pc-note{margin:6px 0 0;color:var(--muted);font-size:12.5px;line-height:1.45}#pc-box .radar{max-width:260px}@media(max-width:640px){.pc-charts{grid-template-columns:1fr}}:where(:is(.panel-wrap,#hud,#hud-settings,#pc-box,#confirm-box,#rec-box,.ctx .mod-acts) :is(button,a.discord-card):not(.tabs button,.langsel button,.oval-pick-btn,.oval-pick-menu button,.copy-code,[data-tactic],.pitch-mini button,.ctx button:not(.mod-acts button),.touch-btns button)){--lift: 4px;--ledge: #030805}:is(.panel-wrap,#hud,#hud-settings,#pc-box,#confirm-box,#rec-box,.ctx .mod-acts) :is(button,a.discord-card):not(.tabs button,.langsel button,.oval-pick-btn,.oval-pick-menu button,.copy-code,[data-tactic],.pitch-mini button,.ctx button:not(.mod-acts button),.touch-btns button){position:relative;transform:translateY(0)!important;box-shadow:0 var(--lift) 0 var(--ledge),inset 0 1px #ffffff24!important;transition:transform .08s ease-out,box-shadow .08s ease-out,background-color .15s,border-color .15s,color .15s!important}:is(.panel-wrap,#hud,#hud-settings,#pc-box,#confirm-box,#rec-box,.ctx .mod-acts) :is(button,a.discord-card):not(.tabs button,.langsel button,.oval-pick-btn,.oval-pick-menu button,.copy-code,[data-tactic],.pitch-mini button,.ctx button:not(.mod-acts button),.touch-btns button):not(:disabled):hover{transform:translateY(-1px)!important;box-shadow:0 calc(var(--lift) + 1px) 0 var(--ledge),inset 0 1px #fff3!important}:is(.panel-wrap,#hud,#hud-settings,#pc-box,#confirm-box,#rec-box,.ctx .mod-acts) :is(button,a.discord-card):not(.tabs button,.langsel button,.oval-pick-btn,.oval-pick-menu button,.copy-code,[data-tactic],.pitch-mini button,.ctx button:not(.mod-acts button),.touch-btns button):not(:disabled):active{transform:translateY(var(--lift))!important;box-shadow:0 0 0 var(--ledge),inset 0 1px #ffffff14!important}:is(.panel-wrap,#hud,#hud-settings,#pc-box,#confirm-box,#rec-box,.ctx .mod-acts) :is(button,a.discord-card):not(.tabs button,.langsel button,.oval-pick-btn,.oval-pick-menu button,.copy-code,[data-tactic],.pitch-mini button,.ctx button:not(.mod-acts button),.touch-btns button):disabled{transform:translateY(calc(var(--lift) - 2px))!important;box-shadow:0 2px 0 var(--ledge)!important}button.primary,.play-cta{--ledge: #0e5323}button.danger{--ledge: #4a1111}button.red,.team-switch button.red.on{--ledge: #4f1212}button.blue,.team-switch button.blue.on{--ledge: #0f2555}.hero-user{--ledge: #050c07}.discord-card{--ledge: #1c2166}.play-cta{--lift: 6px}#hud button,.practice-bots button,.ctx .mod-acts button{--lift: 3px}.team-switch button:not(.on){--lift: 0px;box-shadow:none!important}.team-switch button:not(.on):not(:disabled):hover{transform:none!important;box-shadow:none!important}@media(prefers-reduced-motion:reduce){:is(.panel-wrap,#hud,#hud-settings,#pc-box,#confirm-box,#rec-box,.ctx .mod-acts) :is(button,a.discord-card):not(.tabs button,.langsel button,.oval-pick-btn,.oval-pick-menu button,.copy-code,[data-tactic],.pitch-mini button,.ctx button:not(.mod-acts button),.touch-btns button){transition:none!important}}.room-brand>div{min-width:0}.logo.room-title{display:flex;align-items:baseline;gap:16px;min-width:0}.room-title-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-code{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:5px 6px 5px 12px;border-radius:12px;background:#f0c14b14;border:1px solid rgba(240,193,75,.28);font-size:22px;line-height:1;letter-spacing:.12em}.room-code em{font-style:normal;color:var(--gold);-webkit-user-select:all;user-select:all}.copy-code{position:relative}.copy-code .ic-done,.copy-code.on .ic-copy{display:none}.copy-code.on .ic-done{display:block}.copy-code.on{color:#062410;background:var(--gold);border-color:var(--gold)}.copy-code:after{content:attr(data-done);position:absolute;left:50%;top:calc(100% + 8px);transform:translate(-50%,-4px);padding:5px 9px;border-radius:8px;white-space:nowrap;pointer-events:none;background:#0b1a10;border:1px solid rgba(240,193,75,.5);color:var(--gold);font:600 12px/1 var(--font-body);letter-spacing:0;opacity:0;transition:opacity .15s,transform .15s;-webkit-user-select:none;user-select:none;z-index:5}.copy-code.on:after{opacity:1;transform:translate(-50%)}@media(max-width:640px){.logo.room-title{gap:10px}.room-code{font-size:17px;padding:4px 5px 4px 9px}}.room-card .brand{min-width:0}.room-card .brand>.room-brand{flex:1 1 auto;min-width:0}.room-card .brand>.brand-actions{flex:0 0 auto}.room-brand>div{flex:1 1 auto}.panel-wrap{grid-template-columns:minmax(0,1fr)}.panel-wrap>.card{max-width:100%;min-width:0}@media(max-width:640px){.teams{grid-template-columns:minmax(0,1fr)}.logo.room-title{flex-wrap:wrap;row-gap:8px}.room-title-name{flex:1 1 100%}}.build-foot .rights{display:inline-block;margin-top:2px;opacity:.9}:root{--font-display: "Pickball Display", Nunito, system-ui, sans-serif;--font-body: Nunito, system-ui, sans-serif}html{font-synthesis:none}.check.terms{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-size:14px;line-height:1.45;cursor:pointer}.check.terms input,#rec-box .check input{width:18px;height:18px;margin-top:1px;flex:none;cursor:pointer}.check.terms small{display:block;margin-top:3px;color:var(--muted);font-size:12.5px}.check.terms a,.build-foot .legal a{color:var(--gold)}.build-foot .legal{display:inline-block;margin-top:2px;font-weight:600}.home-shell>.hero{grid-row:span 2}.home-shell>.page-foot{grid-column:1 / -1;margin:2px 0 6px;padding-top:14px;border-top:1px solid var(--line)}.about-card{grid-column:2;display:flex;align-items:center;gap:18px;padding:16px 20px;border-radius:18px;text-align:left;background:linear-gradient(135deg,#f0c14b0f,#ffffff05);border:1px solid var(--line)}.about-txt{flex:1;min-width:0}.about-card h2{margin:0 0 6px;font-family:var(--font-display);font-size:20px;font-weight:400;letter-spacing:.01em;color:var(--gold)}.about-card p{margin:0;font-size:14.5px;line-height:1.55;color:#b9cdbb}.about-guide{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:10px 14px 10px 12px;border-radius:12px;text-decoration:none;font-size:14px;font-weight:800;color:var(--gold);white-space:nowrap;background:#f0c14b1a;border:1px solid rgba(240,193,75,.38);transition:background .15s,border-color .15s,transform .15s var(--ease)}.about-guide .i:last-child{opacity:.8;transition:transform .2s var(--ease)}.about-guide:hover{background:#f0c14b2e;border-color:#f0c14bb3;transform:translateY(-1px)}.about-guide:hover .i:last-child{transform:translate(3px)}@media(max-width:960px){.home-shell>.hero{grid-row:auto}.about-card{grid-column:auto}}@media(max-width:640px){.about-card{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px}.about-guide{justify-content:center}}.flag-row{align-items:center;gap:10px}.flag-row .flag{width:27px;height:20px;border-radius:3px}.flag-row select{min-width:220px}.hk-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}.hk-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:8px}.hk-row>div{min-width:0;overflow-wrap:anywhere}.hk-row button{flex:none}.hk-on{color:var(--green);font-weight:600}.hk-new{margin-top:10px;padding:10px 12px;border:1px solid var(--gold);border-radius:8px}.hk-new .row{gap:8px;flex-wrap:nowrap}#hk-key{flex:1;min-width:0;font-family:ui-monospace,monospace}.rp{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;background:#050c07;color:var(--text);font-family:var(--font-body)}.rp button,.rp select,.rp input{font-size:13px}.rp-top{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line)}.rp-ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f0c14b24;color:var(--gold);flex:none}.rp-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.rp-title b{font:400 20px/1.1 var(--font-display);color:var(--gold);letter-spacing:.01em}.rp-title small{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rp-x{width:36px;height:36px;padding:0;border-radius:10px;flex:none}.rp-stage{flex:1;min-height:120px;display:grid;place-items:center;padding:4px;overflow:hidden}.rp-canvas{display:block;border-radius:10px;box-shadow:0 0 0 1px #ffffff1f,0 18px 50px #00000080;background:#07110a}.rp-bar{padding:8px 14px 10px;border-top:1px solid var(--line);background:#0a160e;display:flex;flex-direction:column;gap:8px}.rp-time{display:flex;align-items:center;gap:10px;font-variant-numeric:tabular-nums;font-weight:700;font-size:13px}.rp-now,.rp-len{flex:none;min-width:42px;text-align:center;color:var(--muted)}.rp-now{color:var(--text)}.rp-track{position:relative;flex:1;height:38px;margin:0 12px;cursor:pointer;touch-action:none;outline:none}.rp-track:before{content:"";position:absolute;left:0;right:0;top:15px;height:8px;border-radius:4px;background:#ffffff24}.rp-fill{position:absolute;left:0;top:15px;height:8px;border-radius:4px;background:var(--gold);pointer-events:none}.rp-dim{position:absolute;top:6px;bottom:6px;background:#0308059e;pointer-events:none}.rp-dim-l{left:0;border-radius:6px 0 0 6px}.rp-dim-r{right:0;border-radius:0 6px 6px 0}.rp-sel{position:absolute;top:6px;bottom:6px;border-top:2px solid rgba(240,193,75,.85);border-bottom:2px solid rgba(240,193,75,.85);pointer-events:none;opacity:.45}.rp-track.cut .rp-sel{opacity:1}.rp-h{position:absolute;top:4px;bottom:4px;width:12px;background:var(--gold);cursor:ew-resize;z-index:2;box-shadow:0 2px 6px #00000073;opacity:.8}.rp-h:after{content:"";position:absolute;left:50%;top:50%;width:2px;height:12px;margin:-6px 0 0 -1px;border-radius:1px;background:#10200fb3}.rp-ha{transform:translate(-100%);border-radius:6px 0 0 6px}.rp-hb{border-radius:0 6px 6px 0}.rp-track.cut .rp-h,.rp-h:hover{opacity:1}.rp-head{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;border-radius:1px;box-shadow:0 0 6px #0009;z-index:3;cursor:grab}.rp-head:before{content:"";position:absolute;left:50%;top:-5px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:#fff;box-shadow:0 1px 5px #0000008c;transition:transform .12s}.rp-head:after{content:"";position:absolute;inset:0 -4px}.rp-head:hover:before,.rp-track.scrub .rp-head:before{transform:scale(1.18)}.rp-track.scrub,.rp-track.scrub .rp-head{cursor:grabbing}.rp-tip{position:absolute;bottom:calc(100% + 10px);transform:translate(-50%);z-index:6;pointer-events:none;padding:5px 9px;border-radius:9px;white-space:nowrap;font:800 12px/1.3 var(--font-body);font-variant-numeric:tabular-nums;background:#08100bf5;border:1px solid var(--line-2);color:var(--text);box-shadow:0 6px 18px #00000073}.rp-tip.hidden{display:none}.rp-tip:after{content:"";position:absolute;left:50%;top:100%;margin-left:-5px;border:5px solid transparent;border-top-color:#08100bf5}.rp-tip.goal{display:flex;flex-direction:column;gap:2px;padding:7px 11px;text-align:left}.rp-tip.goal>div{display:flex;align-items:baseline;gap:2px}.rp-tip.goal b{font:400 15px/1 var(--font-display);letter-spacing:.04em}.rp-tip.goal.red b{color:#ff6b6b}.rp-tip.goal.blue b{color:#7ea6ff}.rp-tip.goal em{font-style:normal;font-weight:800;margin-left:4px}.rp-tip.goal small{color:var(--muted);font-weight:700;margin-left:4px}.rp-tip.goal i{color:var(--muted);font-style:normal;font-weight:700}.rp-tip.goal .as{color:#c9d6c9;font-weight:700}.rp-gm{position:absolute;bottom:-3px;width:12px;height:12px;margin-left:-6px;padding:0;border-radius:50%;border:2px solid #050c07;z-index:4;cursor:pointer}.rp-gm.red{background:#ff6b6b}.rp-gm.blue{background:#7ea6ff}.rp-gm:hover{transform:scale(1.35)}.rp-clear{width:30px;height:30px;padding:0;border-radius:9px;font-size:16px;flex:none}.rp-len{min-width:54px}.rp-grp .rp-tog{color:var(--muted);text-decoration:line-through;text-decoration-color:#ffffff59}.rp-grp .rp-tog.on{color:var(--text);text-decoration:none;border-color:#f0c14b8c;background:#f0c14b14}.rp-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px}.rp-grp{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.rp-grp button{height:34px;padding:0 11px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1;box-sizing:border-box}.rp-grp button:not(:disabled):hover{border-color:var(--line-2);background-color:var(--surface-3)}.rp-ib{min-width:40px;justify-content:center;font-variant-numeric:tabular-nums}.rp-grp .rp-play{width:46px;height:34px;justify-content:center;padding:0;color:#10200f;background:var(--gold);border-color:var(--gold)}.rp-grp .rp-play:not(:disabled):hover{background:#f5cf6a;border-color:#f5cf6a}.rp-f{display:inline-flex;align-items:center;gap:6px;height:34px;margin:0;color:var(--muted);font-size:12px;font-weight:700}.rp-f select{height:34px;padding:0 32px 0 10px;margin:0;border-radius:10px;line-height:1;background-position:right 10px center;max-width:190px;box-sizing:border-box}.rp-zoom input{width:110px;padding:0;accent-color:var(--gold);background:none;border:0;box-shadow:none}.rp-zoom input:disabled{opacity:.4}.rp-grp .rp-chip{padding:0 10px;gap:7px;font-variant-numeric:tabular-nums}.rp-grp .rp-chip.on{border-color:var(--gold);color:var(--gold);background:#f0c14b1a}.rp-shape{display:inline-block;height:14px;border:2px solid currentColor;border-radius:3px}.rp-cut{padding-top:8px;border-top:1px dashed rgba(255,255,255,.1)}.rp-grp .rp-mp4{color:#fff;background:linear-gradient(180deg,#34b85c,#1f8a3d);border-color:#4fd176}.rp-grp .rp-mp4:not(:disabled):hover{background:linear-gradient(180deg,#3cc766,#22963f);border-color:#6ee08f}.rp-busy{position:absolute;inset:0;display:grid;place-items:center;background:#030805b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:2}.rp-busy.hidden,.rp .hidden{display:none}.rp-busy-card{width:min(380px,90vw);padding:20px;border-radius:16px;background:#0c1a11;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.rp-busy-card b{font:400 22px/1.1 var(--font-display);color:var(--gold)}.rp-busy-card small{color:var(--muted);font-size:12px}.rp-busy-card button{padding:8px 18px}.rp-prog{width:100%;height:10px;border-radius:5px;background:#ffffff1a;overflow:hidden}.rp-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,#2fb257,var(--gold));transition:width .15s}.rp-pct{font-weight:800;font-variant-numeric:tabular-nums}.rp-notice{position:fixed;left:50%;bottom:22px;z-index:80;max-width:min(520px,92vw);padding:10px 16px;border-radius:12px;background:#08100bf2;border:1px solid var(--line-2);color:var(--text);font:700 13.5px/1.35 var(--font-body);text-align:center;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.rp-notice.on{opacity:1;transform:translate(-50%)}@media(max-width:760px){.rp-top{padding:8px 10px}.rp-bar{padding:6px 10px 8px;gap:6px}.rp-row{justify-content:center}.rp-zoom input{width:80px}.rp-f>span{display:none}}@media(max-height:520px){.rp-top{padding:3px 10px}.rp-ico,.rp-title small,.rp-f>span{display:none}.rp-title b{font-size:16px}.rp-x{width:30px;height:30px}.rp-bar{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 10px;padding:2px 10px 6px}.rp-time{flex-basis:100%}.rp-track{height:32px}.rp-track:before,.rp-fill{top:12px}.rp-row,.rp-cut{display:contents}.rp-grp{gap:4px}.rp-grp button,.rp-f,.rp-f select,.rp-grp .rp-play{height:30px}.rp-grp button{padding:0 8px}.rp-grp .rp-play{width:38px}.rp-f select{padding:0 26px 0 8px;background-position:right 8px center}.rp-zoom input{width:70px}}.hud-nav .rec-btn{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.rec-btn i{width:9px;height:9px;border-radius:50%;background:#ff5a5a;box-shadow:0 0 0 2px #ff5a5a40}.hud-nav .rec-btn.on{border-color:#ff5a5a;color:#ffb3b3}.rec-btn.on i{animation:rec-blink 1s steps(2,start) infinite}@keyframes rec-blink{to{visibility:hidden}}.panel-wrap .replay-cta{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:11px 14px;border-radius:14px;background:#f0c14b12;border-color:#f0c14b59}.panel-wrap .replay-cta:not(:disabled):hover{background:#f0c14b1f;border-color:#f0c14b99}.replay-cta .replay-ico{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#f0c14b29;color:var(--gold);flex:none}.replay-cta .replay-txt{display:flex;flex-direction:column;gap:2px;min-width:0}.replay-cta b{font:400 18px/1.1 var(--font-display);color:var(--gold);letter-spacing:.01em}.replay-cta small{color:var(--muted);font-size:12px;font-weight:600}.recap-replay{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:10px}.recap-replay button{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;font-size:13px}.recap-replay.solo{margin:4px 0 14px;justify-content:flex-start}.rp-est{color:var(--muted);font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.rp-est.warn{color:#ff8a80}.set-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0 0 22px;padding:4px;background:#00000042;border:1px solid var(--line);border-radius:14px}.set-cat{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:10px 12px;border:1px solid transparent;border-radius:10px;cursor:pointer;white-space:nowrap;color:var(--muted);font-size:14px;font-weight:600;transition:color .15s,background-color .15s,border-color .15s}.set-cat:hover{color:var(--text);background:#ffffff0a}.set-cat.on{background:#2e8c4638;border-color:#3a6a42;color:var(--text)}.set-cat.on .i{color:#6fdc8f}.set-cat span{overflow:hidden;text-overflow:ellipsis}.setx input[type=radio],.set-sw input{position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0;pointer-events:none}.set-cat:has(input:focus-visible),.set-pick:has(input:focus-visible),.set-sw input:focus-visible+.sw{outline:2px solid rgba(240,193,75,.75);outline-offset:2px}.set-sec{display:none}.set-sec.on{display:block;animation:pane-in .22s var(--ease)}.set-h{display:flex;align-items:center;gap:8px;margin:24px 0 10px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.set-sec>.set-h:first-child,.set-sec>.set-list:first-child{margin-top:0}.set-h kbd{letter-spacing:.04em}.set-note{margin:10px 2px 0;max-width:62em;font-size:12.5px;line-height:1.5;color:var(--muted)}.set-picks{display:grid;gap:10px}.set-picks.two{grid-template-columns:repeat(2,minmax(0,1fr))}.set-picks.three{grid-template-columns:repeat(3,minmax(0,1fr))}.set-pick{position:relative;display:flex;flex-direction:column;gap:7px;margin:0;padding:14px 16px 15px;border-radius:14px;cursor:pointer;background:#0003;border:1px solid var(--line);transition:border-color .15s,background-color .15s}.set-pick:hover{border-color:var(--line-2);background:#ffffff08}.set-pick.on{border-color:#46c265a6;background:#2e8c4626}.pick-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.pick-head b{font-size:15px;font-weight:800;color:var(--text)}.pick-head em{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.02em;padding:2px 8px;border-radius:999px;color:var(--gold);background:#f0c14b1f;border:1px solid rgba(240,193,75,.3)}.pick-dot{flex:none;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);transition:border-color .15s}.pick-dot:after{content:"";width:8px;height:8px;border-radius:50%;background:#46c265;transform:scale(0);transition:transform .15s var(--ease)}.set-pick.on .pick-dot{border-color:#46c265}.set-pick.on .pick-dot:after{transform:scale(1)}.set-pick small{padding-left:25px;font-size:12.5px;line-height:1.5;color:var(--muted)}.set-list{border:1px solid var(--line);border-radius:14px;background:#0003;overflow:hidden}.set-row{position:relative;display:flex;align-items:center;gap:18px;margin:0;padding:14px 16px}.set-row+.set-row{border-top:1px solid rgba(255,255,255,.07)}.set-txt{flex:1;min-width:0;display:grid;gap:3px}.set-txt b{font-size:14.5px;font-weight:700;color:var(--text)}.set-txt small,.set-range small{font-size:12.5px;line-height:1.45;color:var(--muted);font-weight:400}.set-sw{cursor:pointer;transition:background-color .15s}.set-sw:hover{background:#ffffff06}.sw{position:relative;flex:none;width:42px;height:24px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);transition:background-color .18s var(--ease),border-color .18s}.sw:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#b9cbb9;box-shadow:0 1px 3px #00000073;transition:transform .18s var(--ease),background-color .18s}.set-sw input:checked+.sw{background:var(--green);border-color:#4fcf76}.set-sw input:checked+.sw:after{transform:translate(18px);background:#fff}.set-range{display:grid;gap:8px}.set-range label{display:flex;align-items:baseline;gap:4px;margin:0;font-size:14.5px;font-weight:700;color:var(--text)}.set-range label span{flex:1}.set-range label b{color:var(--gold);font-weight:800;font-variant-numeric:tabular-nums}.set-range input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:22px;margin:0;background:transparent;cursor:pointer}.set-range input[type=range]:focus{box-shadow:none}.set-range input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--green) var(--fill, 50%),rgba(255,255,255,.12) var(--fill, 50%))}.set-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;background:#fff;border:3px solid var(--green);box-shadow:0 1px 4px #00000073}.set-range input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:#ffffff1f}.set-range input[type=range]::-moz-range-progress{height:6px;border-radius:999px;background:var(--green)}.set-range input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--green);box-shadow:0 1px 4px #00000073}.set-range input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #f0c14b59}.set-range input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #f0c14b59}.set-keys{padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#0003}@media(min-width:900px){.setx:not(.hud) .set-keys{grid-template-columns:auto 1fr auto 1fr;column-gap:14px}}.setx.hud .set-cats{margin-bottom:16px}.setx.hud .set-cat{gap:6px;padding:8px 6px;font-size:12.5px}.setx.hud .set-h{margin-top:18px}.setx.hud .set-pick{padding:11px 12px 12px}.setx.hud .set-pick small{padding-left:0;font-size:11.5px}.setx.hud .pick-head b{font-size:14px}.setx.hud .set-row{padding:11px 13px;gap:14px}.setx.hud .set-txt b,.setx.hud .set-range label{font-size:13.5px}.setx.hud .set-txt small,.setx.hud .set-range small,.setx.hud .set-note{font-size:11.5px}@media(max-width:640px){.set-picks.two,.set-picks.three{grid-template-columns:1fr}.set-cat{padding:9px 4px;font-size:13px}.set-cat .i{display:none}}#hud.chat-off .live-chat{display:none}#hud.chat-off:has(.live-chat-in:not(.hidden)) .live-chat:not(:empty){display:flex}.key-intro{pointer-events:auto;position:absolute;left:50%;top:calc(50% + 64px);z-index:5;transform:translate(-50%);width:min(880px,calc(100vw - 32px));padding:16px 18px 18px;border-radius:20px;background:#08100bdb;border:1px solid var(--line-2);box-shadow:0 18px 50px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:ki-in .32s var(--ease)}.gecko .key-intro{-webkit-backdrop-filter:none;backdrop-filter:none;background:#08100bf0}.key-intro.out{opacity:0;transform:translate(-50%) translateY(8px);transition:opacity .24s,transform .24s}@keyframes ki-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%)}}.ki-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 12px}.ki-head span{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.key-intro .ki-ok{padding:7px 16px;border-radius:10px;font-size:14px;font-weight:700}.ki-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.ki-tile{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 8px 14px;border-radius:14px;background:#ffffff09;border:1px solid var(--line);text-align:center;transition:background-color .25s,border-color .25s}.ki-keys{display:flex;gap:5px;justify-content:center;align-items:center;height:81px}.ki-keys.wasd{display:grid;grid-template-columns:repeat(3,38px);grid-template-rows:repeat(2,38px);align-content:center}.ki-keys.wasd kbd:nth-child(1){grid-area:1 / 2}.ki-keys.wasd kbd:nth-child(2){grid-area:2 / 1}.ki-keys.wasd kbd:nth-child(3){grid-area:2 / 2}.ki-keys.wasd kbd:nth-child(4){grid-area:2 / 3}.ki-keys kbd{min-width:38px;height:38px;padding:0 8px;display:inline-grid;place-items:center;font-size:15px;font-weight:800;border-radius:9px;border-bottom-width:3px;background:#1a2d1f}.ki-keys kbd.wide{padding:0 12px;font-size:13px;letter-spacing:.06em}.ki-tile b{font-size:17px;font-weight:800;color:var(--text);line-height:1.1}.ki-tile small{margin-top:-6px;font-size:12px;color:var(--muted)}.ki-tile.on{background:#2e8c4633;border-color:#4fcf7699}.ki-tile.on b{color:#7fe39c}.ki-tile.on kbd{border-color:#4fcf768c}@media(max-width:760px){.ki-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-height:640px){.key-intro{top:auto;bottom:calc(var(--hint-h, 32px) + 18px)}}.chat-log .at,.live-chat .at{font-weight:800;color:#9fd0ff}.chat-log .at.me,.live-chat .at.me{color:var(--gold)}.chat-log .mention,.live-chat .mention{margin:0 -6px;padding:1px 6px;border-radius:7px;background:#f0c14b1a}.live-chat .mention{font-weight:700}.live-chat .stat{font-size:.86em;font-weight:600;color:#cfe0d0;opacity:.9;transition:opacity .4s ease}.live-chat .stat:before{content:"";display:inline-block;width:6px;height:6px;margin:0 7px .12em 1px;border-radius:50%;background:currentColor;vertical-align:middle;opacity:.8}.live-chat .stat.pass:before{color:#6fdc8f}.live-chat .stat.save:before{color:#8fb6ff}.live-chat .stat.tackle:before{color:#f0c14b}.live-chat .stat.mine{color:var(--text)}.live-chat .stat.out{opacity:0}.live-chat .stat{animation:stat-in .32s var(--ease) both}@keyframes stat-in{0%{opacity:0;transform:translateY(10px)}to{transform:none}}@media(prefers-reduced-motion:reduce){.live-chat .stat{animation:none}}.goal-fx{position:absolute;left:50%;top:34%;z-index:4;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px;transform:translate(-50%,-50%);animation:gfx-out .32s ease 1.75s forwards}.gfx-word{position:relative;font-family:var(--font-display);font-weight:400;font-size:clamp(44px,min(11vw,17vh),150px);line-height:1;letter-spacing:.03em;white-space:nowrap;will-change:transform,opacity;animation:gfx-in .5s cubic-bezier(.2,1.45,.35,1) both}.gfx-ext{display:block;color:#0f5f2c;-webkit-text-stroke:.09em #0b4a22;text-shadow:0 .02em 0 #0e5a2a,0 .04em 0 #0d5527,0 .06em 0 #0b4d23,0 .075em 0 #0a461f,0 .09em 0 #f5a524,0 .105em 0 #e8901a,0 .12em 0 #d67b0e,0 .135em 0 #c26a06,0 .16em .12em rgba(0,0,0,.45)}.gfx-face{position:absolute;inset:0;display:block;background:linear-gradient(180deg,#fff7b0,#ffe743 34%,#f7c600,#ffdc3c 82%,#ffe97a);-webkit-background-clip:text;background-clip:text;color:transparent}.goal-fx.lite .gfx-ext{text-shadow:0 .06em 0 #0b4d23,0 .11em 0 #d67b0e}.gfx-who{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:-.1em;animation:gfx-who .4s var(--ease) .22s both}.gfx-who b{font-family:var(--font-display);font-weight:400;font-size:clamp(18px,min(3.6vw,6vh),46px);line-height:1.05;color:#fff;letter-spacing:.02em;max-width:80vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 0 #0b4a22,0 -2px 0 #0b4a22,2px 0 0 #0b4a22,-2px 0 0 #0b4a22,2px 2px 0 #0b4a22,-2px 2px 0 #0b4a22,2px -2px 0 #0b4a22,-2px -2px 0 #0b4a22,0 5px 10px rgba(0,0,0,.45)}.goal-fx.red .gfx-who b{color:#ffe1dc}.goal-fx.blue .gfx-who b{color:#e3ecff}.gfx-who small{font-size:clamp(11px,1.2vw,14px);font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#ffd0c8;text-shadow:0 1px 3px rgba(0,0,0,.8)}@keyframes gfx-in{0%{transform:scale(1.7);opacity:0}60%{opacity:1}to{transform:scale(1);opacity:1}}@keyframes gfx-who{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes gfx-out{to{opacity:0;transform:translate(-50%,-50%) scale(.94)}}@media(prefers-reduced-motion:reduce){.gfx-word,.gfx-who{animation:none}}body.touch-on .goal-fx{top:56%}body.touch-on .gfx-word{animation-name:gfx-in-sm}@keyframes gfx-in-sm{0%{transform:scale(1.3);opacity:0}60%{opacity:1}to{transform:scale(1);opacity:1}}.card-fx{position:absolute;left:50%;top:22%;z-index:4;pointer-events:none;display:flex;align-items:center;gap:14px;padding:10px 22px 10px 16px;background:#060e0975;border:1px solid rgba(255,255,255,.1);border-radius:14px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transform:translate(-50%,-50%);animation:cfx-in .32s cubic-bezier(.2,1.4,.35,1) both,cfx-out .35s ease 1.85s forwards}.cfx-card{width:clamp(20px,2.2vw,30px);aspect-ratio:3 / 4;border-radius:3px;transform:rotate(-12deg);box-shadow:0 3px 8px #00000073,inset 0 0 0 1px #ffffff40;animation:cfx-card .45s cubic-bezier(.2,1.6,.35,1) .05s both}.card-fx.yellow .cfx-card{background:linear-gradient(160deg,#ffe45c,#f5c518 60%,#dba90a)}.card-fx.red .cfx-card{background:linear-gradient(160deg,#ff6b5e,#e23b3b 60%,#b51f1f)}.cfx-text{display:flex;flex-direction:column;line-height:1.1}.cfx-text b{font-family:var(--font-display);font-weight:400;font-size:clamp(18px,min(2.6vw,4.4vh),34px);color:#fff;max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 6px rgba(0,0,0,.55)}.card-fx.t1 .cfx-text b{color:#ffe1dc}.card-fx.t2 .cfx-text b{color:#e3ecff}.cfx-text small{font-size:clamp(11px,1vw,13.5px);font-weight:800;letter-spacing:.16em;text-transform:uppercase}.card-fx.yellow .cfx-text small{color:#ffd84a}.card-fx.red .cfx-text small{color:#ff8a80}@keyframes cfx-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.86)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes cfx-out{to{opacity:0;transform:translate(-50%,-60%)}}@keyframes cfx-card{0%{transform:rotate(-40deg) scale(.4);opacity:0}to{transform:rotate(-12deg);opacity:1}}@media(prefers-reduced-motion:reduce){.card-fx,.cfx-card{animation:none}}body.touch-on .card-fx{top:30%}.goal-cam{position:absolute;top:50%;z-index:4;display:none;flex-direction:column;align-items:center;width:280px;padding:6px 6px 8px;border-radius:6px;pointer-events:none;background:#0c1510e0;box-shadow:0 8px 22px #00000059}.goal-cam.right{right:16px}.goal-cam.left{left:16px}.goal-cam.on{display:flex;animation:gc-in .35s var(--ease) .25s both}.goal-cam small{align-self:stretch;margin:0 2px 5px;font-size:9.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.goal-cam canvas{display:block;width:268px;height:144px;border-radius:3px}.goal-cam b{margin-top:6px;font-size:13px;font-weight:800;color:#f2f5ef}.goal-cam.yes b{color:#8fe3a8}.goal-cam.no b{color:#ffb4a8}@keyframes gc-in{0%{opacity:0;transform:translateY(calc(-50% + 8px))}to{opacity:1;transform:translateY(-50%)}}.goal-cam.on{transform:translateY(-50%)}body.touch-on .goal-cam{width:210px;top:46%}body.touch-on .goal-cam canvas{width:198px;height:106px}.mode-pick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 16px}.mode-card{position:relative;display:flex;flex-direction:column;gap:5px;margin:0;padding:12px 14px 13px;border-radius:12px;cursor:pointer;background:#0003;border:1px solid var(--line);transition:border-color .15s,background-color .15s}.mode-card:hover{border-color:var(--line-2)}.mode-card.on{border-color:#46c265a6;background:#2e8c4626}.mode-card input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.mode-card:has(input:focus-visible){outline:2px solid rgba(240,193,75,.75);outline-offset:2px}.mode-card b{font-size:15px;font-weight:800;color:var(--text)}.mode-card small{font-size:12.5px;line-height:1.45;color:var(--muted)}.create-grid .rs-only{display:none}.create-grid.rs .rs-only{display:flex}.create-grid.rs .pb-only{display:none}.rs-info{grid-column:1 / -1;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px;background:#f0c14b14;border:1px solid rgba(240,193,75,.3)}.rs-info b{color:var(--gold);font-size:14px}.rs-info span{color:#f3d98a;font-size:13.5px;font-weight:600}.room-set .mode-pick{grid-column:1 / -1;margin:0}.room-set.rs{grid-template-columns:1fr}.room-set.rs .room-meta{margin:0}.tag-rs{color:#f3cd6b!important;border-color:#f0c14b80!important;font-weight:800}.clock .added{margin-left:7px;font-size:12px;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums}.clock .added:empty{display:none}.live-chat .stat.card:before{width:8px;height:11px;border-radius:1.5px;margin-right:8px;opacity:1}.live-chat .stat.card.yellow:before{color:#f5c518}.live-chat .stat.card.red:before{color:#e23b3b}.live-chat .stat.card{color:var(--text)}.stats-mode{display:inline-flex;gap:3px;padding:3px;margin-right:6px;border-radius:10px;background:#00000042;border:1px solid var(--line);align-self:flex-end}.stats-mode button{padding:6px 12px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--muted);font-size:13px;font-weight:700}.stats-mode button.on{background:#2e8c4638;border-color:#3a6a42;color:var(--text)}.live-chat .stat.rule:before{width:9px;height:9px;border-radius:2px;margin-right:8px;opacity:1}.live-chat .stat.rule.offside:before{color:#6fc3ff}.live-chat .stat.rule.twice:before{color:#f0c14b}.live-chat .stat.rule.advantage:before{color:#5fe08a}.live-chat .stat.rule{color:var(--text)}.extra-board{position:absolute;left:50%;top:118px;z-index:6;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 16px 7px;border-radius:10px;background:#0a0e0ce6;border:2px solid #3fae5b;box-shadow:0 6px 18px #00000073;pointer-events:none;opacity:0;transform:translate(-50%,-8px);transition:opacity .35s ease,transform .35s ease}.extra-board.on{opacity:1;transform:translate(-50%)}.extra-board small{font-size:11px;font-weight:800;letter-spacing:.14em;color:#b8d8bf}.extra-board b{font-size:26px;font-weight:900;color:#7dff8f;font-variant-numeric:tabular-nums;text-shadow:0 0 10px rgba(80,255,120,.35)}@media(hover:none)and (pointer:coarse){.extra-board{top:92px;padding:4px 12px 5px}.extra-board b{font-size:20px}}.card-tags{display:inline-flex;gap:2px;margin-left:6px;vertical-align:middle}.card-tags i{display:block;width:8px;height:11px;border-radius:1.5px;box-shadow:0 1px 2px #00000080}.card-tags i.cy{background:#f5c518}.card-tags i.cr{background:#e23b3b}.kacak-tag{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:6px;vertical-align:middle;font-size:10.5px;font-weight:900;letter-spacing:.08em;color:#ffd9d4;background:#c8302459;border:1px solid rgba(255,110,96,.55)}.vote-box{position:absolute;right:12px;top:64px;z-index:7;display:flex;flex-direction:column;gap:4px;min-width:210px;padding:10px 12px;border-radius:12px;background:#0a100ce6;border:1px solid rgba(240,193,75,.45);box-shadow:0 6px 18px #00000073}.vote-box b{font-size:13.5px;font-weight:800;color:#f3d98a}.vote-box small{font-size:12px;color:#c9dccb;font-variant-numeric:tabular-nums}.vote-box div{display:flex;gap:6px;margin-top:4px}.vote-box button{flex:1;padding:6px 8px;border-radius:8px;font-size:12.5px;font-weight:800}.vote-box button.on{outline:2px solid #f0c14b}@media(hover:none)and (pointer:coarse){.vote-box{top:54px;right:8px;min-width:180px}}.cap-tag{display:inline-flex;align-items:center;justify-content:center;width:16px;height:15px;margin-right:4px;border-radius:4px;background:#e3a91f;color:#fff;font-size:10px;font-weight:900;vertical-align:middle;text-shadow:0 1px 1px rgba(0,0,0,.35)}.plist .pick-btn{margin-left:auto;padding:3px 10px;border-radius:7px;font-size:12px;font-weight:800;background:#f0c14b;color:#1a1a1a;border:0;cursor:pointer}.plist .pick-btn+.ping-badge{margin-left:6px}.bot-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;padding:8px 10px;border-radius:10px;border:1px dashed rgba(240,193,75,.45)}.bot-bar span{font-size:12.5px;font-weight:800;color:#f3d98a;margin-right:4px}.bot-bar button{padding:5px 10px;font-size:12.5px}.stats-wrap.loading{min-height:220px}.stats-wrap.loading:after{top:118px}.stats-wrap.skeleton:after{display:none}.stats-wrap.skeleton .stats{opacity:1}.stats tr.skel td{padding-top:12px;padding-bottom:12px}.stats tr.skel i{display:block;height:10px;width:70%;border-radius:6px;background:linear-gradient(90deg,#ffffff0f,#ffffff29,#ffffff0f);background-size:200% 100%;animation:skel-shine 1.1s ease-in-out infinite}.stats tr.skel td:nth-child(2) i{width:85%}@keyframes skel-shine{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.stats tr.skel i{animation:none}}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2) format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-ext-400-normal-i-8OOpdj.woff2) format("woff2"),url(/assets/nunito-latin-ext-400-normal-CjMJVfGn.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/nunito-latin-500-normal-EugFkASW.woff2) format("woff2"),url(/assets/nunito-latin-500-normal-B5klmw3Q.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/nunito-latin-ext-500-normal-DpF2BH_v.woff2) format("woff2"),url(/assets/nunito-latin-ext-500-normal-CVNQN0KE.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2) format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-ext-600-normal-Dd9Zuxh1.woff2) format("woff2"),url(/assets/nunito-latin-ext-600-normal-BKUpuB78.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-ext-700-normal-BWeMsAzO.woff2) format("woff2"),url(/assets/nunito-latin-ext-700-normal-D4woHhbd.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2) format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-ext-800-normal-CtU8tJOV.woff2) format("woff2"),url(/assets/nunito-latin-ext-800-normal-CDcxIxx8.woff) format("woff")}@font-face{font-family:Pickball Display;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pickball-display-Db2stRyh.woff) format("woff")}