:root{--bg-0: #04100a;--bg-1: #0a2016;--accent: #2fff9e;--accent-2: #21e0ff;--warn: #ffd23a;--danger: #ff4d6d;--magenta: #ff3df0;--ink: #eafff2;--muted: #8fd2ad;--glass: rgba(255, 255, 255, .055);--glass-brd: rgba(120, 255, 190, .18);--font: "Sora", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Bungee", system-ui, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 26px;--radius-pill: 999px;--shell-max: 1240px;--surface-1: rgba(255, 255, 255, .05);--surface-2: rgba(255, 255, 255, .08);--surface-3: rgba(255, 255, 255, .12);--card-bg: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02));--card-brd: rgba(120, 255, 190, .16);--shadow-1: 0 2px 10px rgba(0, 0, 0, .3);--shadow-2: 0 12px 30px rgba(0, 0, 0, .42);--shadow-3: 0 22px 55px rgba(0, 0, 0, .5);--glow-accent: 0 0 26px rgba(47, 255, 158, .22)}#ui{position:fixed;top:0;right:0;bottom:0;left:0;font-family:var(--font);color:var(--ink);pointer-events:none;z-index:10}#ui>*{pointer-events:auto}html,body{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,select,[contenteditable=""],[contenteditable=true]{-webkit-user-select:text;-moz-user-select:text;user-select:text}.fs-btn{position:fixed;z-index:40;bottom:max(10px,env(safe-area-inset-bottom));left:12px;width:40px;height:40px;border-radius:12px;border:1px solid var(--glass-brd);background:#07140c8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);font-size:17px;cursor:pointer;opacity:.8}.mute-btn{position:fixed;z-index:40;bottom:max(10px,env(safe-area-inset-bottom));left:60px;width:40px;height:40px;border-radius:12px;border:1px solid var(--glass-brd);background:#07140c8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);font-size:17px;cursor:pointer;opacity:.8}body.onboarding .fs-btn,body.onboarding .mute-btn,body.onboarding .alpha-badge,body:has(.tour-ov) .fs-btn,body:has(.tour-ov) .mute-btn,body:has(.tour-ov) .alpha-badge{display:none!important}.toast{position:fixed;z-index:60;left:50%;bottom:28px;transform:translate(-50%);max-width:90vw;background:#07140ceb;border:1px solid var(--glass-brd);color:var(--ink);padding:12px 18px;border-radius:14px;font-size:14px;font-weight:600;text-align:center;animation:fade .3s ease both}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:max(24px,env(safe-area-inset-top)) 12px calc(78px + env(safe-area-inset-bottom));overflow-x:hidden;background:radial-gradient(120% 90% at 50% -10%,rgba(47,255,158,.2),transparent 60%),radial-gradient(120% 90% at 50% 110%,rgba(33,224,255,.16),transparent 60%),linear-gradient(160deg,var(--bg-1),var(--bg-0));animation:fade .35s ease both}.screen:before,.menu:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(47,255,158,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(47,255,158,.05) 1px,transparent 1px),repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 2px,transparent 2px 4px);background-size:44px 44px,44px 44px,100% 4px;-webkit-mask-image:radial-gradient(120% 80% at 50% 0%,#000 35%,transparent 80%);mask-image:radial-gradient(120% 80% at 50% 0%,#000 35%,transparent 80%);opacity:.6}.screen>*,.menu>*{position:relative;z-index:1}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.brand{text-align:center;margin-bottom:6px}.brand h1{font-family:var(--font-display);font-size:clamp(40px,11vw,92px);letter-spacing:0;line-height:.95;background:linear-gradient(120deg,var(--accent),var(--accent-2) 70%,var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(47,255,158,.55)) drop-shadow(0 6px 18px rgba(0,0,0,.5))}.brand .dot{color:var(--warn);-webkit-text-fill-color:var(--warn)}.brand p{margin-top:10px;color:var(--muted);font-size:clamp(14px,3.5vw,18px);font-weight:500}.stack{display:flex;flex-direction:column;gap:14px;width:min(420px,92vw)}.menu{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background:radial-gradient(100% 50% at 50% -8%,rgba(47,255,158,.2),transparent 60%),radial-gradient(90% 50% at 100% 100%,rgba(255,61,240,.1),transparent 60%),radial-gradient(90% 50% at 0% 80%,rgba(33,224,255,.12),transparent 60%),linear-gradient(160deg,var(--bg-1),var(--bg-0));animation:fade .35s ease both}.menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 22px 8px}.brand-logo{width:clamp(132px,34vw,188px);height:clamp(40px,10.5vw,58px);background:url(/brand/logo-header.png) left center / contain no-repeat;filter:drop-shadow(0 3px 8px rgba(0,0,0,.4))}.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}.head-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.settings-btn{pointer-events:auto;width:40px;height:40px;flex:none;display:grid;place-items:center;font-size:20px;line-height:1;border-radius:12px;border:1px solid var(--glass-brd);background:var(--glass);transition:transform .15s ease,background .15s ease}.settings-btn:hover{background:#ffffff14;transform:rotate(30deg)}.settings-btn:active{transform:scale(.95)}.screen.settings{justify-content:flex-start;gap:12px}.screen.settings .stack{width:min(440px,100%)}.screen.settings .set-label{font-size:13px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:6px}.screen.settings .set-langs{justify-content:flex-start}.screen.settings .set-sound,.screen.settings .set-vibe{font-size:16px}.set-vol{display:flex;align-items:center;gap:10px;padding:4px 0}.set-vol-ico{font-size:18px;width:22px;text-align:center;flex:none}.set-vol-lbl{font-size:13px;font-weight:700;width:72px;flex:none}.set-vol-range{flex:1;accent-color:var(--accent);height:26px}.set-vol-val{font-size:12px;color:var(--muted);width:30px;text-align:right;font-variant-numeric:tabular-nums;flex:none}.home-menu{overflow-y:auto;overflow-x:hidden}.home{flex:1 0 auto;display:flex;flex-direction:column;gap:10px;width:100%;max-width:720px;margin:0 auto;padding:6px 18px calc(58px + env(safe-area-inset-bottom))}.home-hero{position:relative;isolation:isolate;border:none;border-radius:22px;padding:14px 18px;text-align:left;color:#fff;cursor:pointer;overflow:hidden;background:radial-gradient(120% 120% at 110% -10%,rgba(255,255,255,.22),transparent 55%),linear-gradient(135deg,#ff8a3d,#e0790f 55%,#d12f63);box-shadow:0 14px 34px #e2611a73,inset 0 -5px #00000038;animation:tileIn .45s cubic-bezier(.2,.8,.3,1) both}.home-hero:after{content:"";position:absolute;z-index:-1;top:-8px;bottom:-8px;right:-6px;width:46%;background:url(/brand/trophy-wc.webp) right center / contain no-repeat;opacity:.92;-webkit-mask-image:linear-gradient(to left,#000 52%,transparent);mask-image:linear-gradient(to left,#000 52%,transparent);pointer-events:none}.home-hero:hover{transform:translateY(-3px);filter:brightness(1.05)}.hero-promo{display:inline-block;background:#04100a8c;border:1px solid rgba(255,255,255,.4);color:#fff;font-weight:800;font-size:11px;letter-spacing:1px;padding:4px 10px;border-radius:999px;margin-bottom:8px;animation:pulse 2s ease-in-out infinite}.hero-flags{font-size:20px;letter-spacing:2px;margin-bottom:4px}.hero-title{font-family:var(--font-display);font-size:clamp(22px,6vw,34px);text-shadow:0 2px 0 rgba(0,0,0,.3)}.hero-sub{font-size:13px;font-weight:600;opacity:.95;margin:4px 0 14px;max-width:30em}.hero-cta{display:inline-block;background:#04130a;color:var(--accent);font-family:var(--font-display);font-size:15px;padding:11px 20px;border-radius:12px;box-shadow:0 5px #00000059}.home-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.home-act{border:none;border-radius:18px;padding:18px 16px;display:flex;flex-direction:column;gap:3px;align-items:flex-start;text-align:left;color:#fff;cursor:pointer;box-shadow:0 10px 26px #0006,inset 0 -5px #00000038;transition:transform .12s,filter .2s;animation:tileIn .45s cubic-bezier(.2,.8,.3,1) both}.home-act:hover{transform:translateY(-3px);filter:brightness(1.08)}.home-act:active{transform:scale(.98)}.home-play{background:linear-gradient(135deg,#1db96a,#0e9b53);animation-delay:.1s}.home-online{background:linear-gradient(135deg,#2e8fe0,#1f63b0);animation-delay:.15s}.act-ico{font-size:34px;line-height:1}.act-t{font-family:var(--font-display);font-size:clamp(16px,4.4vw,20px)}.act-s{font-size:11.5px;font-weight:600;opacity:.9}.home-ranked{grid-column:1 / -1;flex-direction:row;align-items:center;gap:14px;padding:16px 18px;background:radial-gradient(120% 140% at 110% -20%,rgba(255,255,255,.22),transparent 55%),linear-gradient(120deg,#f6b91a,#e0790f 55%,#b06bff);box-shadow:0 12px 30px #f6b91a66,inset 0 -5px #00000038;animation-delay:.05s}.home-ranked .act-ico{font-size:30px}.home-ranked .act-txt{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.home-ranked .act-go{font-family:var(--font-display);font-size:18px;color:#04130a;background:#ffffff8c;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none}.home-feed{display:flex;flex-direction:column;flex:0 1 auto;min-height:0;width:100%;text-align:left;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px 14px;background:linear-gradient(180deg,#ffffff0d,#ffffff05);box-shadow:inset 0 1px #ffffff0d;cursor:pointer;animation:tileIn .45s cubic-bezier(.2,.8,.3,1) both;animation-delay:.2s;transition:transform .12s,filter .2s}.home-feed:hover{transform:translateY(-2px);filter:brightness(1.08)}.home-feed:active{transform:scale(.99)}.feed-head{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-display);font-size:14px;color:#fff;margin-bottom:8px}.feed-head{flex:none}.feed-more{font-family:inherit;font-size:12px;color:var(--accent);opacity:.95}.feed-list{display:flex;flex-direction:column;gap:5px;flex:1 1 auto;min-height:0;max-height:120px;overflow-y:auto}.feed-row{display:flex;align-items:center;gap:9px;font-size:12.5px;color:#ffffffeb;line-height:1.25}.feed-ico{font-size:15px;flex:none}.feed-txt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-ago{flex:none;font-size:10.5px;color:#ffffff73}.feed-retire .feed-txt{color:#f6d24a;font-weight:600}.feed-farewell .feed-txt{color:#f6a94a}.feed-join .feed-txt{color:#6fe0a0}.feed-empty{font-size:12px;color:#ffffff80;padding:2px 0}.home-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:auto}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 6px;border-radius:16px;border:1px solid var(--glass-brd);background:var(--glass);color:var(--ink);font-size:11.5px;font-weight:700;cursor:pointer;transition:transform .12s,border-color .15s,background .15s}.nav-btn:hover{transform:translateY(-2px);border-color:#2fff9e80;background:#2fff9e12}.nav-ico{font-size:24px;line-height:1;position:relative}.nav-badge{position:absolute;top:-7px;right:-12px;min-width:17px;height:17px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:#ff4d57;color:#fff;font-size:11px;font-weight:800;line-height:17px;text-align:center;box-shadow:0 2px 6px #0006}.nav-badge[hidden]{display:none}.app-shell,.page-shell{width:100%;max-width:var(--shell-max);margin:0 auto;padding-left:clamp(16px,4vw,40px);padding-right:clamp(16px,4vw,40px)}.page-shell{display:flex;flex-direction:column;gap:var(--space-4)}.page-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) 0 var(--space-2)}.page-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media(min-width:768px){.page-grid.cols-2{grid-template-columns:1fr 1fr}.page-grid.cols-3{grid-template-columns:repeat(3,1fr)}.page-grid.aside{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}}.game-card,.action-card{position:relative;border:none;cursor:pointer;border-radius:var(--radius-lg);transition:transform .14s ease,filter .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.panel{border:1px solid var(--card-brd);border-radius:var(--radius-lg);background:var(--card-bg);box-shadow:var(--shadow-1),inset 0 1px #ffffff0d;padding:var(--space-4)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3)}.panel-title{font-family:var(--font-display);font-size:14px;color:#fff}.panel-more{font-size:12px;color:var(--muted);max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feature-card{position:relative;cursor:pointer;text-align:left;color:var(--ink);border:1px solid var(--card-brd);border-radius:var(--radius-lg);background:var(--card-bg);box-shadow:var(--shadow-1);padding:var(--space-4);transition:transform .14s ease,border-color .15s,box-shadow .2s,background .15s}.feature-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow-2),var(--glow-accent)}.feature-card:active{transform:scale(.99)}.bottom-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:var(--space-2)}.side-nav{display:flex;flex-direction:column;gap:var(--space-2)}.home-shell{display:flex;flex-direction:column;gap:var(--space-4);flex:1 0 auto;padding-top:var(--space-2);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom))}.home-menu .menu-head,.menu .menu-head{width:100%;max-width:var(--shell-max);margin:0 auto;padding:var(--space-4) clamp(16px,4vw,40px) var(--space-2)}.home-hub{display:grid;grid-template-columns:1fr;gap:var(--space-3);align-content:start}.home-primary,.home-aside{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.home-overview{display:flex;flex-direction:column;gap:var(--space-3);text-align:left;color:var(--ink);cursor:pointer;transition:transform .14s ease,border-color .15s,box-shadow .2s}.home-overview .panel-head{margin-bottom:0}.home-overview:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow-2),var(--glow-accent)}.ov-rank{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"emoji id" "bar bar";gap:4px 12px;align-items:center}.ov-rank-emoji{grid-area:emoji;font-size:30px;line-height:1}.ov-rank-id{grid-area:id;display:flex;flex-direction:column;min-width:0}.ov-rank-name{font-weight:800;font-size:15px;color:var(--dv, var(--accent))}.ov-rank-pts{font-size:12px;color:var(--muted)}.ov-rank-bar{grid-area:bar;height:7px;margin-top:4px;border-radius:var(--radius-pill);background:#ffffff1a;overflow:hidden}.ov-rank-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:var(--radius-pill)}.ov-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.ov-stat{background:var(--surface-1);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);padding:10px 6px;text-align:center}.ov-stat b{display:block;font-family:var(--font-display);font-size:20px;color:#fff;line-height:1.1}.ov-stat span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}@media(min-width:768px){.home-hub{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--space-5);flex:1 1 auto;align-content:stretch}.home-shell{gap:var(--space-5)}.home-hero{min-height:clamp(220px,30vh,300px);display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-5) var(--space-6);flex:1 1 auto;max-height:440px}.home-hero .hero-cta{margin-top:auto}.home-hero:after{font-size:clamp(130px,16vw,200px)}.hero-flags{font-size:24px}.hero-sub{font-size:14px;max-width:40em}.home-aside .home-feed{flex:1 1 auto;min-height:180px}.home-aside .feed-list{max-height:none}.bottom-nav.home-nav{padding:var(--space-2);border-radius:var(--radius-lg);background:var(--surface-1);border:1px solid rgba(255,255,255,.06)}}@media(min-width:1200px){.home-hero{min-height:clamp(260px,34vh,340px)}}@media(orientation:landscape)and (min-width:600px){.home-hub{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--space-4)}}@media(orientation:landscape)and (max-height:600px){.home-shell{gap:var(--space-3);padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom))}.home-menu .menu-head{padding-top:var(--space-2);padding-bottom:0}.home-hero{min-height:0;padding:var(--space-3) var(--space-4)}.hero-sub{margin:4px 0 10px}.hero-title{font-size:clamp(20px,4.6vh,30px)}}#gnotifs{position:fixed;z-index:80;top:calc(10px + env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;width:min(420px,94vw);pointer-events:none}.gnotif{pointer-events:auto;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#0d2014f7,#09160ef7);border:1px solid rgba(47,224,127,.5);border-radius:14px;padding:10px 12px;box-shadow:0 10px 30px #00000080;animation:gnotif-in .28s ease both}@keyframes gnotif-in{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}.gnotif-out{animation:gnotif-out .26s ease both}@keyframes gnotif-out{to{opacity:0;transform:translateY(-14px)}}.gnotif-tap{cursor:pointer}.gnotif-ico{font-size:24px;flex:none}.gnotif-txt{flex:1;min-width:0;display:flex;flex-direction:column;text-align:left}.gnotif-txt b{font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gnotif-txt small{font-size:12px;color:var(--muted)}.gnotif-act{flex:none;border:none;cursor:pointer;background:linear-gradient(135deg,#6bffb0,var(--accent));color:#04130a;font-weight:800;font-size:13px;padding:8px 12px;border-radius:10px}.gnotif-x{flex:none;border:none;background:transparent;color:var(--muted);font-size:13px;cursor:pointer;padding:4px 6px;line-height:1}.gnotif-discreet{opacity:.82;padding:7px 10px;pointer-events:none;background:#09160ed1;border-color:#2fe07f4d;box-shadow:0 6px 18px #0006}.gnotif-discreet .gnotif-x{pointer-events:auto}.gnotif-discreet .gnotif-ico{font-size:18px}.gnotif-discreet .gnotif-txt b{font-size:12.5px}.gnotif-discreet .gnotif-txt small{font-size:11px}.modes-title{font-family:var(--font-display);font-size:clamp(22px,6vw,32px);margin:2px 0}.modes-sub{font-size:13px;color:var(--muted);font-weight:600;margin-bottom:14px}.modes-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mode-tile{border:none;border-radius:18px;padding:20px 16px;min-height:124px;display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;color:#fff;cursor:pointer;box-shadow:0 10px 26px #0006,inset 0 -5px #00000038;transition:transform .12s,filter .2s;animation:tileIn .45s cubic-bezier(.2,.8,.3,1) both}.mode-tile:hover{transform:translateY(-3px);filter:brightness(1.08)}.mode-tile:active{transform:scale(.98)}.mt-vscpu{background:linear-gradient(135deg,#1db96a,#0e9b53)}.mt-friend{background:linear-gradient(135deg,#2e8fe0,#1f63b0);animation-delay:.05s}.mt-pencpu{background:linear-gradient(135deg,#ff8a3d,#e0790f);animation-delay:.1s}.mt-spectate{background:linear-gradient(135deg,#8a3fe0,#5d1fb0);animation-delay:.15s}.screen.modes{justify-content:flex-start;padding-top:max(40px,env(safe-area-inset-top))}.mode-row{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border-radius:16px;border:1px solid var(--glass-brd);background:var(--glass);color:var(--ink);cursor:pointer;text-align:left;transition:transform .12s,border-color .15s,background .15s}.mode-row{box-shadow:0 8px 22px #0000004d}.mode-row:hover{transform:translateY(-3px);border-color:#2fff9e99;background:#2fff9e14;box-shadow:0 14px 34px #0000006b}.mode-row:active{transform:scale(.99)}.mode-ico{font-size:26px;line-height:1;flex:none;width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff14}.mode-txt{flex:1;display:flex;flex-direction:column;gap:2px}.mode-txt b{font-size:17px;font-weight:800}.mode-txt small{font-size:12.5px;color:var(--muted)}.mode-arrow{font-size:26px;color:var(--accent);flex:none;opacity:.7;transition:transform .15s ease,opacity .15s ease}.mode-row:hover .mode-arrow{transform:translate(3px);opacity:1}.mode-feature{border-color:#f6b91a8c;background:linear-gradient(120deg,#f6b91a29,#b06bff1f);box-shadow:0 8px 26px #f6b91a33}.mode-feature:hover{border-color:#f6b91acc;background:linear-gradient(120deg,#f6b91a38,#b06bff29)}.mode-feature .mode-ico{background:#f6b91a2e;box-shadow:inset 0 0 0 1px #f6b91a4d}.mode-feature .mode-arrow{color:var(--warn)}.screen.rk-search{justify-content:center;gap:22px}.rk-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px 34px;border-radius:20px;border:1px solid rgba(176,107,255,.4);background:#0e121cb3;box-shadow:0 10px 40px #00000059;min-width:240px}.rk-div{font-size:22px;font-weight:800;display:flex;align-items:center;gap:8px}.rk-pts{font-size:14px;color:var(--muted);margin-top:-6px}.rk-spinner{display:flex;gap:9px;margin:6px 0}.rk-spinner span{width:12px;height:12px;border-radius:50%;background:var(--accent);animation:rkbounce 1s infinite ease-in-out both}.rk-spinner span:nth-child(1){animation-delay:-.32s}.rk-spinner span:nth-child(2){animation-delay:-.16s}.rk-spinner.done span{animation:none;background:#2fe07f}@keyframes rkbounce{0%,80%,to{transform:scale(.4);opacity:.5}40%{transform:scale(1);opacity:1}}.rk-status{font-size:15px;font-weight:700;text-align:center}.rk-status.rk-found{color:#2fe07f}.rk-timer{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.coins-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid rgba(246,185,26,.5);background:#f6b91a1f;color:var(--ink);font-weight:700;font-size:14px;cursor:pointer}.coins-chip b{color:var(--warn);font-size:16px}.coins-chip:hover{background:#f6b91a33}.screen.store,.screen.profile{justify-content:flex-start;gap:12px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:84px}.store-head{display:flex;align-items:center;justify-content:space-between;width:min(560px,94vw);margin:0 auto 4px}.store-title{font-size:clamp(24px,6vw,34px);font-weight:900}.store-scroll{width:min(560px,94vw);max-height:64vh;overflow-y:auto;margin:8px auto;display:flex;flex-direction:column;gap:18px;padding:4px}.store-sec-title{font-weight:800;font-size:15px;margin-bottom:8px;color:var(--muted)}.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.store-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-brd);transition:border-color .15s,transform .1s}.store-card.equipped{border-color:var(--accent);background:#2fe07f14}.store-emoji{font-size:30px;line-height:1}.store-card .sw{width:44px;height:14px;border-radius:7px;box-shadow:inset 0 0 0 1px #ffffff40}.store-img{width:52px;height:52px;object-fit:cover;border-radius:10px;box-shadow:inset 0 0 0 1px #fff3}.store-name{font-size:13px;font-weight:700;text-align:center}.store-btn{padding:8px 10px;font-size:13px;border-radius:12px;width:100%}.store-btn.is-equipped{color:var(--accent);border-color:transparent;background:transparent}.screen.profile{overflow-y:auto;gap:10px}.prof-head{display:flex;align-items:center;gap:14px;width:min(460px,94vw);margin:0 auto;background:linear-gradient(135deg,#ffffff14,#ffffff05);border:1px solid var(--glass-brd);border-radius:18px;padding:14px 16px}.prof-avatar{width:62px;height:62px;flex:none;border-radius:18px;border:2px solid var(--glass-brd);background:var(--glass);font-size:32px;display:flex;align-items:center;justify-content:center;cursor:pointer}.prof-id{flex:1;min-width:0;text-align:left;display:flex;flex-direction:column;gap:5px}.prof-label{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--muted)}.prof-id .team-name-input{width:100%;text-align:left;font-size:19px}.prof-rank{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;padding:3px 10px;border-radius:999px;color:var(--rank-color, #fff);background:#ffffff0f;border:1px solid var(--rank-color, var(--glass-brd))}.prof-rank-emoji{font-size:13px}.prof-highlights{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px;width:min(460px,94vw);margin:0 auto}.prof-tile{background:var(--glass);border:1px solid var(--glass-brd);border-radius:14px;padding:10px 4px;text-align:center}.prof-tile-ico{font-size:19px;line-height:1}.prof-tile-v{font-size:19px;font-weight:900;line-height:1.25}.prof-tile-l{font-size:9px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.3px}.prof-section-title{width:min(460px,94vw);margin:6px auto -2px;font-size:11px;font-weight:800;letter-spacing:1.2px;color:var(--muted);text-align:left}.avatar-row{display:flex;flex-wrap:wrap;gap:6px;width:min(460px,94vw);margin:0 auto;justify-content:center}.avatar-opt{width:40px;height:40px;border-radius:12px;border:1px solid var(--glass-brd);background:var(--glass);font-size:20px;cursor:pointer}.avatar-opt.on{border-color:var(--accent);background:#2fe07f24}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(460px,94vw);margin:0 auto}.stat-card{background:var(--glass);border:1px solid var(--glass-brd);border-radius:14px;padding:12px 4px;text-align:center}.stat-card.stat-win{border-color:#2fe07f66}.stat-card.stat-loss{border-color:#ff5d6c66}.stat-v{font-size:20px;font-weight:900}.stat-l{font-size:10.5px;color:var(--muted);font-weight:600}.prof-account{width:min(460px,94vw);margin:10px auto 0;display:flex;flex-direction:column;gap:8px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid var(--glass-brd);border-radius:16px;padding:14px}.prof-account-mail{font-weight:800;font-size:14px;word-break:break-all}.prof-logout{color:#ff9a9a}.prof-account-guest{text-align:center;align-items:center}.prof-guest-ico{font-size:34px}.prof-guest-t{font-family:var(--font-display);font-size:16px;color:#fff}.prof-login{width:100%;margin-top:4px}.prof-back{width:min(460px,94vw);margin:4px auto 8px}.profile-shell{display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-3)}.profile-shell .prof-head,.profile-shell .prof-highlights,.profile-shell .prof-section-title,.profile-shell .avatar-row,.profile-shell .stat-grid,.profile-shell .prof-account{width:100%;margin-left:0;margin-right:0}.prof-col{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.profile-shell .prof-section-title{margin-top:var(--space-2);margin-bottom:0}.profile-shell .avatar-row{justify-content:flex-start}.profile-shell .prof-account{margin-top:0}@media(min-width:768px){.profile-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start}.profile-shell .prof-avatar{width:72px;height:72px;font-size:38px}}.end-reward{font-size:16px;font-weight:800;color:var(--warn);margin-bottom:6px}.clip-prompt{position:absolute;z-index:47;left:50%;bottom:max(20px,calc(env(safe-area-inset-bottom) + 16px));transform:translate(-50%);width:min(420px,92vw);background:#07140cf0;border:1px solid var(--glass-brd);border-radius:16px;padding:12px 14px;box-shadow:0 14px 40px #0000008c;animation:fade .25s ease both}.clip-prompt-t{font-weight:800;font-size:14px;text-align:center;margin-bottom:8px}.clip-prompt-row{display:flex;gap:8px}.clip-prompt-row .btn{flex:1;padding:12px}.clip-prompt-row .btn:last-child{flex:0 0 auto}.screen.gallery{justify-content:flex-start;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:84px;gap:12px}.gal-grid{width:min(560px,94vw);display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.gallery-shell{display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-2)}.gallery-shell .gal-brand{text-align:left;margin-bottom:0}.gallery-shell .gal-brand h1{background:linear-gradient(120deg,var(--accent),var(--accent-2) 70%,var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent}.gallery-shell .gal-grid{width:100%;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.gal-empty{grid-column:1 / -1;text-align:center;color:var(--muted);font-weight:700;padding:40px 12px;line-height:1.5}.gal-card{position:relative;padding:0;border:1px solid var(--glass-brd);border-radius:14px;overflow:hidden;background:#0a120e;cursor:pointer;aspect-ratio:4 / 3;transition:transform .12s,box-shadow .2s}.gal-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #00000073}.gal-card:active{transform:scale(.98)}.gal-thumb{width:100%;height:100%;object-fit:cover;pointer-events:none}.gal-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#0000008c;color:#fff;font-size:18px;padding-left:3px;box-shadow:0 4px 14px #00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.gal-card .gal-meta{position:absolute;left:0;right:0;bottom:0;margin:0;padding:14px 10px 7px;font-size:11.5px;color:#fff;font-weight:800;text-align:left;display:flex;flex-direction:column;gap:1px;background:linear-gradient(transparent,#000c)}.gal-card .gal-meta small{font-weight:600;opacity:.75;font-size:10px}.gal-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:16px;background:#02080cd1;animation:fadeIn .2s ease both}.gal-viewer-box{position:relative;width:min(640px,96vw);background:#0d1612;border:1px solid var(--glass-brd);border-radius:16px;padding:14px;box-shadow:0 24px 60px #0009}.gal-viewer-video{width:100%;border-radius:12px;background:#000;aspect-ratio:16 / 10;object-fit:contain}.gal-viewer-meta{font-size:13px;color:#fff;font-weight:700;margin:10px 2px}.gal-viewer-actions{display:flex;gap:10px}.gal-viewer-actions .gal-dl{flex:1}.gal-viewer-x{position:absolute;top:-10px;right:-10px;width:34px;height:34px;border-radius:50%;border:none;background:#fff;color:#0d1612;font-size:16px;font-weight:900;cursor:pointer;box-shadow:0 4px 12px #00000080}.legal-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px;background:#040a07b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .25s ease both}.legal-card{display:flex;flex-direction:column;width:min(560px,96vw);max-height:88vh;background:linear-gradient(180deg,#0d1a13,#060f0a);border:1px solid var(--glass-brd);border-radius:18px;box-shadow:0 24px 60px #0009;overflow:hidden}.legal-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 18px 10px}.legal-head h2{font-family:var(--font-display);font-size:clamp(18px,5vw,24px)}.legal-x{width:34px;height:34px;flex:none;border-radius:10px;cursor:pointer;border:1px solid var(--glass-brd);background:var(--glass);color:var(--ink);font-size:16px}.legal-body{overflow-y:auto;padding:0 18px 8px;-webkit-overflow-scrolling:touch}.legal-body h3{font-size:15px;font-weight:800;margin:14px 0 4px;color:#fff}.legal-body p{font-size:13.5px;line-height:1.5;color:var(--muted);margin:0 0 8px}.legal-done{margin:10px 18px 16px}body:not(.at-home):not(.at-landing) .cookie-banner{display:none!important}body:not(.at-home) .install-banner{display:none!important}.cookie-banner{position:fixed;left:0;right:0;margin-inline:auto;bottom:calc(14px + env(safe-area-inset-bottom));z-index:200;width:min(620px,92vw);max-height:80vh;overflow-y:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,#14241a,#0b1610);border:1px solid var(--glass-brd);box-shadow:0 16px 40px #0000008c;animation:tileIn .4s cubic-bezier(.2,.8,.3,1) both}.cookie-text{flex:1;min-width:220px;font-size:12.5px;line-height:1.45;color:var(--ink)}.cookie-link{background:none;border:none;color:var(--accent);font:inherit;font-weight:700;cursor:pointer;padding:0;text-decoration:underline}.cookie-actions{display:flex;gap:8px;flex:none}.cookie-actions .btn{padding:10px 14px;font-size:13px}.auth-terms{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:var(--muted);text-align:left;line-height:1.4;cursor:pointer}.auth-terms input{width:18px;height:18px;margin-top:1px;flex:none;accent-color:var(--accent)}.auth-lnk{background:none;border:none;color:var(--accent);font:inherit;font-weight:700;cursor:pointer;padding:0;text-decoration:underline}.auth-legal{font-size:11px;opacity:.8;text-align:center}.pen-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:48;overflow:hidden;pointer-events:none}.pen-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.pen-arrows{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui>.pen-scene,#ui>.var-scene,#ui>.replay-cine{pointer-events:none}.pen-arrow{position:absolute;transform:translate(-50%,-50%);width:clamp(58px,16vw,76px);height:clamp(58px,16vw,76px);border-radius:50%;display:grid;place-items:center;font-size:clamp(26px,7vw,34px);border:3px solid #fff;background:#07140c8c;color:#fff;pointer-events:auto;cursor:pointer;box-shadow:0 6px 18px #00000080;animation:penPulse 1s ease-in-out infinite}.pen-arrow.kick{border-color:#2fe07f}.pen-arrow.gk{border-color:#4fb0ff}.pen-arrow:active{background:#2fe07f59}.pen-tip{display:inline-block;line-height:1;transform-origin:50% 50%;will-change:transform}.pen-arrow.kick .pen-tip{color:#2fe07f}.pen-arrow.gk .pen-tip{color:#9fd2ff}@keyframes penPulse{0%,to{box-shadow:0 6px 18px #00000080,0 0 #2fe07f80}50%{box-shadow:0 6px 18px #00000080,0 0 0 10px #2fe07f00}}.pen-status{position:absolute;left:0;right:0;bottom:13%;text-align:center;font-family:var(--font-display);font-size:clamp(18px,5.5vw,32px);color:#fff;text-shadow:0 3px 14px rgba(0,0,0,.75);pointer-events:none;padding:0 16px}.pen-score{position:absolute;left:0;right:0;top:5%;display:flex;justify-content:center;align-items:center;gap:clamp(8px,3vw,18px);font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.7);pointer-events:none;padding:0 12px}.pen-score b{font-size:clamp(20px,6vw,28px)}.pen-score .pen-marks{font-size:13px;opacity:.9;letter-spacing:1px}.screen.ach-screen{justify-content:flex-start;gap:12px;padding:max(14px,env(safe-area-inset-top)) clamp(14px,4vw,40px) calc(40px + env(safe-area-inset-bottom));background:radial-gradient(120% 70% at 50% -10%,rgba(255,255,255,.12),transparent 50%),linear-gradient(165deg,#ff8a3d,#d35a12 36%,#7d1f3e)}.ach-screen .submenu-sub,.ach-screen .submenu-title{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4)}.ach-note{width:min(560px,94vw);text-align:center;font-size:13px;font-weight:700;color:#fff;background:#00000047;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:9px 14px}.ach-summary{font-family:var(--font-display);color:#fff;font-size:14px;text-shadow:0 1px 3px rgba(0,0,0,.4)}.btn.wc-achievements{width:min(440px,100%);color:#fff;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.6);background:#00000080;border:1px solid color-mix(in srgb,#f6b91a 70%,transparent)}.btn.wc-achievements:hover{color:#fff6df;background:#0009;box-shadow:0 0 16px #f6b91a59}.ach-empty{width:min(440px,90vw);text-align:center;color:#fff;margin-top:8vh;display:flex;flex-direction:column;align-items:center;gap:12px}.ach-empty-ico{font-size:64px;filter:drop-shadow(0 6px 16px rgba(0,0,0,.4))}.ach-empty-txt{font-size:15px;font-weight:600;line-height:1.4;text-shadow:0 1px 3px rgba(0,0,0,.4)}.ach-grid{width:min(620px,96vw);display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.ach-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px 10px;border-radius:16px;cursor:pointer;color:#fff;background:linear-gradient(160deg,#0c1016d1,#080c08d1);border:1px solid color-mix(in srgb,#f6b91a 45%,transparent);box-shadow:0 8px 22px #0006,inset 0 0 14px #f6b91a1f;transition:transform .12s,box-shadow .2s;animation:tileIn .4s cubic-bezier(.2,.8,.3,1) both}.ach-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #00000080,0 0 18px #f6b91a59}.ach-card:active{transform:scale(.97)}.ach-flag{line-height:1;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45))}.ach-name{font-family:var(--font-display);font-size:14px;text-align:center;line-height:1.05}.ach-count{position:absolute;top:8px;right:8px;font-family:var(--font-display);font-size:12px;color:#04130a;background:linear-gradient(90deg,#ffe07a,#f6b91a);border-radius:999px;padding:2px 8px}.ach-date{font-size:11px;font-weight:700;color:#ffffffb3}.ach-cta{margin-top:4px;font-size:11px;font-weight:800;letter-spacing:.5px;color:var(--accent)}.tr-wipe{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:grid;place-items:center;overflow:hidden;pointer-events:none;clip-path:circle(0% at 50% 50%);background:radial-gradient(120% 120% at 50% 38%,rgba(255,255,255,.22),transparent 55%),linear-gradient(150deg,#ff8a3d,#e0790f 52%,#d12f63)}.tr-wipe.tr-in{animation:trCoverIn .44s cubic-bezier(.6,0,.3,1) forwards}.tr-wipe.tr-out{animation:trCoverOut .46s cubic-bezier(.6,0,.3,1) forwards}@keyframes trCoverIn{0%{clip-path:circle(0% at 50% 50%)}to{clip-path:circle(150% at 50% 50%)}}@keyframes trCoverOut{0%{clip-path:circle(150% at 50% 50%)}to{clip-path:circle(0% at 50% 50%)}}.tr-center{display:flex;flex-direction:column;align-items:center;gap:12px}.tr-trophy{width:min(52vw,230px);height:auto;filter:drop-shadow(0 12px 30px rgba(0,0,0,.45));transform:scale(.2)}.tr-brand{font-style:italic;font-weight:800;font-size:clamp(20px,6vw,30px);color:#fff;letter-spacing:.5px;text-shadow:0 2px 10px rgba(0,0,0,.45);opacity:0}.tr-in .tr-trophy{animation:trTrophyPop .62s cubic-bezier(.2,.9,.3,1.35) both}.tr-in .tr-brand{animation:trBrandIn .5s ease .2s both}.tr-out .tr-center{animation:trCenterOut .46s cubic-bezier(.6,0,.4,1) forwards}@keyframes trTrophyPop{0%{transform:scale(.2) rotate(-40deg);opacity:0}55%{transform:scale(1.14) rotate(7deg);opacity:1}72%{transform:scale(.96) rotate(-3deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes trBrandIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes trCenterOut{to{transform:scale(2.1) rotate(6deg);opacity:0}}.tr-rays{position:absolute;width:200vmax;height:200vmax;pointer-events:none;opacity:.5;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.16) 0deg 10deg,transparent 10deg 20deg);animation:trRays 8s linear infinite}@keyframes trRays{to{transform:rotate(360deg)}}.tr-flash{position:absolute;width:60vmax;height:60vmax;border-radius:50%;background:radial-gradient(circle,#fff,transparent 65%);opacity:0}.tr-in .tr-flash{animation:trFlash .6s ease-out both}@keyframes trFlash{0%{opacity:0;transform:scale(.3)}38%{opacity:.9}to{opacity:0;transform:scale(1.8)}}@media(prefers-reduced-motion:reduce){.tr-wipe.tr-in,.tr-wipe.tr-out{animation-duration:.2s}.tr-rays{display:none}}.champ-cine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:52;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden;animation:fade .3s ease both;padding:env(safe-area-inset-top) 0 calc(10px + env(safe-area-inset-bottom))}.cc-canvas{height:100%;width:auto;max-width:100%;object-fit:contain;display:block;box-shadow:0 0 60px #0009}.cc-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;background:#0009;color:#fff;font-weight:800;font-size:14px;padding:12px 18px;border-radius:14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cc-spin{width:18px;height:18px;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cc-actions{position:absolute;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 18px);display:flex;flex-direction:column;gap:9px;width:min(360px,86vw)}.cc-actions .btn{width:100%}.cc-actions .cc-share{font-size:17px}.champ-cine [hidden]{display:none!important}.cc-skip{position:absolute;top:calc(env(safe-area-inset-top) + 12px);right:14px;background:#00000080;border:1px solid rgba(255,255,255,.2);color:#ffffffd9;font-weight:700;font-size:13px;padding:7px 13px;border-radius:999px;cursor:pointer}.cc-skip:active{transform:scale(.96)}.trophy-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(90% 70% at 50% 30%,rgba(246,185,26,.28),transparent 60%),linear-gradient(160deg,#1a1206,#07140c);animation:fade .4s ease both}.ts-content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px}.ts-sub{font-family:var(--font-display);font-size:clamp(16px,5vw,24px);color:var(--warn);animation:pulse 1.6s ease-in-out infinite}.ts-trophy{font-size:clamp(90px,28vw,180px);filter:drop-shadow(0 0 40px rgba(246,185,26,.7));animation:tsLift 1.2s cubic-bezier(.2,1.3,.3,1) both,tsFloat 2.6s ease-in-out 1.2s infinite}@keyframes tsLift{0%{transform:translateY(120px) scale(.4);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes tsFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.ts-team{font-size:clamp(18px,5vw,26px);font-weight:800;display:flex;align-items:center;gap:8px}.ts-title{font-family:var(--font-display);font-size:clamp(24px,8vw,46px);background:linear-gradient(120deg,#ffe27a,var(--warn),#ff9f1a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(246,185,26,.6))}.ts-go{margin-top:14px}.ts-beam{position:absolute;left:50%;top:-10%;z-index:1;pointer-events:none;width:120vw;height:80vh;transform:translate(-50%);background:conic-gradient(from 180deg at 50% 0%,transparent 0deg,rgba(246,185,26,.14) 18deg,transparent 36deg,rgba(246,185,26,.1) 54deg,transparent 72deg);animation:tsBeam 8s linear infinite}@keyframes tsBeam{0%{transform:translate(-50%) rotate(-6deg)}50%{transform:translate(-50%) rotate(6deg)}to{transform:translate(-50%) rotate(-6deg)}}.ts-squad{display:flex;justify-content:center;gap:clamp(4px,2vw,12px);margin-top:4px}.ts-player{animation:tsPlayerIn .5s cubic-bezier(.2,1.3,.3,1) both}.ts-player:nth-child(odd) .ts-disc{animation:tsCelebrate 1s ease-in-out infinite}.ts-player:nth-child(2n) .ts-disc{animation:tsCelebrate 1s ease-in-out .25s infinite}.ts-disc{position:relative;overflow:hidden;width:clamp(40px,12vw,58px);aspect-ratio:1;border-radius:50%;border:3px solid rgba(246,185,26,.9);box-shadow:0 6px 14px #00000080,0 0 14px #f6b91a80}.ts-face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ts-disc>span{position:absolute;z-index:2;left:50%;bottom:1px;transform:translate(-50%);font-size:10px;font-weight:900;color:#fff;background:#0009;padding:0 5px;border-radius:7px}@keyframes tsPlayerIn{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes tsCelebrate{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}.ts-confetti{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.ts-confetti .cf{position:absolute;top:-20px;width:9px;height:14px;border-radius:2px;opacity:.9;animation-name:cfFall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes cfFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(540deg);opacity:.7}}.lineup-intro{position:absolute;top:0;right:0;bottom:0;left:0;z-index:44;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:14px;padding:max(18px,env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom));overflow-y:auto;background:radial-gradient(120% 80% at 50% -10%,rgba(47,255,158,.16),transparent 60%),linear-gradient(160deg,#0a2016,#04100a);animation:fade .3s ease both}.li-banner{font-family:var(--font-display);font-size:clamp(20px,6vw,32px);color:var(--accent);text-shadow:0 0 18px rgba(47,255,158,.5);letter-spacing:1px}.li-teams{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:min(460px,96vw)}@media(orientation:landscape),(min-width:680px){.li-teams{flex-direction:row;width:min(700px,96vw)}.li-vs{align-self:center}}.li-team{flex:1;min-width:0;background:#ffffff0d;border:1px solid var(--glass-brd);border-radius:16px;padding:12px 10px}.li-team-head{display:flex;align-items:center;gap:7px;font-weight:900;font-size:14px;margin-bottom:10px;overflow:hidden;white-space:nowrap}.li-team-name{overflow:hidden;text-overflow:ellipsis}.li-team-ovr{margin-left:auto;flex:none;font-family:var(--font-display);font-size:13px;color:var(--accent)}.li-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;justify-items:center}.li-cards .fcard{width:100%;max-width:150px}.li-cardwrap{width:100%;display:flex;justify-content:center;animation:liCardIn .45s cubic-bezier(.2,.8,.3,1) both}@keyframes liCardIn{0%{opacity:0;transform:translateY(14px) scale(.92)}to{opacity:1;transform:none}}.tv-broadcast{justify-content:center;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,#0c2418,#03100a 75%)}.li-stage{width:min(400px,94vw);display:grid;place-items:center}.tv-broadcast .li-team{position:relative;width:100%;text-align:center;background:#ffffff0a;border:1px solid var(--glass-brd);border-radius:18px;padding:16px 12px 18px;box-shadow:0 0 44px #2fff9e24,inset 0 0 0 1px #ffffff0a}.li-live{position:absolute;top:10px;right:12px;font-size:9px;font-weight:900;letter-spacing:1px;color:#ff6b6b}.li-label{font-family:var(--font-display);font-size:12px;letter-spacing:3px;color:var(--accent)}.tv-broadcast .li-team-head{justify-content:center;font-size:clamp(16px,5vw,22px);margin:4px 0 2px}.li-ovrbig{font-family:var(--font-display);font-size:32px;color:var(--accent);line-height:1;margin-bottom:12px}.li-ovrbig small{font-size:10px;color:#ffffff80;letter-spacing:1px;margin-left:4px}.tv-broadcast .li-cards .fcard{max-width:132px}.li-dots{display:flex;gap:8px;z-index:3}.li-dots span{width:8px;height:8px;border-radius:50%;background:#fff3;transition:background .2s,transform .2s}.li-dots span.on{background:var(--accent);transform:scale(1.3)}.tv-broadcast .lineup-go{z-index:3}.tv-in{animation:tvOn .55s cubic-bezier(.2,.8,.3,1) both;transform-origin:center}@keyframes tvOn{0%{transform:scaleY(.006) scaleX(1.25);filter:brightness(4) saturate(0);opacity:0}35%{transform:scaleY(.05) scaleX(1.02);filter:brightness(2.4) saturate(.5);opacity:1}60%{transform:scaleY(1.04) scaleX(1);filter:brightness(1.5)}to{transform:scale(1);filter:none}}.tv-scan{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,#0000 0,#0000 2px,#00000021 2px,#00000021 3px);mix-blend-mode:multiply;animation:tvFlicker 5s steps(40) infinite}@keyframes tvFlicker{0%,96%{opacity:.55}97%{opacity:.75}98%{opacity:.4}to{opacity:.55}}.tv-vig{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(120% 100% at 50% 50%,transparent 52%,rgba(0,0,0,.55))}.tv-switch{animation:tvSwitch .34s steps(3) 1}@keyframes tvSwitch{0%{filter:brightness(2.2) contrast(.4);transform:translateY(-1.5%)}25%{filter:hue-rotate(80deg) brightness(1.4);transform:translateY(1%)}to{filter:none;transform:none}}.li-dot{width:14px;height:14px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 2px #ffffff4d}.li-row{display:flex;align-items:center;gap:8px;padding:7px 4px;border-top:1px solid rgba(255,255,255,.06);animation:liIn .4s cubic-bezier(.2,.8,.3,1) both}@keyframes liIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.li-num{width:22px;text-align:center;font-weight:900;color:var(--muted);font-size:13px;flex:none}.li-pn{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.1;overflow:hidden}.li-pn b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.li-pn small{font-size:10px;color:var(--muted)}.li-ovr{font-weight:900;font-size:17px;color:var(--accent);width:26px;text-align:center;flex:none}.li-vs{display:flex;align-items:center;font-family:var(--font-display);font-size:18px;color:var(--warn)}.itv-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:49;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px;background:#020805db;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .3s ease both}.itv-stage{position:relative;width:min(460px,94vw);display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:70px 16px 18px;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#0d1a13,#060f0a);border:1px solid var(--glass-brd);box-shadow:0 20px 60px #0009}.itv-wall{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1;pointer-events:none;background-image:repeating-linear-gradient(45deg,rgba(47,255,158,.5) 0 2px,transparent 2px 22px)}.itv-wall:after{content:"REFOOT · REFOOT · REFOOT · REFOOT · REFOOT · REFOOT · REFOOT · REFOOT";position:absolute;top:0;right:0;bottom:0;left:0;padding:8px;font-family:var(--font-display);font-size:16px;line-height:2.4;color:#fff;opacity:.12;word-spacing:6px;overflow:hidden}.itv-actor{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px;width:46%}.itv-disc{width:clamp(54px,16vw,74px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;font-size:clamp(22px,7vw,32px);border:3px solid rgba(0,0,0,.35);box-shadow:0 6px 14px #00000080,inset 0 5px #fff3;animation:itvbob 1.8s ease-in-out infinite}@keyframes itvbob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.itv-rep-disc{background:radial-gradient(circle at 38% 30%,#4a5360,#232b36 70%)}.itv-player .itv-disc{animation-delay:.3s}.itv-tag{font-size:12px;font-weight:800;color:var(--muted)}.itv-player .itv-tag{color:#fff;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.itv-bubble{position:relative;z-index:2;background:#fff;color:#10231a;border-radius:14px;padding:10px 12px;font-size:13.5px;font-weight:600;line-height:1.3;min-height:18px;width:100%;opacity:0;transform:translateY(8px) scale(.9);transition:opacity .25s ease,transform .3s cubic-bezier(.2,1.5,.3,1)}.itv-bubble.show{opacity:1;transform:none}.itv-bubble:after{content:"";position:absolute;bottom:-8px;left:24px;border:8px solid transparent;border-top-color:#fff;border-bottom:none}.itv-player .itv-bubble{background:#d9ffe9}.itv-player .itv-bubble:after{border-top-color:#d9ffe9;left:auto;right:24px}.pstat-card{width:min(340px,90vw);text-align:left}.pstat-head{display:flex;align-items:center;gap:12px}.pstat-disc{width:48px;height:48px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:22px;color:#fff;box-shadow:inset 0 0 0 3px #ffffff4d,0 4px 10px #00000059}.pstat-id{flex:1;min-width:0}.pstat-name{font-weight:900;font-size:18px}.pstat-rar{font-size:12px;font-weight:800}.pstat-ovr{font-size:28px;font-weight:900;color:var(--accent);line-height:1;text-align:center}.pstat-ovr small{display:block;font-size:9px;color:var(--muted);letter-spacing:1px}.pstat-rows{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.pstat-rows span{background:var(--glass);border:1px solid var(--glass-brd);border-radius:10px;padding:5px 10px;font-size:12px;font-weight:700}.pstat-traits{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.tiles{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-auto-rows:minmax(118px,auto);gap:14px;width:100%;max-width:860px;margin:0 auto;padding:10px 22px 28px;align-content:center}.tile{position:relative;border:none;border-radius:18px;padding:18px 20px;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;color:#fff;text-align:left;cursor:pointer;overflow:hidden;box-shadow:0 10px 28px #00000073,inset 0 -5px #00000038;transition:transform .12s ease,filter .2s ease,box-shadow .2s ease}.tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 110% -10%,rgba(255,255,255,.28),transparent 55%);pointer-events:none}.tile:hover{transform:translateY(-4px) scale(1.015);filter:brightness(1.12) saturate(1.1);box-shadow:0 16px 36px #00000080,0 0 22px #2fff9e40,inset 0 -5px #00000038}.tile:active{transform:translateY(0) scale(.985)}.tile:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);pointer-events:none}.tile-icon{font-size:clamp(32px,7vw,44px);line-height:1;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35))}.tile-title{font-family:var(--font-display);font-size:clamp(14px,3.8vw,18px);letter-spacing:0;text-shadow:0 2px 0 rgba(0,0,0,.25)}.tile-sub{font-size:12px;font-weight:600;opacity:.9}@keyframes tileIn{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}.tiles .tile{animation:tileIn .42s cubic-bezier(.2,.8,.3,1) both}.tiles .tile:nth-child(1){animation-delay:.02s}.tiles .tile:nth-child(2){animation-delay:.06s}.tiles .tile:nth-child(3){animation-delay:.1s}.tiles .tile:nth-child(4){animation-delay:.14s}.tiles .tile:nth-child(5){animation-delay:.18s}.tiles .tile:nth-child(6){animation-delay:.22s}.tiles .tile:nth-child(7){animation-delay:.26s}.tiles .tile:nth-child(8){animation-delay:.3s}.tiles .tile:nth-child(9){animation-delay:.34s}.tiles .tile:nth-child(10){animation-delay:.38s}.tiles .tile:nth-child(11){animation-delay:.42s}.tiles .tile:nth-child(12){animation-delay:.46s}.tile.wide{grid-column:span 2}.tile--green{background:linear-gradient(135deg,#1db96a,#0e9b53)}.tile--blue{background:linear-gradient(135deg,#2e6cf6,#1a4ed0)}.tile--gold{background:linear-gradient(135deg,#f6a51a,#e0790f)}.tile--purple{background:linear-gradient(135deg,#8a3fe0,#5d1fb0)}.tile--teal{background:linear-gradient(135deg,#18b2c6,#0c889b)}.tile--pink{background:linear-gradient(135deg,#e84393,#b51e6e)}.tile--slate{background:linear-gradient(135deg,#5b6b7a,#36424d)}.tile--crimson{background:linear-gradient(135deg,#e23b4e,#a01124)}.tile--indigo{background:linear-gradient(135deg,#5a5ce0,#2f2fa0)}.tile--rose{background:linear-gradient(135deg,#fb5d8a,#d12f63)}.tile--orange{background:linear-gradient(135deg,#ff8a3d,#e2611a)}.tile--cyan{background:linear-gradient(135deg,#22d3ee,#0e9bb5)}.squad-scroll{width:min(460px,94vw);max-height:62vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:4px}.squad-sec{color:var(--accent);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:1px;margin:10px 0 2px}.pl-card{display:flex;align-items:center;gap:12px;background:#ffffff0d;border:1px solid var(--glass-brd);border-radius:14px;padding:10px 12px}.pl-card.injured{border-color:#ff5a3c80}.pl-card.selected{outline:2px solid var(--accent);background:#2fe07f1f}.pl-card{cursor:pointer;transition:transform .1s ease}.pl-card:active{transform:scale(.99)}.pl-num{font-weight:900;font-size:16px;color:var(--muted);width:26px;text-align:center}.pl-info{flex:1;min-width:0;text-align:left}.pl-name{font-weight:800;font-size:15px}.pl-inj{font-size:11px;color:var(--danger);font-weight:700}.pl-meta{font-size:12px;color:var(--muted)}.pl-cond{height:5px;background:#0006;border-radius:999px;overflow:hidden;margin-top:5px}.pl-cond>i{display:block;height:100%;background:linear-gradient(90deg,var(--warn),var(--accent))}.pl-ovr{font-weight:900;font-size:22px;color:var(--accent);width:36px;text-align:center}.pl-traits{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.pl-trait{font-size:10px;font-weight:700;background:#ffffff14;border:1px solid var(--glass-brd);border-radius:999px;padding:2px 7px}.hall-row{color:var(--ink);font-size:13px;padding:4px 6px;opacity:.85}.sq-view{width:100%;display:flex;flex-direction:column;align-items:center}.prog-row{display:flex;align-items:center;gap:12px;width:min(460px,94vw);background:var(--glass);border:1px solid var(--glass-brd);border-radius:14px;padding:10px 12px;margin-bottom:8px;cursor:pointer;transition:border-color .15s,transform .1s}.prog-row:hover{border-color:#2fff9e80}.prog-row:active{transform:scale(.99)}.prog-row.injured{border-color:#ff4d6d80}.prog-disc{width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;font-size:15px;box-shadow:inset 0 0 0 2px #ffffff40,0 3px 8px #00000059}.prog-main{flex:1;min-width:0;text-align:left}.prog-top{font-size:14px;display:flex;align-items:center;gap:6px}.prog-tag{font-size:9px;font-weight:800;letter-spacing:1px;color:var(--muted);border:1px solid var(--glass-brd);border-radius:999px;padding:1px 6px}.prog-meta{font-size:11.5px;font-weight:700;margin:2px 0}.prog-bar{height:6px;background:#0006;border-radius:999px;overflow:hidden}.prog-bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--warn),var(--accent))}.prog-xp{font-size:10px;color:var(--muted);margin-top:2px}.prog-ovr{font-weight:900;font-size:22px;color:var(--accent);width:40px;text-align:center;flex:none}.prog-ovr small{display:block;font-size:8px;color:var(--muted);letter-spacing:1px}.squad-screen{justify-content:flex-start;padding-top:14px;gap:6px}.squad-shell{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-2)}.sq-field,.sq-side{display:flex;flex-direction:column;align-items:center;min-width:0;width:100%}@media(min-width:900px){.sq-tactical{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--space-5);align-items:start;width:100%}.sq-field,.sq-side{align-items:stretch}.squad-shell .sq-pitch{width:100%;max-width:520px;margin:0 auto}.squad-shell .sq-bench{width:100%}.sq-side .squad-sec{text-align:left}.squad-shell .sq-listbody{align-items:stretch}.squad-shell .prog-grid{width:100%;max-width:none;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.squad-shell .sq-head,.squad-shell .sq-tabs{width:100%;max-width:none}}.sq-pitch{position:relative;width:min(440px,92vw);aspect-ratio:960 / 750;margin:6px auto 2px;border-radius:16px;border:3px solid rgba(255,255,255,.18);background:repeating-linear-gradient(180deg,#2faa57 0,#2faa57 12.5%,#279a4c 12.5%,#279a4c 25%);box-shadow:inset 0 0 50px #0000004d}.sq-player{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;cursor:grab;padding:0;touch-action:none}.sq-player:active{cursor:grabbing}.sq-disc{position:relative;width:clamp(42px,11vw,58px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;font-size:clamp(14px,3.6vw,18px);border:3px solid rgba(0,0,0,.35);box-shadow:0 4px 10px #0006,inset 0 5px #fff3}.sq-disc.sm{width:44px;font-size:15px}.sq-ovr{position:absolute;top:-7px;right:-9px;min-width:19px;text-align:center;background:linear-gradient(135deg,#7dffc0,var(--accent));color:#04130a;font-size:11px;font-weight:900;padding:1px 5px;border-radius:999px;border:1px solid rgba(0,0,0,.35);box-shadow:0 2px 5px #00000073;font-variant-numeric:tabular-nums}.sq-name{font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sq-player.sel .sq-disc,.sq-bench-player.sel .sq-disc{outline:3px solid #fff}.sq-player.inj .sq-disc,.sq-bench-player.inj .sq-disc{box-shadow:0 0 0 3px var(--danger),0 4px 10px #0006}.sq-bench{display:flex;gap:12px;overflow-x:auto;width:min(440px,92vw);padding:12px 6px 8px}.sq-bench-player{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;cursor:pointer;flex:0 0 auto;padding:0}.sq-detail{width:min(440px,92vw);display:flex;flex-direction:column;gap:8px;margin:4px auto}.sq-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#040a07b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px;animation:fade .2s ease both}.sq-modal-box{width:min(380px,92vw);display:flex;flex-direction:column;gap:10px}.num-edit{display:flex;align-items:center;gap:10px;justify-content:center;background:var(--glass);border:1px solid var(--glass-brd);border-radius:14px;padding:10px 12px}.num-edit-l{font-weight:800;font-size:14px;color:var(--muted);margin-right:auto}.num-btn{width:38px;height:38px;flex:none;border-radius:10px;border:1px solid var(--glass-brd);background:var(--glass);color:var(--ink);font-size:22px;font-weight:900;cursor:pointer}.num-btn:active{transform:scale(.94)}.num-in{width:64px;text-align:center;font-size:22px;font-weight:900;background:#0000004d;border:1px solid var(--glass-brd);color:var(--ink);border-radius:10px;padding:8px 4px;font-family:var(--font)}.num-edit.shake-num{animation:pkshake .4s ease}.sq-actions{display:flex;gap:8px;width:min(440px,92vw);margin-top:6px}.sq-actions .btn{flex:1;padding:12px;font-size:14px}.note.hot{color:var(--accent);font-weight:800}.fe-pitch{position:relative;width:min(440px,92vw);aspect-ratio:1080 / 700;margin:8px auto;border-radius:16px;border:3px solid rgba(255,255,255,.2);background:repeating-linear-gradient(180deg,#2faa57 0,#2faa57 12.5%,#279a4c 12.5%,#279a4c 25%);box-shadow:inset 0 0 50px #0000004d;touch-action:none}.fe-mid{position:absolute;top:0;left:6%;right:6%;height:3px;background:#ffffff80}.fe-goal{position:absolute;bottom:-1px;left:33%;right:33%;height:8px;background:#ffffffb3;border-radius:4px 4px 0 0}.sq-gkarea{position:absolute;box-sizing:border-box;border:2px dashed rgba(255,255,255,.5);border-bottom:none;border-radius:12px 12px 0 0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0 9px,transparent 9px 18px);display:grid;place-items:center;pointer-events:none;z-index:0}.sq-gkarea span{font-size:clamp(18px,6vw,26px);opacity:.38;filter:grayscale(.2)}.fe-disc{position:absolute;width:13%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;font-size:15px;background:radial-gradient(circle at 38% 30%,#6aa0ff,#2e6cf6 70%);border:3px solid #0b2a6b;box-shadow:0 4px 10px #0006;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.fe-disc.gk{background:radial-gradient(circle at 38% 30%,#ffe08a,#f6b91a 70%);border-color:#6b4a0b;color:#3a2700}.fe-disc.locked,.sq-player.gk-fixed{cursor:default}.fe-disc.locked:after{content:"🔒";position:absolute;top:-6px;right:-6px;font-size:11px}.fe-disc:active{cursor:grabbing}.fe-disc span{text-shadow:0 2px 0 rgba(0,0,0,.4);pointer-events:none}@media(min-width:760px){.tiles{grid-template-columns:repeat(4,1fr);grid-auto-rows:150px;max-width:920px}}.btn{border:1px solid var(--glass-brd);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);border-radius:18px;padding:18px 20px;font-size:17px;font-weight:700;font-family:var(--font);cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:2px;transition:transform .12s ease,box-shadow .2s ease,border-color .2s ease}.btn small{font-weight:500;color:var(--muted);font-size:13px}.btn:hover{transform:translateY(-2px);border-color:#2fe07f80}.btn:active{transform:translateY(0) scale(.99)}.btn-primary{align-items:center;text-align:center;font-family:var(--font-display);font-size:clamp(18px,5vw,24px);letter-spacing:.5px;padding:18px 22px;border:none;color:#04130a;background:linear-gradient(135deg,#6bffb0,var(--accent));box-shadow:0 7px #0c8f55,0 16px 36px #2fff9e66;animation:pulse 2.4s ease-in-out infinite}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 9px #0c8f55,0 20px 44px #2fff9e8c}.btn-primary:active{transform:translateY(4px);box-shadow:0 3px #0c8f55,0 8px 18px #2fff9e66}@keyframes pulse{0%,to{box-shadow:0 7px #0c8f55,0 16px 36px #2fff9e61}50%{box-shadow:0 7px #0c8f55,0 16px 50px #2fff9e9e}}.btn-ghost{text-align:center;align-items:center;font-size:15px;padding:14px;color:var(--muted)}.btn-legend{color:#2a1500;background:linear-gradient(135deg,#ffe27a,var(--warn) 55%,#ff9f1a);box-shadow:0 7px #a86a06,0 16px 40px #ff9f1a80}.btn-legend:hover{transform:translateY(-2px);box-shadow:0 9px #a86a06,0 20px 48px #ff9f1aa6}.btn-legend:active{transform:translateY(4px);box-shadow:0 3px #a86a06,0 8px 18px #ff9f1a80}.langrow{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.chip{pointer-events:auto;border:1px solid var(--glass-brd);background:var(--glass);color:var(--ink);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer}.chip.active{background:var(--accent);color:#04130a;border-color:transparent}.chip-legend{border-color:#ffd23a99;color:var(--warn);font-weight:800}.chip-legend.active{background:linear-gradient(135deg,#ffe27a,var(--warn));color:#2a1500}.seg{display:flex;gap:4px;width:100%;padding:4px;border-radius:14px;background:#00000047;border:1px solid var(--glass-brd);box-sizing:border-box}.seg-opt{flex:1 1 0;min-width:0;border:none;background:transparent;color:var(--muted);font-family:var(--font);font-weight:800;font-size:13px;padding:10px 6px;border-radius:10px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .18s ease,background .18s ease,transform .12s ease,box-shadow .18s ease}.seg-opt:hover{color:var(--ink)}.seg-opt:active{transform:scale(.97)}.seg-opt.active{color:#04130a;background:linear-gradient(135deg,#6bffb0,var(--accent));box-shadow:0 4px 14px #2fff9e66,inset 0 1px #fff6}.submenu-head{display:flex;align-items:center;gap:12px;width:min(460px,100%);margin:0 auto 2px;box-sizing:border-box}.screen-back,.submenu-back,.menu-back{position:fixed;z-index:25;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:13px;border:1px solid rgba(47,224,127,.34);background:linear-gradient(135deg,#0e2216f5,#08140df0);color:var(--accent);font-size:21px;line-height:1;cursor:pointer;box-shadow:0 6px 18px #00000080,inset 0 1px #ffffff12;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .12s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.screen-back:hover,.submenu-back:hover,.menu-back:hover{transform:translate(-2px);border-color:#2fe07fa6;background:linear-gradient(135deg,#142e1efa,#0b1c12f5);box-shadow:0 8px 22px #0000008c,0 0 18px #2fe07f38}.screen-back:active,.submenu-back:active,.menu-back:active{transform:scale(.94)}.submenu-head{padding-left:56px}.menu-head:has(.menu-back){padding-left:56px}@media(min-width:760px){.submenu-head,.menu-head:has(.menu-back){padding-left:0}}.submenu-titles{min-width:0;text-align:left}.submenu-title{font-family:var(--font-display);font-size:clamp(20px,5.5vw,30px);line-height:1.05;margin:0}.submenu-sub{font-size:12.5px;color:var(--muted);margin:2px 0 0}.set-cap{font-size:11px;font-weight:800;letter-spacing:1.3px;color:var(--muted);text-transform:uppercase;text-align:left;width:100%}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stagger>*{animation:rise-in .34s cubic-bezier(.22,1,.36,1) both}.stagger>*:nth-child(1){animation-delay:.02s}.stagger>*:nth-child(2){animation-delay:.06s}.stagger>*:nth-child(3){animation-delay:.1s}.stagger>*:nth-child(4){animation-delay:.14s}.stagger>*:nth-child(5){animation-delay:.18s}.stagger>*:nth-child(6){animation-delay:.22s}.btn:focus-visible,.chip:focus-visible,.seg-opt:focus-visible,.nav-btn:focus-visible,.mode-row:focus-visible,.mode-tile:focus-visible,.submenu-back:focus-visible,.input:focus-visible,.nation-card:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}@media(prefers-reduced-motion:reduce){.stagger>*{animation:none}.btn-primary{animation:none}.home-hero,.home-act,.home-feed,.home-overview,.game-card,.action-card,.feature-card,.hero-promo{animation:none!important}.home-hero:hover,.home-act:hover,.home-feed:hover,.home-overview:hover,.feature-card:hover{transform:none}}.team-id{display:flex;align-items:center;gap:12px;width:min(420px,calc(100% - 44px));margin:2px auto 6px;padding:10px 14px;border-radius:16px;background:linear-gradient(135deg,#ffffff12,#ffffff05);border:1px solid var(--glass-brd);cursor:text;transition:border-color .15s,background .15s}.team-id:focus-within{border-color:#2fe07f8c;background:#2fe07f0f}.team-badge{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:22px;box-shadow:inset 0 0 0 2px #ffffff40,0 4px 10px #0000004d}.team-id-main{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.team-id-label{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--muted)}.team-id-row{display:flex;align-items:center;gap:6px}.team-id-pencil{font-size:12px;opacity:.5;flex:none}.team-name-input{background:#0000004d;border:1px solid var(--glass-brd);color:var(--ink);border-radius:12px;padding:12px 14px;font-size:17px;font-weight:700;font-family:var(--font);text-align:center;width:min(280px,72vw)}.team-name-input:focus{outline:none;border-color:#2fe07f99}.team-name-input::placeholder{color:var(--muted)}.team-id .team-name-input{background:transparent;border:none;border-radius:0;padding:2px 0;font-size:19px;font-weight:800;text-align:left;width:100%;min-width:0}.field{display:flex;gap:10px;width:100%;flex-wrap:wrap}.field .btn{flex:1 1 auto}.input{flex:1 1 140px;min-width:0;background:#0000004d;border:1px solid var(--glass-brd);color:var(--ink);border-radius:14px;padding:16px;font-size:clamp(22px,7vw,28px);font-weight:800;letter-spacing:5px;text-align:center;font-family:var(--font)}.code-pill{font-size:44px;font-weight:900;letter-spacing:10px;color:var(--accent);text-align:center;padding:18px;border:2px dashed rgba(47,224,127,.5);border-radius:18px}.note{color:var(--muted);font-size:13px;text-align:center;max-width:360px}.lobby-slots{display:flex;flex-direction:column;gap:10px;width:100%}.lobby-slot{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-brd);transition:border-color .15s,background .15s}.lobby-slot.ready{border-color:#2fe07f99;background:#2fe07f14}.lobby-slot.empty{opacity:.55;border-style:dashed}.lobby-side{font-size:24px;flex:none}.lobby-name{flex:1;font-weight:800;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-status{font-size:13px;font-weight:700;color:var(--muted);flex:none}.lobby-slot.ready .lobby-status{color:var(--accent)}.lobby-slot.ready{box-shadow:0 0 0 1px #2fe07f40,0 8px 22px #0000004d}.btn.is-on{border-color:var(--accent);background:#2fe07f29;animation:lobby-wait 1.6s ease-in-out infinite}@keyframes lobby-wait{0%,to{opacity:.9}50%{opacity:.62}}.code-pill{background:linear-gradient(150deg,#2fe07f1f,#ffffff05);box-shadow:inset 0 0 22px #2fe07f1f;font-variant-numeric:tabular-nums}.join-stack{gap:16px}.join-field{align-items:stretch}.join-input{font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#0000005c,#0000003d);box-shadow:inset 0 0 18px #2fe07f14}.join-input::placeholder{color:#8fd2ad73;letter-spacing:8px}.join-go{flex:1 1 auto}.join-go:disabled{opacity:.5;animation:none;cursor:default;box-shadow:none}.diff-list{gap:12px}.diff-card{display:flex;align-items:center;gap:14px;width:100%;box-sizing:border-box;padding:16px 18px;border-radius:18px;border:1px solid var(--glass-brd);background:linear-gradient(135deg,#ffffff0f,#ffffff05);color:var(--ink);cursor:pointer;text-align:left;transition:transform .13s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.diff-card:hover{transform:translateY(-3px);border-color:#2fff9e99;background:#2fff9e14;box-shadow:0 10px 26px #0006}.diff-card:active{transform:scale(.98)}.diff-ico{font-size:30px;flex:none}.diff-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.diff-main b{font-family:var(--font-display);font-size:19px;letter-spacing:.3px}.diff-pips{display:flex;gap:5px}.diff-pips i{width:16px;height:5px;border-radius:3px;background:#ffffff26}.diff-pips i.on{background:var(--accent);box-shadow:0 0 8px #2fff9e80}.diff-go{font-size:16px;color:var(--accent);flex:none;opacity:.7}.diff-legend{border-color:#ffd23a8c;background:linear-gradient(135deg,#ffd23a29,#b06bff1a)}.diff-legend:hover{border-color:#ffd23ae6;background:linear-gradient(135deg,#ffd23a3d,#b06bff29)}.diff-legend .diff-pips i.on{background:var(--warn);box-shadow:0 0 8px #ffd23a99}.diff-legend .diff-go{color:var(--warn)}.mode-tile{box-shadow:0 8px 22px #00000052}.mode-tile:hover{box-shadow:0 14px 34px #0000006b}.hud{position:absolute;top:max(10px,env(safe-area-inset-top));left:0;right:0;display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 12px;pointer-events:none}.score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;width:min(420px,92vw);box-sizing:border-box;background:linear-gradient(180deg,#0a1a10d1,#06100ac7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-brd);border-top:2px solid rgba(255,255,255,.12);border-radius:14px;padding:4px 14px;font-weight:900;box-shadow:0 10px 30px #00000073}.score .team{font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);opacity:.55;transition:opacity .2s ease,color .2s ease,text-shadow .2s ease}.score .teamA{text-align:right}.score .teamB{text-align:left}.score-mid{display:flex;flex-direction:column;align-items:center;gap:1px}.score-nums{display:flex;align-items:baseline;gap:8px;font-variant-numeric:tabular-nums;line-height:1}.score .num{font-size:28px;min-width:18px;text-align:center}.score .numA{color:#7db5ff}.score .numB{color:#ff9a8c}.score-x{font-size:18px;color:var(--muted);font-weight:800;transform:translateY(-2px)}.match-clock{font-weight:900;font-size:11px;min-width:44px;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.5px;color:var(--muted)}.match-clock.urgent{color:var(--danger);animation:clockPulse 1s ease-in-out infinite}@keyframes clockPulse{0%,to{opacity:1}50%{opacity:.55}}.score.turnA{border-top-color:#4f8de6}.score.turnB{border-top-color:#f0664e}.score.turnA .teamA,.score.turnB .teamB{opacity:1}.score.turnA .teamA{color:#d4e6ff;text-shadow:0 0 14px rgba(79,141,230,.7);animation:turnGlow 1.4s ease-in-out infinite}.score.turnB .teamB{color:#ffded5;text-shadow:0 0 14px rgba(240,102,78,.7);animation:turnGlow 1.4s ease-in-out infinite}@keyframes turnGlow{0%,to{opacity:1}50%{opacity:.82}}.score.turnA .numB,.score.turnB .numA{opacity:.5}.score.wc{background:radial-gradient(120% 140% at 50% -40%,rgba(255,138,61,.4),transparent 60%),linear-gradient(180deg,#3a240aeb,#180e06e6);border:1px solid rgba(246,185,26,.7);border-top:3px solid #ffd24a;box-shadow:0 10px 30px #00000080,0 0 26px #f6b91a57}.score.wc:before{content:"🏆";position:absolute;left:50%;top:-11px;transform:translate(-50%);font-size:15px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.score.wc{position:relative}.score.wc .num,.score.wc .numA{color:#ffe9a8}.score.wc .numB{color:#ffd27a}.score.wc .score-x{color:#c8a24a}.score.wc .match-clock{color:#d9b75f}.score.wc .team{color:#fff3d6}.score.wc.turnA,.score.wc.turnB{border-top-color:#ffd24a}.score.wc.turnA .teamA,.score.wc.turnB .teamB{color:#fff6df;text-shadow:0 0 14px rgba(246,185,26,.8)}.score.wc.turnA .numB,.score.wc.turnB .numA{opacity:.55}.clock{position:absolute;top:calc(max(10px,env(safe-area-inset-top)) + 64px);left:50%;transform:translate(-50%);height:6px;width:min(280px,70vw);background:#0006;border-radius:999px;overflow:hidden}.clock>i{display:block;height:100%;background:var(--accent);transition:width .1s linear}.clock.low>i{background:var(--danger)}.clock.def>i{background:#4fd6ff}.clock.def.low>i{background:var(--danger)}.def-ready{pointer-events:auto;position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:linear-gradient(120deg,#18c2d6,#4fd6ff);color:#03212a;border:none;border-radius:14px;padding:14px 26px;font-size:16px;font-weight:900;cursor:pointer;box-shadow:0 8px 24px #18c2d680}.def-ready.urgent{animation:readyPulse .62s ease-in-out infinite}@keyframes readyPulse{0%,to{transform:translate(-50%) scale(1);box-shadow:0 8px 24px #18c2d680}50%{transform:translate(-50%) scale(1.09);box-shadow:0 10px 36px #4fd6fff2}}.gk-hint{position:absolute;z-index:30;transform:translate(-50%,-50%);pointer-events:none;display:grid;justify-items:center;gap:1px;font-family:var(--font-display);font-size:clamp(11px,3vw,14px);color:#aef0ff;white-space:nowrap;text-shadow:0 2px 8px rgba(0,0,0,.85);animation:gkHintBob .9s ease-in-out infinite}.gk-hint .gk-hint-arrow{font-size:clamp(18px,5vw,24px);line-height:1}@keyframes gkHintBob{0%,to{translate:0 0}50%{translate:0 -7px}}.turn-chip{position:absolute;top:calc(max(10px,env(safe-area-inset-top)) + 78px);left:50%;transform:translate(-50%);font-size:12px;font-weight:700;color:var(--ink);text-align:center;max-width:90vw;box-sizing:border-box;padding:5px 12px;border-radius:999px;background:#06100ab8;border:1px solid var(--glass-brd);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.gk-alert{position:absolute;top:calc(max(10px,env(safe-area-inset-top)) + 106px);left:50%;transform:translate(-50%);z-index:23;pointer-events:none;max-width:92vw;box-sizing:border-box;text-align:center;white-space:nowrap;background:#d23232eb;color:#fff;font-weight:900;font-size:13px;letter-spacing:.4px;padding:7px 16px;border-radius:999px;box-shadow:0 6px 22px #d2323280;animation:gkAlertPulse .9s ease-in-out infinite}@keyframes gkAlertPulse{0%,to{opacity:1}50%{opacity:.6}}@media(orientation:landscape){.score{background:linear-gradient(180deg,#08140c80,#06100a6b);border-color:#ffffff14;box-shadow:0 4px 18px #00000059}}@media(orientation:landscape)and (max-height:540px){.hud{top:max(4px,env(safe-area-inset-top));padding:2px 8px}.score{width:auto;max-width:94vw;padding:2px 12px;gap:10px;border-radius:10px;border-top-width:2px}.score .team{font-size:11px;max-width:26vw}.score-mid{flex-direction:row;align-items:center;gap:8px}.score-nums{gap:6px;line-height:1}.score .num{font-size:16px;min-width:12px}.score-x{font-size:12px;transform:none}.match-clock{font-size:10px;min-width:34px}.clock{top:calc(max(4px,env(safe-area-inset-top)) + 30px);width:min(200px,50vw);height:4px}.turn-chip{top:calc(max(4px,env(safe-area-inset-top)) + 38px);font-size:10px;padding:2px 10px}.gk-alert{top:calc(max(4px,env(safe-area-inset-top)) + 56px);font-size:10px;padding:4px 12px}.replay-badge{top:calc(max(4px,env(safe-area-inset-top)) + 38px);font-size:11px;padding:3px 12px}.exit-btn{padding:6px 10px;font-size:12px}.pause-btn{width:32px;height:32px;font-size:14px}}.exit-btn{pointer-events:auto;position:absolute;top:max(10px,env(safe-area-inset-top));right:12px;background:#07140cb8;border:1px solid var(--glass-brd);color:var(--ink);border-radius:14px;padding:10px 14px;font-weight:700;font-size:13px;cursor:pointer}.diag-gear{pointer-events:auto;position:absolute;top:max(10px,env(safe-area-inset-top));right:86px;background:#07140cb8;border:1px solid var(--glass-brd);color:var(--ink);border-radius:14px;padding:7px 11px;font-size:16px;cursor:pointer}.diag-panel{pointer-events:auto;position:absolute;z-index:60;top:max(54px,calc(env(safe-area-inset-top) + 44px));right:12px;background:#07140cf2;border:1px solid var(--glass-brd);border-radius:12px;padding:10px 12px;color:var(--ink);display:flex;flex-direction:column;gap:7px;box-shadow:0 12px 30px #00000080;max-width:82vw}.diag-title{font-weight:800;font-size:12px;opacity:.85}.diag-row{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px}.diag-row input{width:17px;height:17px;flex:none}.pause-btn{pointer-events:auto;position:absolute;top:max(10px,env(safe-area-inset-top));left:12px;width:40px;height:40px;background:#07140cb8;border:1px solid var(--glass-brd);color:var(--ink);border-radius:12px;font-size:16px;cursor:pointer}.pause-ov{position:absolute;top:0;right:0;bottom:0;left:0;z-index:47;display:flex;align-items:center;justify-content:center;background:#040a07c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .2s ease both}.pause-box{display:flex;flex-direction:column;gap:12px;width:min(320px,86vw);background:linear-gradient(160deg,var(--bg-1),var(--bg-0));border:1px solid var(--glass-brd);border-radius:20px;padding:26px 22px;text-align:center;box-shadow:0 20px 60px #0009}.pause-t{font-size:clamp(22px,6vw,32px);font-weight:900;letter-spacing:1px}.pause-box .btn,.feedback-box .btn{text-align:center;align-items:center;justify-content:center}.fb-modal{background:#040a0780;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.feedback-box{gap:10px;display:flex;flex-direction:column;padding:18px 16px;border-radius:18px;background:linear-gradient(160deg,var(--bg-1),var(--bg-0));border:1px solid var(--glass-brd);box-shadow:0 20px 60px #0000008c}.fb-title{font-size:20px;font-weight:900}.fb-text{width:100%;box-sizing:border-box;min-height:110px;resize:vertical;border-radius:12px;border:1px solid var(--glass-brd);background:#00000040;color:var(--ink);padding:10px 12px;font:inherit;font-size:15px}.fb-text:focus{outline:2px solid var(--accent)}.fb-msg{min-height:18px}.end-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:48;display:flex;align-items:center;justify-content:center;background:#040a07c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .3s ease both}.confirm-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:20px;background:#040a07cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .2s ease both}.confirm-card{width:min(340px,90vw);background:linear-gradient(160deg,var(--bg-1),var(--bg-0));border:1px solid var(--glass-brd);border-radius:20px;padding:24px 22px;text-align:center;box-shadow:0 20px 60px #0009}.confirm-t{font-family:var(--font-display);font-size:21px;margin-bottom:6px}.confirm-s{font-size:13.5px;color:var(--muted);line-height:1.35;margin-bottom:18px}.confirm-row{display:flex;gap:10px}.confirm-row .btn{flex:1;font-size:15px;text-align:center;align-items:center;justify-content:center}.btn-danger{background:linear-gradient(180deg,var(--danger),#d62f50);border:1px solid rgba(0,0,0,.25);color:#fff;font-weight:800}.btn-danger:active{transform:scale(.97)}.end-card{display:flex;flex-direction:column;gap:12px;width:min(360px,88vw);background:linear-gradient(160deg,var(--bg-1),var(--bg-0));border:1px solid var(--glass-brd);border-radius:22px;padding:28px 24px;text-align:center;box-shadow:0 20px 60px #0009}.end-title{font-size:clamp(26px,7vw,38px);font-weight:900}.end-rematch-wait,.end-rematch-gone{animation:none;cursor:default;opacity:.85;background:linear-gradient(135deg,#3a4a55,#2a343d);color:var(--ink);box-shadow:none;transform:none}.end-rematch-wait{opacity:.9}.end-rematch-gone{opacity:.7}.end-rematch-wait:hover,.end-rematch-gone:hover{transform:none;box-shadow:none}.end-score{font-size:42px;font-weight:900;color:var(--accent);margin-bottom:8px}.end-clips{display:flex;flex-direction:column;gap:6px;margin:4px 0;padding:10px;border:1px solid var(--glass-brd);border-radius:14px;background:#ffffff08}.end-clips-t{font-size:12px;font-weight:800;letter-spacing:.5px;color:var(--muted);text-transform:uppercase}.end-clip{font-size:14px!important;padding:8px 12px!important}.end-clip:disabled{opacity:.65}.end-clip-ok{color:var(--accent);font-weight:900}.pk-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:48;display:flex;align-items:center;justify-content:center;background:#040a07d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:18px;animation:fade .3s ease both}.pk-box{position:relative;width:min(420px,94vw);display:flex;flex-direction:column;gap:12px;align-items:center}.pk-box.shake{animation:pkshake .5s ease}@keyframes pkshake{0%,to{transform:translate(0)}15%{transform:translate(-9px,5px) rotate(-1deg)}30%{transform:translate(9px,-5px) rotate(1deg)}45%{transform:translate(-7px,4px)}60%{transform:translate(7px,-3px)}80%{transform:translate(-4px,2px)}}.pk-flash{position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;pointer-events:none;opacity:0;border-radius:26px}.pk-flash.goal{background:radial-gradient(circle,rgba(246,185,26,.55),transparent 70%);animation:pkflash .55s ease}.pk-flash.save{background:radial-gradient(circle,rgba(79,214,255,.5),transparent 70%);animation:pkflash .55s ease}@keyframes pkflash{0%{opacity:0}18%{opacity:1}to{opacity:0}}.pk-title{font-size:clamp(22px,6vw,32px);font-weight:900;color:var(--warn)}.pk-score{display:flex;justify-content:space-between;width:100%;font-weight:700;font-size:14px;gap:8px}.pk-score b{color:var(--accent);font-size:18px}.pk-marks{display:flex;justify-content:space-between;width:100%;font-size:14px;min-height:18px;letter-spacing:2px}.pk-stage{position:relative;width:100%;aspect-ratio:5 / 4;background:radial-gradient(ellipse at 50% -10%,#3aa15a,#1f6b39 65%),linear-gradient(180deg,#2a8146,#1c5f32);border-radius:14px;border:3px solid rgba(255,255,255,.22);overflow:hidden;box-shadow:inset 0 -34px 60px #00000047}.pk-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0 12%,rgba(255,255,255,.045) 12% 24%);pointer-events:none}.pk-stage:after{content:"";position:absolute;left:50%;top:58%;width:46%;aspect-ratio:2 / 1;transform:translate(-50%);border:2px solid rgba(255,255,255,.28);border-radius:50%;border-bottom:none;pointer-events:none}.pk-goal{position:absolute;top:7%;left:9%;right:9%;height:40%;border:5px solid #fff;border-bottom:none;border-radius:8px 8px 0 0;box-shadow:0 0 16px #ffffff40}.pk-net{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 0;background:repeating-linear-gradient(90deg,transparent 0 8px,rgba(255,255,255,.16) 8px 9px),repeating-linear-gradient(0deg,transparent 0 8px,rgba(255,255,255,.16) 8px 9px)}.pk-net.bulge{animation:pknet .6s ease}@keyframes pknet{0%{transform:scale(1)}35%{transform:scale(1.04,1.14);filter:brightness(1.4)}to{transform:scale(1)}}.pk-target{position:absolute;top:50%;width:17%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:2px dashed rgba(255,255,255,.45);background:radial-gradient(circle,rgba(47,224,127,.22),transparent 68%);opacity:0;transition:opacity .2s,transform .2s,border-color .2s,background .2s;pointer-events:none}.pk-target.show{opacity:.85;animation:pktgt 1.1s ease-in-out infinite}.pk-target.hi{opacity:1;border-style:solid;border-color:var(--warn);background:radial-gradient(circle,rgba(246,185,26,.5),transparent 66%)}.pk-target.hit{opacity:1;border-style:solid;border-color:#fff}@keyframes pktgt{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.14)}}.pk-keeper{position:absolute;top:30%;left:50%;width:16%;aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center;font-size:clamp(26px,9vw,44px);z-index:3;filter:drop-shadow(0 4px 5px rgba(0,0,0,.45));transition:left .42s cubic-bezier(.3,1.25,.4,1),transform .42s ease}.pk-keeper.dive-l{transform:translate(-50%,-50%) rotate(-58deg) scale(1.05)}.pk-keeper.dive-r{transform:translate(-50%,-50%) rotate(58deg) scale(1.05)}.pk-keeper.dive-c{transform:translate(-50%,-50%) scale(1.16)}.pk-spot{position:absolute;top:76%;left:50%;width:5%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#ffffff4d}.pk-ball{position:absolute;top:76%;left:50%;width:11%;aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center;font-size:clamp(22px,7.5vw,38px);z-index:4;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}.pk-ball.kick{transition:left .5s cubic-bezier(.35,.55,.55,1),top .5s cubic-bezier(.4,.5,.55,1)}.pk-ball.spin{animation:pkspin .5s linear}@keyframes pkspin{to{rotate:700deg}}.pk-side{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:800;min-height:22px;color:var(--ink)}.pk-side-dot{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 2px #fff6}.pk-side-gk{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:7px;font-size:12px;box-shadow:inset 0 0 0 2px #ffffff59;margin-left:4px}.pk-timer{width:80%;height:5px;background:#0006;border-radius:999px;overflow:hidden}.pk-timer>i{display:block;height:100%;width:100%;background:var(--accent)}.pk-msg{font-size:clamp(20px,5.5vw,30px);font-weight:900;min-height:30px}.pk-msg.goal{color:var(--warn);animation:pkpop .5s cubic-bezier(.2,1.5,.3,1)}.pk-msg.save{color:var(--accent-2);animation:pkpop .5s cubic-bezier(.2,1.5,.3,1)}@keyframes pkpop{0%{transform:scale(.3);opacity:.2}55%{transform:scale(1.25)}to{transform:scale(1)}}.pk-zones{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.pk-zone{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px 10px;border:2px solid var(--glass-brd);background:var(--glass);color:var(--ink);border-radius:16px;font-weight:800;font-size:13px;cursor:pointer;transition:transform .12s,border-color .15s,background .15s}.pk-zone .pk-arrow{font-size:26px;line-height:1}.pk-zone:hover{border-color:var(--warn);background:#f6b91a24;transform:translateY(-3px)}.pk-zone:active{transform:scale(.95)}.pen-hud{position:absolute;top:max(54px,calc(env(safe-area-inset-top) + 46px));left:50%;transform:translate(-50%);width:min(420px,92vw);background:#07140cd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-brd);border-radius:16px;padding:12px 16px;pointer-events:none;z-index:20}.pen-title{text-align:center;font-weight:900;color:var(--warn);margin-bottom:8px}.pen-line{display:flex;align-items:center;gap:10px;padding:5px 6px;border-radius:10px}.pen-line.active{background:#2fe07f24}.pen-name{width:110px;font-weight:700;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pen-marks{flex:1;font-size:15px;letter-spacing:2px;min-height:18px}.pen-sc{font-size:20px;color:var(--accent);min-width:22px;text-align:center}.pen-label{text-align:center;font-weight:800;margin-top:8px;min-height:20px}.goal-banner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;pointer-events:none}.goal-banner span{font-size:clamp(56px,18vw,160px);font-weight:900;letter-spacing:-2px;color:var(--warn);text-shadow:0 8px 40px rgba(255,206,58,.6);animation:goalpop 1.4s cubic-bezier(.2,1.4,.3,1) both}@keyframes goalpop{0%{transform:scale(.2) rotate(-8deg);opacity:0}30%{transform:scale(1.1) rotate(-3deg);opacity:1}80%{transform:scale(1) rotate(0);opacity:1}to{transform:scale(1.05);opacity:0}}.goal-banner span.foul,.goal-banner span.lastball,.goal-banner span.card-yellow,.goal-banner span.card-red{box-sizing:border-box;display:inline-block;max-width:min(94vw,720px);padding:.4em .8em;border-radius:20px;background:linear-gradient(180deg,#08140df0,#040b07f0);border:2px solid rgba(255,255,255,.16);box-shadow:0 16px 50px #0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center;line-height:1.15;letter-spacing:0;white-space:normal;word-break:keep-all;overflow-wrap:break-word;text-wrap:balance}.goal-banner span.foul{color:var(--danger);font-size:clamp(40px,12vw,104px);text-shadow:0 6px 26px rgba(255,90,60,.55)}.goal-banner span.lastball{color:var(--warn);font-size:clamp(36px,10.5vw,92px);text-shadow:0 6px 26px rgba(246,185,26,.55)}.goal-banner span.card-yellow,.goal-banner span.card-red{font-size:clamp(24px,6.4vw,60px);font-weight:900}.goal-banner span.card-yellow{color:#ffd23a;text-shadow:0 5px 22px rgba(255,210,58,.45)}.goal-banner span.card-red{color:#ff5a5a;text-shadow:0 5px 22px rgba(255,90,90,.5)}.replay-cine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:46;pointer-events:none;overflow:hidden}.rc-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#020805b8;opacity:0;transition:opacity .4s ease}.replay-cine.show .rc-dim{opacity:1}.rc-title{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;font-family:var(--font-display);font-size:clamp(36px,12vw,120px);white-space:nowrap;letter-spacing:1px;color:#fff;text-transform:lowercase;text-shadow:0 6px 40px rgba(0,0,0,.6);opacity:0;transform:scale(1.18);transition:opacity .4s ease,transform .55s cubic-bezier(.2,.9,.2,1)}.rc-title b{color:var(--accent);-webkit-text-fill-color:var(--accent)}.replay-cine.show .rc-title{opacity:1;transform:scale(1)}.replay-cine.wc .rc-dim{background:#3a1806c2}.replay-cine.wc .rc-title{align-content:center;gap:8px}.replay-cine.wc .rc-title b{color:#ffd24a;-webkit-text-fill-color:#ffd24a}.rc-trophy{width:clamp(96px,26vw,210px);height:auto;filter:drop-shadow(0 12px 30px rgba(0,0,0,.55))}.dev-var-panel{position:absolute;left:8px;bottom:8px;z-index:60;display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:10px;background:#040c08d1;border:1px solid rgba(255,255,255,.16);pointer-events:auto;max-width:46vw}.dev-var-panel .dvp-t{font-size:11px;color:#9fe7c0;letter-spacing:1px;margin-bottom:2px}.dev-var-panel button{font-size:12px;padding:6px 8px;border-radius:7px;border:1px solid rgba(255,255,255,.2);background:#14281cf2;color:#eafff2;cursor:pointer;text-align:left}.dev-var-panel button:active{background:#2fe07f4d}.var-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:49;pointer-events:none;overflow:hidden}.var-top{position:absolute;top:max(16px,calc(env(safe-area-inset-top) + 12px));left:50%;transform:translate(-50%) translateY(-24px);display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:#040c08d9;border:1px solid rgba(255,255,255,.18);color:#fff;font-family:var(--font-display);opacity:0;transition:opacity .3s ease,transform .4s ease}.var-scene.show .var-top{opacity:1;transform:translate(-50%) translateY(0)}.var-top:before{content:"●";color:#ff4d4d;font-size:14px;animation:varBlink 1s steps(2,start) infinite}@keyframes varBlink{50%{opacity:.15}}.var-badge{font-size:clamp(18px,5vw,26px);letter-spacing:2px}.var-sub{font-size:clamp(12px,3.5vw,16px);opacity:.9}.var-scene.verdict .var-sub{color:var(--accent)}.var-review{position:absolute;left:50%;bottom:12%;transform:translate(-50%) translateY(16px);padding:8px 18px;border-radius:999px;background:#040c08b3;border:1px solid rgba(255,255,255,.14);color:#fff;font-family:var(--font-display);font-size:clamp(15px,4.4vw,22px);letter-spacing:1px;white-space:nowrap;opacity:0;transition:opacity .35s ease,transform .45s ease}.var-scene.show .var-review{opacity:.96;transform:translate(-50%) translateY(0)}.var-scene.verdict .var-review{opacity:0;transform:translate(-50%) translateY(16px)}.var-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#02080599,#020805d1);opacity:0;transition:opacity .45s ease}.var-scene.verdict .var-dim{opacity:1}.var-verdict{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:0 22px;text-align:center;font-family:var(--font-display);color:#fff;opacity:0;transform:scale(.8) translateY(10px);transition:opacity .4s ease,transform .55s cubic-bezier(.2,.9,.2,1)}.var-scene.verdict .var-verdict{opacity:1;transform:scale(1) translateY(0)}.var-verdict b{display:block;font-size:clamp(30px,9.5vw,66px);color:#ff5a5a;text-shadow:0 4px 28px rgba(0,0,0,.7)}.var-verdict span{display:block;margin-top:6px;font-size:clamp(16px,5vw,28px);color:var(--accent);text-shadow:0 2px 14px rgba(0,0,0,.7)}.replay-badge{position:absolute;top:calc(max(10px,env(safe-area-inset-top)) + 78px);left:50%;transform:translate(-50%);z-index:22;background:#e23b4eeb;color:#fff;font-weight:900;font-size:14px;letter-spacing:1px;padding:6px 16px;border-radius:999px;pointer-events:none;animation:pulse 1s ease-in-out infinite}.loading-ov{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 50% 40%,#081a10eb,#030a06f7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .2s ease both;pointer-events:auto}.loading-box{display:flex;flex-direction:column;align-items:center;gap:18px}.loading-spin{width:56px;height:56px;border-radius:50%;border:5px solid rgba(255,255,255,.16);border-top-color:var(--accent, #6bff9e);animation:loadspin .9s linear infinite}@keyframes loadspin{to{transform:rotate(360deg)}}.loading-txt{font-size:clamp(15px,4.5vw,20px);font-weight:800;letter-spacing:.5px;color:var(--ink, #eafff2);text-shadow:0 2px 16px rgba(0,0,0,.6)}.conn-err{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(360px,88vw);text-align:center;padding:26px 22px;border-radius:18px;background:linear-gradient(180deg,#14241af5,#0b1610f5);border:1px solid var(--glass-brd, rgba(120, 255, 190, .18));box-shadow:0 20px 50px #0009}.conn-err-ico{font-size:42px;line-height:1}.conn-err-t{font-family:var(--font-display, sans-serif);font-size:18px;color:#fff}.conn-err-s{font-size:13px;color:var(--muted, #8fd2ad);line-height:1.4}.conn-err-row{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:8px}.conn-err-row .btn{width:100%}.landing{position:absolute;top:0;right:0;bottom:0;left:0;z-index:36;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(100% 60% at 50% 0%,rgba(47,224,127,.22),transparent 60%),radial-gradient(100% 60% at 50% 100%,rgba(24,194,214,.18),transparent 60%),linear-gradient(160deg,#0c2418,#07140c);animation:fade .4s ease both}.landing-content{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px}@keyframes lbounce{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}.landing-logo-img{width:min(78vw,420px);height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.55));animation:logoFloat 3.2s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.015)}}.landing-tag{color:var(--muted);font-size:clamp(15px,4vw,20px);font-weight:600}.landing-start{margin-top:18px;min-width:240px}.cutscene{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,#040a0766,#040a07eb);z-index:30;cursor:pointer;animation:fade .3s ease both}.cutscene .stage{flex:1;position:relative;overflow:hidden}.cs-pitch{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,84vw);aspect-ratio:3 / 4;border-radius:22px;background:repeating-linear-gradient(180deg,#2faa57 0,#2faa57 9%,#279a4c 9%,#279a4c 18%);border:3px solid rgba(255,255,255,.18);box-shadow:inset 0 0 70px #00000059,0 20px 60px #00000080;overflow:hidden;animation:rise .5s ease both}@keyframes rise{0%{transform:translate(-50%,calc(-50% + 30px));opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.cs-pitch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:19px;box-shadow:inset 0 0 0 3px var(--cs-accent, #2fe07f);opacity:.5;pointer-events:none}.cs-cline{position:absolute;left:7%;right:7%;top:50%;height:3px;background:#ffffff80}.cs-ccircle{position:absolute;left:50%;top:50%;width:26%;aspect-ratio:1;transform:translate(-50%,-50%);border:3px solid rgba(255,255,255,.5);border-radius:50%}.cs-disc{position:absolute;width:16%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;font-size:clamp(13px,3.4vw,18px);box-shadow:0 6px 14px #0006;transform:translate(-50%,-50%);animation:wig 1.6s ease-in-out infinite}.cs-disc span{text-shadow:0 2px 0 rgba(0,0,0,.45)}.cs-disc.teamA{background:radial-gradient(circle at 38% 30%,#6aa0ff,#2e6cf6 70%);border:3px solid #0b2a6b}.cs-disc.teamB{background:radial-gradient(circle at 38% 30%,#ff8174,#f6402e 70%);border:3px solid #6b0b0b}.cs-disc:nth-child(4){animation-delay:.3s}.cs-disc:nth-child(5){animation-delay:.6s}.cs-disc:nth-child(6){animation-delay:.15s}@keyframes wig{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-56%)}}.cs-miniball{position:absolute;left:50%;top:50%;width:9%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#d7dde2 76%);box-shadow:inset 0 -5px #0000001f,0 5px 12px #00000073;transform:translate(-50%,-50%);animation:ballpath 5.5s ease-in-out infinite}@keyframes ballpath{0%{left:50%;top:50%}18%{left:26%;top:32%}34%{left:40%;top:66%}52%{left:70%;top:60%}70%{left:62%;top:24%}86%{left:34%;top:48%}to{left:50%;top:50%}}.cs-balloon:after{content:"";position:absolute;top:-12px;left:34px;border:12px solid transparent;border-bottom-color:#fff}.cs-dots{display:flex;gap:7px;margin-top:14px}.cs-dots i{width:8px;height:8px;border-radius:50%;background:#10231a38;transition:.25s}.cs-dots i.active{background:var(--accent);width:22px;border-radius:6px}.cs-balloon{position:relative;margin:18px;background:#fff;color:#10231a;border-radius:20px;padding:18px 20px;font-weight:600;font-size:clamp(16px,4.4vw,22px);line-height:1.3;box-shadow:0 10px 40px #00000080;animation:fade .25s ease both}.cs-name{font-size:13px;font-weight:800;color:var(--accent);margin-bottom:4px}.cs-skip{position:absolute;z-index:5;top:max(12px,env(safe-area-inset-top));right:14px;color:var(--ink);background:#ffffff1f;border:1px solid var(--glass-brd);padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700}.cs-hint{text-align:center;color:var(--muted);font-size:12px;padding-bottom:14px}@media(min-width:760px){.cutscene .stage{width:100%;max-width:760px;margin:0 auto}.cs-balloon{width:100%;max-width:600px;margin:18px auto;box-sizing:border-box}}.alpha-badge{position:fixed;z-index:50;bottom:max(10px,env(safe-area-inset-bottom));right:12px;pointer-events:none;background:linear-gradient(120deg,var(--warn),#ff9f1a);color:#2a1500;font-size:11px;font-weight:900;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:999px;box-shadow:0 4px 14px #ff9f1a80}.alpha-badge b{font-weight:900}.alpha-badge small{font-weight:700;opacity:.8;letter-spacing:1px}.sq-face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;z-index:0;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.sq-disc{position:relative;overflow:visible}.sq-face{border-radius:50%}.sq-disc>span{position:absolute;z-index:2;left:50%;bottom:1px;transform:translate(-50%);font-size:10px;font-weight:900;color:#fff;background:#0009;padding:0 5px;border-radius:7px;line-height:1.35}.sq-disc.sm>span{font-size:9px}.sq-ovr{z-index:2}.pstat-disc,.itv-ply-disc{position:relative;overflow:hidden}.pstat-disc>span,.itv-ply-disc>span{position:absolute;z-index:2;left:50%;bottom:2px;transform:translate(-50%);font-size:13px;font-weight:900;color:#fff;background:#0009;padding:0 6px;border-radius:8px}.li-face{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:none;background:#ffffff14}.flag{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid rgba(0,0,0,.35);box-shadow:0 1px 3px #0006;vertical-align:middle;overflow:hidden;flex:0 0 auto}.flag-star{color:#fff;font-size:10px;text-shadow:0 1px 1px rgba(0,0,0,.5)}.flag-emoji{line-height:1;vertical-align:middle;display:inline-block}.panel{background:#ffffff0d;border:1px solid var(--glass-brd);border-radius:16px;padding:14px}.panel-h{color:var(--muted);font-size:12px;font-weight:800;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.tbl{width:100%;border-collapse:collapse;font-size:13.5px;text-align:center}.tbl thead{color:var(--muted);font-size:11px}.tbl td{padding:3px 4px}.tbl td .flag{margin-right:4px}.tie{padding:7px 2px;color:#bfe9d2;font-size:14px;border-bottom:1px solid rgba(255,255,255,.06)}.tie.mine{color:#fff;font-weight:800}.tie .vs{color:var(--muted);margin:0 4px}.screen.wc-main{justify-content:flex-start;gap:var(--space-3);padding:max(14px,env(safe-area-inset-top)) clamp(14px,4vw,40px) calc(78px + env(safe-area-inset-bottom));background:radial-gradient(120% 70% at 50% -10%,rgba(255,255,255,.12),transparent 50%),linear-gradient(165deg,#ff8a3d,#d35a12 36%,#7d1f3e)}.wc-main .wc-brand{width:100%;max-width:var(--shell-max);margin:0 auto}.wc-shell{width:100%;max-width:var(--shell-max);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4);flex:1 0 auto}.wc-hub{display:grid;grid-template-columns:1fr;gap:var(--space-3);align-content:start}.wc-primary,.wc-aside{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.wc-primary>.panel,.wc-primary>.kn-bracket{width:100%}.wc-aside .wc-news,.wc-aside .wc-all{width:100%}.wc-hero{position:relative;overflow:hidden;isolation:isolate;border-radius:22px;padding:16px 18px;color:#fff;background:radial-gradient(120% 120% at 110% -10%,rgba(255,255,255,.2),transparent 55%),linear-gradient(135deg,#12a85b,#0b7e45 52%,#08603a);box-shadow:0 14px 34px #0e9b536b,inset 0 -5px #00000038;animation:tileIn .45s cubic-bezier(.2,.8,.3,1) both}.wc-hero.is-final{background:radial-gradient(120% 120% at 110% -10%,rgba(255,255,255,.25),transparent 55%),linear-gradient(135deg,#f6b91a,#e0790f 55%,#b06bff);box-shadow:0 14px 34px #f6b91a6b,inset 0 -5px #00000038}.wc-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:url(/brand/trophy-wc.webp) center center / auto 116% no-repeat;opacity:.5;pointer-events:none;-webkit-mask-image:radial-gradient(closest-side at 50% 50%,#000 55%,transparent);mask-image:radial-gradient(closest-side at 50% 50%,#000 55%,transparent)}.wc-hero-label{display:inline-block;position:relative;z-index:1;background:#04100a80;border:1px solid rgba(255,255,255,.35);color:#fff;font-weight:800;font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;border-radius:999px;margin-bottom:12px}.wc-hero.is-final .wc-hero-label{background:#04100a99;animation:pulse 2s ease-in-out infinite}.wc-vs{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:12px;margin:6px 0 16px}.wc-vs-team{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;min-width:0;text-align:center}.wc-vs-flag{line-height:1;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}.wc-vs-name{font-family:var(--font-display);font-size:clamp(13px,3.4vw,17px);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wc-vs-x{font-family:var(--font-display);font-size:22px;color:#ffffffbf;flex:none}.wc-hero-msg{position:relative;z-index:1;font-size:14px;font-weight:600;opacity:.95;margin:2px 0 16px;max-width:34em}.wc-hero-champ{position:relative;z-index:1;display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:clamp(22px,6vw,34px);margin:6px 0 10px}.wc-hero-cta{width:100%;position:relative;z-index:1;font-size:clamp(18px,4.5vw,22px)}@media(min-width:768px){.wc-shell{gap:var(--space-5)}.wc-hub{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--space-5);align-content:stretch}.wc-hero{padding:var(--space-5) var(--space-6)}.wc-hero:after{font-size:clamp(140px,16vw,200px)}}@media(orientation:landscape)and (min-width:600px){.wc-hub{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--space-4)}}.kn-bracket{width:min(560px,94vw);display:flex;flex-direction:column;gap:14px}.kn-round-h{font-size:12px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.kn-round.current .kn-round-h{color:var(--accent)}.kn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:8px}.kn-match{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--glass-brd);background:#ffffff0a}.kn-match.mine{border-color:#2fff9e99;box-shadow:0 0 14px #2fff9e2e}.kn-team{display:flex;align-items:center;gap:7px;padding:7px 9px;font-size:12.5px;font-weight:600}.kn-team+.kn-team{border-top:1px solid rgba(255,255,255,.07)}.kn-team .kn-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kn-team .kn-score{font-weight:900;min-width:14px;text-align:center;color:var(--muted)}.kn-team.win{background:#2fff9e1a;font-weight:800}.kn-team.win .kn-score{color:var(--accent)}.kn-team.lose{opacity:.55}.kn-team.me .kn-name{color:#fff;font-weight:800}.kn-team.empty{color:var(--muted);justify-content:center;opacity:.6}.kn-pen{position:absolute;top:50%;right:4px;transform:translateY(-50%);font-size:8px;font-weight:900;color:var(--warn);background:#0006;padding:1px 4px;border-radius:4px}.kn-num{position:absolute;top:3px;left:4px;z-index:1;font-size:8px;font-weight:900;letter-spacing:.5px;color:var(--muted);background:#00000073;padding:1px 4px;border-radius:5px}.kn-feed{padding:4px 8px;font-size:9.5px;font-weight:700;color:var(--muted);background:#00000040;border-top:1px solid rgba(255,255,255,.06);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wc-news{width:min(460px,94vw);border-radius:16px;overflow:hidden;border:1px solid var(--glass-brd);background:linear-gradient(180deg,#0a1016eb,#060c08eb);box-shadow:0 12px 36px #0006}.wc-news-h{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;font-family:var(--font-display);font-size:14px;letter-spacing:1px;color:#fff;background:linear-gradient(90deg,var(--danger),#b81d3a)}.wc-live{font-size:10px;font-weight:900;opacity:.95;animation:rcBlink 1.2s steps(1) infinite}.wc-news-feed{max-height:168px;overflow-y:auto}.wc-news-item{padding:9px 13px;font-size:13px;font-weight:600;line-height:1.3;color:#e8f3ee;border-bottom:1px solid rgba(255,255,255,.06);animation:fade .4s ease both}.wc-news-item:nth-child(2){animation-delay:.05s}.wc-news-item:nth-child(3){animation-delay:.1s}.wc-news-item:nth-child(4){animation-delay:.15s}.wc-news-item:nth-child(5){animation-delay:.2s}.wc-news-action{padding:12px 13px;background:#2fff9e0f}.wc-news-action .btn{width:100%}.screen.wc-setup{justify-content:flex-start;gap:12px;padding-top:max(20px,env(safe-area-inset-top));background:radial-gradient(120% 70% at 50% -10%,rgba(255,255,255,.12),transparent 50%),linear-gradient(165deg,#ff8a3d,#d35a12 36%,#7d1f3e)}.screen.wc-setup .submenu-sub,.screen.wc-setup .set-cap,.screen.wc-setup .wc-or,.screen.wc-main .brand p,.screen.wc-main .wc-all,.screen.wc-main .panel-h,.screen.wc-main .tbl thead,.screen.wc-main .kn-round-h,.screen.wc-main .kn-team .kn-score,.screen.wc-main .kn-team.empty{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45)}.screen.wc-setup .submenu-title,.screen.wc-main .brand h1{text-shadow:0 2px 4px rgba(0,0,0,.4)}.wc-card{width:min(460px,100%);margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:18px;background:linear-gradient(150deg,#2fe07f17,#ffffff05);border:1px solid var(--glass-brd)}.wc-card .set-cap{margin-top:4px}.wc-card .set-cap:first-child{margin-top:0}.wc-resume{width:100%;font-size:17px}.wc-dev-champ{width:min(440px,94vw);margin:2px auto 0;font-size:13px;border-style:dashed;opacity:.85}.wc-or{text-align:center;margin:2px 0;opacity:.8}.wc-grid-cap{width:min(460px,100%);margin:2px auto 0}.wc-confirm-box{width:min(460px,94vw);max-height:88vh;overflow-y:auto;gap:10px;text-align:center;align-items:stretch}.wc-confirm-title{font-family:var(--font-display);font-size:clamp(20px,5.5vw,26px)}.wc-confirm-cards{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.wc-confirm-cards .fcard{flex:0 0 auto}.wc-strength{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-size:13px;font-weight:700;color:#ffffffe6;background:#2fe07f1a;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:999px;padding:7px 14px;margin:2px auto 0}.wc-strength b{color:var(--accent)}.wc-strength-stars{color:var(--warn);letter-spacing:1px;font-size:14px}.nation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;width:min(560px,100%);max-height:44vh;overflow-y:auto;padding:4px;margin:0 auto}.nation-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border:1px solid var(--glass-brd);background:var(--glass);color:var(--ink);border-radius:14px;font-size:12px;font-weight:700;cursor:pointer;transition:transform .12s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.nation-card:hover{transform:translateY(-3px);border-color:#2fe07f99;background:#2fe07f14;box-shadow:0 8px 20px #00000059}.nation-card:active{transform:scale(.97)}.nation-card span{text-align:center;line-height:1.1}.nation-card.sel-your{border-color:#2fe07f;box-shadow:0 0 0 2px #2fe07f8c inset}.nation-card.sel-opp{border-color:#ff6b6b;box-shadow:0 0 0 2px #ff6b6b8c inset}@media(orientation:landscape)and (max-height:600px){.screen.wc-setup{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);grid-template-areas:"head head" "card ach" "card hint" "card grid";grid-template-rows:auto auto auto auto;align-content:start;justify-content:center;column-gap:18px;row-gap:8px;max-width:980px;margin:0 auto}.screen.wc-setup>.submenu-head{grid-area:head}.screen.wc-setup>.wc-achievements{grid-area:ach;width:100%;margin:0;align-self:start}.screen.wc-setup>.wc-card{grid-area:card;align-self:start;width:100%;margin:0}.screen.wc-setup>.wc-grid-cap{grid-area:hint;width:100%;margin:0;align-self:end}.screen.wc-setup>.nation-grid{grid-area:grid;width:100%;margin:0;max-height:none;overflow:visible}.screen.wc-setup>.wc-final-pick{grid-area:grid;width:100%;margin:0}}.wc-final-pick{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(560px,94vw);padding:12px;border:1px solid var(--glass-brd);border-radius:16px;background:var(--glass)}.wc-slots{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}.wc-slot-vs{font-family:var(--font-display);font-size:20px;color:var(--muted)}.wc-slot{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border:2px solid var(--glass-brd);border-radius:14px;background:#ffffff08;color:var(--ink);cursor:pointer;transition:border-color .15s ease,background .15s ease}.wc-slot b{font-size:11px;letter-spacing:.5px;color:var(--muted);text-transform:uppercase}.wc-slot small{font-size:12px;font-weight:700}.wc-slot.active{border-color:#2fe07f;background:#2fe07f14}.wc-final-go{width:100%;font-size:16px}.wc-final-go:disabled{opacity:.45;cursor:default}.allgames{position:absolute;top:0;right:0;bottom:0;left:0;z-index:45;background:linear-gradient(160deg,var(--bg-1),var(--bg-0));display:flex;flex-direction:column;animation:fade .3s ease both}.allgames-scroll{overflow-y:auto;padding:64px 16px 28px;width:100%;max-width:980px;margin:0 auto}.ag-title{color:var(--accent);font-size:15px;font-weight:900;text-transform:uppercase;letter-spacing:1px;margin:18px 0 10px;border-bottom:1px solid var(--glass-brd);padding-bottom:6px}.groups-wrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.bracket-wrap{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.bracket-wrap .panel{min-width:230px;flex:0 0 auto}.ag-champ{text-align:center;font-size:28px;font-weight:900;color:var(--warn);margin:22px 0}.pen-team{display:flex;justify-content:space-between;align-items:center;margin:6px 0;font-weight:700}.pen-score{font-size:22px;color:var(--accent)}.pen-row{display:flex;gap:6px;flex-wrap:wrap;min-height:26px;margin-bottom:10px}.pen-mark{font-size:18px;animation:goalpop .5s ease both}.screen{overflow-y:auto}@media(min-width:760px){.stack{width:min(460px,92vw)}.nation-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));max-height:56vh}.btn:hover{box-shadow:0 8px 28px #00000059}}.auth-overlay{align-items:flex-start;overflow-y:auto;padding:max(18px,env(safe-area-inset-top)) 12px calc(18px + env(safe-area-inset-bottom))}.auth-card{width:min(360px,94vw);margin:auto;display:flex;flex-direction:column;gap:10px;padding:22px 20px}.auth-logo{width:min(70%,230px);height:auto;display:block;margin:2px auto 0}.auth-intro{margin:2px 0 10px}.auth-card .team-name-input{width:100%;box-sizing:border-box}.auth-card .btn-primary{animation:none;font-size:16px;padding:13px 18px;box-shadow:0 4px #0c8f55}.auth-card .btn-primary:active{box-shadow:0 2px #0c8f55}.auth-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;box-sizing:border-box;padding:11px 16px;border-radius:12px;background:#fff;color:#1f1f1f;border:1px solid #dadce0;font-family:var(--font);font-size:15px;font-weight:600;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.auth-google svg{width:18px;height:18px;flex:none}.auth-google:hover{background:#f6f7f8;box-shadow:0 1px 5px #0000002e}.auth-google:active{background:#eceef0}.auth-google:disabled{opacity:.6;cursor:default}.auth-divider{display:flex;align-items:center;gap:10px;color:#ffffff73;font-size:12px;margin:2px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff24}.auth-toggle{font-size:13px;padding:6px}.auth-forgot{font-size:12px;padding:4px;opacity:.85;text-decoration:underline}.auth-captcha{display:flex;justify-content:center;min-height:0;margin:2px 0}.auth-captcha:empty{display:none}.auth-msg{min-height:16px;color:#ffd27a;font-size:13px;line-height:1.35}.auth-msg-error,.auth-msg-ok,.auth-msg-info{display:flex;align-items:flex-start;gap:7px;text-align:left;font-weight:700;padding:9px 12px;border-radius:10px;margin-top:2px;animation:authMsgIn .22s ease both}.auth-msg-error:before,.auth-msg-ok:before,.auth-msg-info:before{flex:none;font-weight:900}.auth-msg-error{color:#ffd8de;background:#ff4d6d29;border:1px solid rgba(255,77,109,.5)}.auth-msg-error:before{content:"⚠️"}.auth-msg-ok{color:#c8f6dc;background:#2fe07f26;border:1px solid rgba(47,224,127,.5)}.auth-msg-ok:before{content:"✓";color:var(--accent)}.auth-msg-info{color:#ffe7b8;background:#ffd27a24;border:1px solid rgba(255,210,122,.45)}.auth-msg-info:before{content:"ℹ️"}@keyframes authMsgIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.update-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;background:#040a07e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade .25s ease both}.update-gate-card{width:min(380px,100%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 20px;border-radius:20px;background:linear-gradient(160deg,var(--bg-1),var(--bg-0));border:1px solid var(--glass-brd);box-shadow:0 24px 70px #0009}.update-gate-emoji{font-size:44px}.update-gate-title{font-family:var(--font-display);font-size:22px}.update-gate-sub{font-size:14px;color:var(--muted);line-height:1.4}.update-gate-btn{width:100%;margin-top:6px}.install-banner{position:fixed;left:0;right:0;margin-inline:auto;bottom:calc(12px + env(safe-area-inset-bottom));z-index:60;width:min(440px,calc(100vw - 24px));display:flex;align-items:center;gap:12px;padding:12px 14px;background:#0e1c14f5;border:1px solid var(--glass-brd);border-radius:16px;box-shadow:0 12px 40px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;animation:fade .3s ease both}.install-icon{width:44px;height:44px;border-radius:12px;flex:none}.install-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;text-align:left}.install-title{font-weight:800;font-size:15px}.install-sub{font-size:12.5px;color:var(--muted);line-height:1.45}.install-btn{align-self:flex-start;padding:7px 14px;font-size:14px;min-width:0}.install-close{flex:none;align-self:flex-start;width:26px;height:26px;border-radius:8px;background:transparent;border:none;color:var(--muted);font-size:14px;cursor:pointer;pointer-events:auto}.ios-share{display:inline-flex;vertical-align:middle;width:22px;height:22px;border-radius:6px;align-items:center;justify-content:center;background:#0a84ff;color:#fff}.ios-share svg{width:14px;height:14px}.update-banner{border-color:#2fe07f73}.sound-card{width:min(380px,92vw);display:flex;flex-direction:column;gap:14px}.snd-row{display:flex;flex-direction:column;gap:8px;text-align:left}.snd-row.snd-off{opacity:.45}.snd-head{display:flex;align-items:center;gap:10px}.snd-ico{font-size:18px}.snd-lbl{flex:1;font-weight:700;font-size:14px}.snd-row .set-vol-range{width:100%}.sw{flex:none;min-width:52px;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.5px;border:1px solid var(--glass-brd);background:#ffffff0f;color:var(--muted);cursor:pointer;pointer-events:auto;transition:background .15s,color .15s,border-color .15s}.sw.on{background:#2fe07f2e;border-color:var(--accent);color:var(--accent)}.snd-mute{width:100%}.screen.friends{justify-content:flex-start;gap:12px;padding-top:16px}.fr-title{font-family:var(--font-display);font-size:clamp(24px,6vw,36px)}.fr-codecard{width:min(460px,100%);margin:0 auto;background:radial-gradient(120% 90% at 50% -20%,rgba(47,224,127,.22),transparent 60%),linear-gradient(135deg,#2fe07f1a,#ffffff05);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:18px;padding:16px 14px;text-align:center}.fr-code-lbl{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--muted)}.fr-code{display:inline-flex;align-items:center;gap:10px;margin:8px 0 6px;font-family:var(--font-display);font-size:30px;letter-spacing:3px;color:var(--accent);background:#00000047;border:1px dashed color-mix(in srgb,var(--accent) 45%,transparent);border-radius:12px;padding:6px 16px;cursor:pointer;transition:transform .1s,background .2s}.fr-code:hover{background:#0006}.fr-code:active{transform:scale(.97)}.fr-code.copied{background:#2fe07f33}.fr-code.copied:after{content:"✓ copiado"}.fr-code-copy{font-size:15px;opacity:.8}.fr-code.copied .fr-code-copy{display:none}.fr-code-hint{font-size:11px;color:var(--muted);margin-bottom:10px}.fr-share{display:flex;gap:8px;justify-content:center}.fr-share .btn{flex:1;max-width:200px;padding:10px 12px;font-size:14px}.fr-add{width:min(460px,100%);margin:0 auto;display:flex;gap:8px;box-sizing:border-box}.fr-input{flex:1 1 auto;min-width:0;width:auto;box-sizing:border-box;text-transform:uppercase;letter-spacing:1px}.fr-add .btn{flex:0 0 auto;padding:0 18px;font-size:15px;white-space:nowrap;box-sizing:border-box}.fr-msg{min-height:14px;text-align:center;color:var(--accent);font-weight:700}.fr-list{width:min(460px,100%);margin:0 auto;display:flex;flex-direction:column;gap:8px}.fr-sec{font-size:11px;font-weight:800;letter-spacing:1.2px;color:var(--muted);margin-top:12px;margin-bottom:2px;text-align:left}.fr-empty{font-size:13px;color:var(--muted);text-align:center;padding:22px 14px;line-height:1.5;background:var(--glass);border:1px dashed var(--glass-brd);border-radius:14px}.fr-row{display:flex;align-items:center;gap:11px;background:var(--glass);border:1px solid var(--glass-brd);border-radius:14px;padding:9px 11px;transition:border-color .2s}.fr-row:hover{border-color:#ffffff29}.fr-av{width:42px;height:42px;flex:none;border-radius:12px;background:linear-gradient(135deg,#2fe07f40,#ffffff0f);display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:inset 0 -3px #0003}.fr-info{flex:1;min-width:0;text-align:left}.fr-name{font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fr-sub{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.fr-act{flex:none;padding:8px 12px;font-size:13px;min-width:0;border-radius:10px}.fr-pending{font-size:11px;color:var(--muted);font-style:italic;flex:none;padding-right:4px}.fr-back{width:min(460px,100%);margin:8px auto 0}.screen.page{justify-content:flex-start;align-items:stretch;padding:max(16px,env(safe-area-inset-top)) 0 calc(84px + env(safe-area-inset-bottom));overflow-y:auto}@media(max-width:759px){.screen.page{padding-top:calc(env(safe-area-inset-top) + 50px)}}.page-title{font-family:var(--font-display);font-size:clamp(24px,6vw,38px);text-align:left}.friends-shell{display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-3)}.friends-grid{gap:var(--space-4)}.fr-left,.fr-right{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.friends-shell .fr-codecard,.friends-shell .fr-add,.friends-shell .fr-list{width:100%;margin:0}.fr-addcard{background:var(--card-bg);border:1px solid var(--card-brd);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.fr-add-lbl{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--muted)}.friends-shell .fr-msg{text-align:left;min-height:0}.fr-empty{display:flex;flex-direction:column;align-items:center;gap:6px}.fr-empty-ico{font-size:42px;line-height:1}.fr-empty b{color:var(--ink);font-size:15px}.fr-empty span{font-size:13px;color:var(--muted);max-width:36ch}@media(min-width:768px){.friends-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start}.fr-left{position:sticky;top:var(--space-3)}}.np-card{width:min(440px,94vw);max-height:86vh;display:flex;flex-direction:column;gap:10px;background:linear-gradient(160deg,var(--bg-1),var(--bg-0));border:1px solid var(--glass-brd);border-radius:20px;padding:18px 16px;box-shadow:0 20px 60px #0009}.np-title{font-family:var(--font-display);font-size:20px;text-align:center}.np-search{width:100%;box-sizing:border-box}.np-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;overflow-y:auto;padding:2px;flex:1;min-height:0}.np-item{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:12px;background:var(--glass);border:1px solid var(--glass-brd);color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;text-align:left;transition:transform .12s ease,border-color .18s ease,background .18s ease}.np-item:hover{transform:translateY(-2px);border-color:#2fe07f8c;background:#2fe07f14}.np-item:active{transform:scale(.97)}.np-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-close{width:100%}.screen.versus-setup{justify-content:center;gap:16px}.vs-slots{display:flex;align-items:stretch;gap:10px;width:min(440px,100%)}.vs-slot{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 8px;border-radius:16px;background:var(--glass);border:2px dashed var(--glass-brd);color:var(--ink);cursor:pointer}.vs-slot.chosen{border-style:solid;border-color:var(--accent);background:#2fe07f1a}.vs-slot .vs-lbl{font-size:10px;font-weight:800;letter-spacing:1px;color:var(--muted);text-transform:uppercase}.vs-slot small{font-size:13px;font-weight:700}.vs-slot .vs-pick{font-size:12px;color:var(--muted)}.vs-x{align-self:center;font-family:var(--font-display);font-size:22px;color:var(--muted)}.vs-go,.vs-back{width:min(440px,100%)}.wc-slot.chosen{border-color:var(--accent);background:#2fe07f1a}.hall-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.hall-card{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px 12px;background:linear-gradient(180deg,#ffffff0d,#ffffff05)}.hall-card.is-legend{border-color:color-mix(in srgb,var(--lc) 55%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--lc) 16%,transparent),#ffffff05);box-shadow:0 0 18px color-mix(in srgb,var(--lc) 33%,transparent)}.hall-badge{font-family:var(--font-display);font-size:11px;letter-spacing:.5px;margin-bottom:3px}.hall-name{font-weight:700;font-size:14px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hall-stats{font-size:11px;color:#fff9;margin-top:2px}.fcard{--cc: #9aa6ad;--ink: #0e2029;position:relative;width:168px;aspect-ratio:.7;border-radius:18px;padding:13px 13px 11px;display:flex;flex-direction:column;align-items:center;overflow:hidden;isolation:isolate;color:var(--ink);background:radial-gradient(125% 78% at 50% -12%,color-mix(in srgb,var(--cc) 82%,#fff) 0%,transparent 58%),linear-gradient(162deg,color-mix(in srgb,var(--cc) 90%,#fff),color-mix(in srgb,var(--cc) 74%,#000));box-shadow:0 2px 5px #0000004d,0 14px 30px #00000080,inset 0 1px #ffffff8c;border:1px solid color-mix(in srgb,var(--cc) 55%,#000)}.fcard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(60deg,rgba(255,255,255,.05) 0 1px,transparent 1px 15px),repeating-linear-gradient(-60deg,rgba(0,0,0,.05) 0 1px,transparent 1px 15px),radial-gradient(circle at 50% 36%,transparent 49px,color-mix(in srgb,var(--cc) 45%,transparent) 50px 51px,transparent 52px);opacity:.55;mix-blend-mode:soft-light}.fcard:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:13px;pointer-events:none;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cc) 40%,transparent),inset 0 16px 20px -15px #ffffff8c}.fcard-sm{width:116px;border-radius:13px;padding:8px 8px 13px;aspect-ratio:auto}.fcard-sm:after{top:4px;right:4px;bottom:4px;left:4px;border-radius:9px}.fcard-lg{width:230px}.fcard-epico,.fcard-icone,.fcard-lendario{color:#fff}.fcard-shine{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.32) 48%,transparent 60%);transform:translate(-30%)}.fcard-comum .fcard-shine{display:none}.fcard-raro .fcard-shine{animation:cardShine 4.4s ease-in-out infinite}.fcard-legend .fcard-shine{animation:cardShine 3.4s ease-in-out infinite}.fcard-shiny .fcard-shine{background:linear-gradient(115deg,transparent 20%,rgba(255,0,200,.35) 38%,rgba(0,220,255,.35) 50%,rgba(255,240,0,.35) 62%,transparent 80%);animation:cardShine 2.4s linear infinite}@keyframes cardShine{0%{transform:translate(-60%)}60%,to{transform:translate(160%)}}.fcard-comum{box-shadow:0 2px 5px #00000047,0 10px 22px #0000006b,inset 0 1px #fff6}.fcard-comum:before{opacity:.3}.fcard-raro{box-shadow:0 2px 6px #0000004d,0 12px 28px #00000075,0 0 15px color-mix(in srgb,var(--cc) 32%,transparent),inset 0 1px #ffffff80}.fcard-epico{box-shadow:0 2px 6px #00000057,0 12px 30px #00000080,0 0 20px color-mix(in srgb,var(--cc) 42%,transparent),inset 0 1px #ffffff52}.fcard-epico:before{animation:epicEnergy 3.4s ease-in-out infinite}@keyframes epicEnergy{0%,to{opacity:.45}50%{opacity:.72}}.fcard-legend{box-shadow:0 2px 7px #0006,0 14px 34px #0000008c,0 0 26px color-mix(in srgb,var(--cc) 55%,transparent),inset 0 1px #ffffff73;border-color:color-mix(in srgb,var(--cc) 80%,#fff)}.fcard-legend:after{border-color:color-mix(in srgb,var(--cc) 65%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cc) 60%,transparent),inset 0 0 16px color-mix(in srgb,var(--cc) 38%,transparent)}.fcard-icone .fcard-shine{background:linear-gradient(115deg,transparent 16%,rgba(120,230,255,.4) 38%,rgba(255,255,255,.5) 50%,rgba(150,200,255,.4) 62%,transparent 84%);animation:cardShine 2.8s linear infinite}.fcard-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;width:100%}.fcard-rating{display:flex;flex-direction:column;align-items:center;line-height:1}.fcard-ovr{font-family:var(--font-display);font-size:32px;text-shadow:0 2px 4px rgba(0,0,0,.28)}.fcard-lg .fcard-ovr{font-size:42px}.fcard-sm .fcard-ovr{font-size:23px}.fcard-pos{font-size:11px;font-weight:800;opacity:.85;margin-top:1px}.fcard-flag{font-size:14px;margin-top:3px}.fcard-tier{font-family:var(--font-display);font-size:10px;letter-spacing:.5px;opacity:.92;text-align:right;max-width:5.5em}.fcard-face{position:relative;z-index:1;margin:4px 0 5px}.fcard-face:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;z-index:-1;background:radial-gradient(circle,color-mix(in srgb,var(--cc) 55%,#fff) 0%,transparent 68%)}.fcard-face img{width:76px;height:76px;border-radius:50%;background:#ffffff4d;box-shadow:0 4px 12px #00000059,0 0 0 3px #fff6}.fcard-lg .fcard-face img{width:104px;height:104px}.fcard-lg .fcard-face:before{width:136px;height:136px}.fcard-sm .fcard-face img{width:52px;height:52px;box-shadow:0 3px 8px #0000004d,0 0 0 2px #fff6}.fcard-sm .fcard-face:before{width:70px;height:70px}.fcard-num{position:absolute;right:-2px;bottom:-2px;background:#0009;color:#fff;font-size:11px;font-weight:800;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;box-shadow:0 1px 4px #0006}.fcard-name{position:relative;z-index:1;font-family:var(--font-display);font-size:13px;text-align:center;width:100%;max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;line-height:1.08;word-break:break-word;flex-shrink:0;margin-top:6px;padding-top:6px;border-top:1px solid color-mix(in srgb,var(--cc) 45%,transparent)}.fcard-lg .fcard-name{font-size:17px;margin-top:7px;padding-top:7px}.fcard-sm .fcard-name{font-size:11px;margin-top:3px;padding-top:3px}.fcard-sm .fcard-traits{display:none}.fcard-sm .fcard-face img{width:46px;height:46px}.fcard-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;width:100%;margin-top:8px}.fcard-stat{display:flex;flex-direction:column;align-items:center;line-height:1;padding:4px 0 3px;border-radius:8px;background:color-mix(in srgb,var(--ink) 12%,transparent);border:1px solid color-mix(in srgb,var(--ink) 9%,transparent)}.fcard-epico .fcard-stat,.fcard-lendario .fcard-stat,.fcard-icone .fcard-stat{background:#ffffff1f;border-color:#ffffff26}.fcard-stat b{font-size:14px}.fcard-stat span{font-size:8px;font-weight:800;opacity:.75;margin-top:2px;letter-spacing:.3px}.fcard-sm .fcard-stats{gap:3px;margin-top:6px}.fcard-sm .fcard-stat{padding:3px 0 2px;border-radius:6px}.fcard-sm .fcard-stat b{font-size:11px}.fcard-traits{position:relative;z-index:1;display:flex;gap:4px;margin-top:6px;font-size:14px}.card-reveal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(120% 90% at 50% 0%,#123,#04080c 70%);animation:fadeIn .3s ease both;cursor:pointer;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom)}.reveal-title{font-family:var(--font-display);color:#fff;font-size:clamp(20px,6vw,30px);letter-spacing:2px}.reveal-counter{color:#fff9;font-weight:700;font-size:13px}.reveal-stage{display:grid;place-items:center;min-height:330px}.reveal-hint{color:#ffffffbf;font-weight:700;font-size:14px;animation:pulse 1.6s ease-in-out infinite}.reveal-cont{width:min(360px,90%)}.reveal-in{animation:cardReveal .6s cubic-bezier(.2,.9,.3,1.2) both}@keyframes cardReveal{0%{transform:perspective(900px) rotateY(90deg) scale(.7);opacity:0;filter:brightness(2.4)}55%{filter:brightness(1.3)}to{transform:perspective(900px) rotateY(0) scale(1);opacity:1;filter:brightness(1)}}.reveal-in.fcard-legend{box-shadow:0 0 60px color-mix(in srgb,var(--cc) 70%,transparent)}.reveal-special{animation:cardReveal .6s cubic-bezier(.2,.9,.3,1.2) both,specialPulse 1.5s ease-in-out .7s infinite}@keyframes specialPulse{0%,to{box-shadow:0 0 28px color-mix(in srgb,var(--cc) 50%,transparent),0 16px 38px #0000008c}50%{box-shadow:0 0 66px color-mix(in srgb,var(--cc) 90%,transparent),0 16px 38px #0000008c}}@media(prefers-reduced-motion:reduce){.reveal-special{animation:cardReveal .6s cubic-bezier(.2,.9,.3,1.2) both}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.prog-grid{width:min(460px,94vw);display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:12px;justify-items:center}.prog-cell{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;width:116px}.prog-cell.injured{opacity:.72}.prog-cell:active{transform:scale(.97)}.prog-cell .prog-bar{width:100%;height:5px;border-radius:3px;background:#ffffff1f;overflow:hidden}.prog-cell .prog-bar i{display:block;height:100%;background:var(--accent)}.prog-cell .prog-xp{font-size:9.5px;color:#fff9;text-align:center}.pstat-cardwrap{display:flex;flex-direction:column;align-items:center}.fcard-badge{position:absolute;top:30%;left:50%;transform:translate(-50%);background:linear-gradient(90deg,#1db96a,#2fe07f);color:#04130a;font-family:var(--font-display);font-size:9px;letter-spacing:.5px;padding:2px 9px;border-radius:999px;white-space:nowrap;z-index:3;box-shadow:0 2px 8px #00000073}.fcard-lg .fcard-badge{font-size:11px;top:27%;padding:3px 12px}.fcard-sm .fcard-badge{font-size:7.5px;padding:1px 6px}.reveal-young{box-shadow:0 0 55px #2fe07f99!important}.reveal-young .fcard-shine{animation:cardShine 2s ease-in-out infinite}.home-welcome{position:relative;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:16px;padding:14px 16px;background:linear-gradient(160deg,#2fe07f24,#2fe07f0a);animation:tileIn .45s cubic-bezier(.2,.8,.3,1) both}.hw-close{position:absolute;top:8px;right:10px;background:none;border:none;color:#ffffff8c;font-size:22px;line-height:1;cursor:pointer}.hw-close:hover{color:#fff}.hw-title{font-family:var(--font-display);font-size:17px;color:#fff}.hw-body{font-size:13px;color:#ffffffd9;margin:5px 0 11px;line-height:1.35}.hw-body b{color:var(--accent);letter-spacing:.5px}.hw-actions{display:flex;gap:9px;flex-wrap:wrap}.hw-btn{border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#fff;font-weight:700;font-size:12.5px;padding:8px 14px;border-radius:10px;cursor:pointer}.hw-tour{background:var(--accent);color:#04130a;border-color:transparent}.hw-btn:active{transform:scale(.97)}.tour-ov{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4200}.tour-spot{position:fixed;border-radius:14px;pointer-events:none;box-shadow:0 0 0 9999px #02080cbd,0 0 0 2px var(--accent);transition:all .32s cubic-bezier(.2,.8,.3,1)}.tour-pop{position:fixed;left:50%;transform:translate(-50%);width:min(360px,92vw);background:#131a20;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px 16px;box-shadow:0 16px 40px #0000008c;animation:fadeIn .25s ease both}.tour-step{font-size:11px;font-weight:800;color:var(--accent);margin-bottom:4px}.tour-t{font-family:var(--font-display);font-size:16px;color:#fff}.tour-b{font-size:13px;color:#ffffffd1;margin:5px 0 12px;line-height:1.35}.tour-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.tour-skip{background:none;border:none;color:#fff9;font-weight:700;font-size:13px;cursor:pointer;text-decoration:underline}.tour-skip:hover{color:#fff}.tour-next{background:var(--accent);color:#04130a;border:none;font-weight:800;font-size:13px;padding:9px 20px;border-radius:10px;cursor:pointer}.tour-next:active{transform:scale(.97)}.sq-head{display:flex;align-items:center;gap:12px;width:min(460px,94vw);margin:2px auto 4px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.1)}.sq-crest{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:24px;flex:none;box-shadow:inset 0 -4px #00000040}.sq-head-id{flex:1;min-width:0}.sq-club{font-family:var(--font-display);font-size:clamp(18px,5vw,26px);color:#fff;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sq-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.sq-chip{font-size:11px;font-weight:700;color:#fffc;background:#ffffff12;border-radius:999px;padding:3px 9px}.sq-team-ovr{flex:none;display:flex;flex-direction:column;align-items:center;font-family:var(--font-display);font-size:34px;line-height:.9;color:var(--accent)}.sq-team-ovr small{font-size:10px;font-weight:800;color:#ffffff8c;letter-spacing:1px}.sq-optimize{background:var(--accent);color:#04130a;border-color:transparent;font-weight:800}.sq-pos{font-size:9px;font-weight:800;letter-spacing:.5px;color:#fff;background:#00000073;border-radius:999px;padding:1px 7px}.sq-pos.off{background:var(--danger)}.sq-player.off-pos .sq-disc{box-shadow:0 0 0 2px var(--danger),0 4px 10px #0006}.sq-posinfo{font-size:12px;font-weight:700;text-align:center;padding:7px 10px;border-radius:10px;margin:8px 0 2px}.sq-posinfo.ok{color:#6fe0a0;background:#2fe07f1a}.sq-posinfo.off{color:#ffcaa0;background:#f6a94a1f}.sq-sort{justify-content:center;gap:6px;margin-bottom:6px}.sq-listbody{width:100%;display:flex;flex-direction:column;align-items:center}.card-toast{--cc: #2fe07f;position:fixed;z-index:55;pointer-events:none;top:calc(env(safe-area-inset-top) + 56px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;max-width:92vw;background:#06100aeb;border:1px solid color-mix(in srgb,var(--cc) 55%,var(--glass-brd));border-radius:999px;padding:4px 12px 4px 4px;box-shadow:0 6px 18px #00000080;animation:ctIn .35s cubic-bezier(.2,.85,.3,1.1) both}.card-toast.ct-out{animation:ctOut .3s ease both}.ct-face{width:28px;height:28px;border-radius:50%;background:#ffffff26;flex:none}.ct-label{font-family:var(--font-display);font-size:12px;color:var(--cc);white-space:nowrap}.ct-name{font-size:12px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:38vw}.ct-ovr{font-size:11px;font-weight:900;color:#04130a;background:var(--cc);border-radius:999px;padding:1px 7px;flex:none}@keyframes ctIn{0%{opacity:0;transform:translate(-50%) translateY(-8px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes ctOut{to{opacity:0;transform:translate(-50%) translateY(-6px)}}.reveal-pack{position:relative;width:196px;height:270px;cursor:pointer;animation:packWobble 1.8s ease-in-out infinite}.pack-half{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:88px;color:#eafff3;background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 10px,transparent 10px 20px),radial-gradient(120% 80% at 50% -10%,rgba(255,255,255,.32),transparent 55%),linear-gradient(160deg,#21d479,#0c7a44 70%,#0a5e36);box-shadow:0 20px 50px #0000008c,inset 0 2px #ffffff4d,inset 0 0 0 2px #ffffff29;will-change:transform,opacity}.pack-top{clip-path:polygon(0 0,100% 0,100% 50%,90% 46%,80% 53%,70% 47%,60% 53%,50% 46%,40% 53%,30% 47%,20% 53%,10% 46%,0 50%)}.pack-bot{clip-path:polygon(0 50%,10% 46%,20% 53%,30% 47%,40% 53%,50% 46%,60% 53%,70% 47%,80% 53%,90% 46%,100% 50%,100% 100%,0 100%)}.pack-ico{filter:drop-shadow(0 6px 10px rgba(0,0,0,.45));line-height:1}.pack-brand{font-family:var(--font-display);font-size:18px;letter-spacing:2px;opacity:.9}.pack-seam{position:absolute;top:50%;left:6px;right:6px;height:0;border-top:2px dashed rgba(255,255,255,.6);transform:translateY(-1px)}.pack-glow{position:absolute;top:18%;right:30%;bottom:18%;left:30%;border-radius:50%;background:radial-gradient(circle,#fff,transparent 70%);opacity:0}.reveal-pack.torn{animation:none}.reveal-pack.torn .pack-top{animation:tearTop .66s cubic-bezier(.4,0,.5,1) forwards}.reveal-pack.torn .pack-bot{animation:tearBot .66s cubic-bezier(.4,0,.5,1) forwards}.reveal-pack.torn .pack-seam{opacity:0}.reveal-pack.torn .pack-glow{animation:tearGlow .5s ease-out forwards}@keyframes packWobble{0%,to{transform:rotate(-1.2deg) translateY(0)}50%{transform:rotate(1.2deg) translateY(-4px)}}@keyframes tearTop{0%{transform:translateY(0) rotate(0)}18%{transform:translateY(6px) rotate(-1deg)}to{transform:translate(-12%,-150%) rotate(-13deg);opacity:0}}@keyframes tearBot{0%{transform:translateY(0) rotate(0)}18%{transform:translateY(-6px) rotate(1deg)}to{transform:translate(12%,150%) rotate(11deg);opacity:0}}@keyframes tearGlow{0%{opacity:0;transform:scale(.4)}35%{opacity:.95}to{opacity:0;transform:scale(1.8)}}.reveal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(94px,1fr));gap:10px;max-width:min(560px,94vw);justify-items:center}.reveal-grid .fcard{width:100%;max-width:124px;animation:liCardIn .4s ease both}.sq-player.rar-raro .sq-disc,.sq-bench-player.rar-raro .sq-disc{border-color:#2fe07f}.sq-player.rar-epico .sq-disc,.sq-bench-player.rar-epico .sq-disc{border-color:#b06bff;box-shadow:0 0 12px #b06bff99,0 4px 10px #0006}.sq-player.rar-lendario .sq-disc,.sq-bench-player.rar-lendario .sq-disc{border-color:#f6b91a;box-shadow:0 0 14px #f6b91ab3,0 4px 10px #0006}.sq-player.rar-icone .sq-disc,.sq-bench-player.rar-icone .sq-disc{border-color:#18c2d6;box-shadow:0 0 14px #18c2d6b3,0 4px 10px #0006}.sq-tabs{display:inline-flex;gap:4px;margin:2px auto 4px;padding:4px;background:#00000040;border:1px solid var(--glass-brd);border-radius:12px}.sq-tab{border:none;background:none;color:#fff9;font-weight:800;font-size:13px;padding:8px 18px;border-radius:9px;cursor:pointer;transition:background .18s,color .18s}.sq-tab.active{background:var(--accent);color:#04130a;box-shadow:0 3px 10px #2fe07f4d}.var-tv{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.var-tv-screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(600px,88vw);aspect-ratio:4 / 3;max-height:66vh;border-radius:14px;border:4px solid #0c1a11;overflow:hidden;box-shadow:0 0 0 6px #12261af2,0 0 0 9999px #000,0 0 70px #2fe07f47;opacity:0;transition:opacity .4s ease}.var-scene.show .var-tv-screen{opacity:1}.var-tv-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 120% at 50% 50%,transparent 58%,rgba(0,0,0,.4))}.var-tv-scan{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0,#0000 2px,#00000021 2px,#00000021 3px);animation:tvFlicker 5s steps(40) infinite}body.var-active .hud{opacity:0!important;pointer-events:none}.var-bottom{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom) + 7vh);transform:translate(-50%);text-align:center;z-index:2;opacity:0;transition:opacity .45s ease}.var-scene.show .var-bottom{opacity:1}.var-bottom .var-badge{font-family:var(--font-display);font-size:clamp(22px,7vw,34px);color:#fff;letter-spacing:3px;text-shadow:0 0 18px rgba(47,224,127,.4)}.var-bottom .var-sub{font-size:clamp(13px,3.6vw,16px);color:#ffffffd9;margin-top:2px}.var-scene.verdict .var-bottom .var-sub{color:var(--accent)}.var-scene.verdict .var-tv-screen:after{background:#0000009e}.var-verdict{z-index:3}
