.arena{width:100%;margin:0 auto;padding:14px 18px 22px;display:flex;flex-direction:column;gap:14px;min-height:100vh}.arena-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:linear-gradient(180deg,#0e1830,#0a1222);border:1px solid var(--border);border-radius:16px;padding:10px 18px}.brand{display:flex;align-items:center;gap:12px}.brand-ball{font-size:38px;filter:drop-shadow(0 0 10px rgba(155,230,56,.6))}.brand-name{font-size:24px;font-weight:900;letter-spacing:.04em;line-height:1}.brand-accent{color:var(--green);text-shadow:0 0 14px rgba(155,230,56,.5)}.brand-tag{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.arena-nav{display:flex;gap:4px;flex-wrap:wrap}.nav-item{position:relative;background:transparent;border:none;color:var(--muted);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:12px 14px;border-radius:8px}.nav-item.active{color:#fff;background:#2f7fe029;box-shadow:inset 0 -2px 0 var(--blue)}.nav-item:disabled{opacity:.55}.soon-badge{position:absolute;top:0;right:0;font-size:8px;background:#243250;color:#9fb4d8;border-radius:6px;padding:1px 5px;text-transform:none;letter-spacing:0}.top-side{display:flex;gap:8px;align-items:center}.music-controls{display:flex;align-items:center;gap:4px;background:#0a1120;border:1px solid var(--border);border-radius:18px;padding:4px 10px}.music-btn{background:transparent;border:none;padding:4px 6px;font-size:14px;line-height:1;border-radius:6px;color:var(--text)}.music-btn:hover:not(:disabled){background:#16223c}.music-volume{width:70px;accent-color:var(--green);cursor:pointer}.music-track{font-size:12px;color:var(--muted);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:720px){.music-track{display:none}}.chip{background:#0a1120;border:1px solid var(--border);border-radius:18px;padding:7px 14px;font-size:13px;color:var(--muted);white-space:nowrap}.chip-xp{color:var(--green);border-color:#9be63866;font-weight:700}.arena-grid{display:grid;grid-template-columns:290px 1fr 330px;gap:14px;flex:1}.arena-col{display:flex;flex-direction:column;gap:14px;min-width:0}.card{background:linear-gradient(180deg,#101a2e,#0c1424);border:1px solid var(--border);border-radius:16px;padding:14px 16px}.card-title{margin:0 0 12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#5d9de0}.profile-row{display:flex;gap:14px;align-items:center}.avatar{position:relative;width:86px;height:86px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#20335c,#101a30);border:3px solid var(--blue);box-shadow:0 0 18px #2f7fe059;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-letter{font-size:36px;font-weight:900;color:#cfe2ff}.avatar-level{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);background:var(--blue);color:#fff;font-size:12px;font-weight:800;padding:2px 9px;border-radius:8px;border:2px solid #0c1424}.profile-main{min-width:0;flex:1}.profile-name{font-size:21px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-level{color:var(--blue);font-size:13px;font-weight:700;margin:2px 0 8px}.xp-bar{height:9px;border-radius:5px;background:#0a1120;overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,#2f7fe0,#6cb1ff);transition:width .4s ease}.xp-text{font-size:12px;color:var(--muted);margin-top:5px}.news-visual{height:110px;border-radius:12px;background:radial-gradient(circle at 70% 20%,rgba(224,120,47,.35),transparent 55%),radial-gradient(circle at 25% 80%,rgba(47,127,224,.45),transparent 60%),#0a1120;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.news-ball{font-size:52px;filter:drop-shadow(0 0 14px rgba(108,177,255,.7))}.news-title{font-size:16px;font-weight:800;text-transform:uppercase}.news-text{font-size:13px;color:var(--muted);margin-top:3px}.news-dots{display:flex;gap:6px;margin-top:10px}.dot{width:7px;height:7px;border-radius:50%;background:#243250}.dot.active{background:var(--green)}.arena-center{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(#070b1440,#070b1480),url(/assets/stadium-bg-B7yZX51N.webp) center / cover no-repeat;overflow:hidden;padding:30px 20px;min-height:480px}.find-match{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:26px 64px 22px;background:linear-gradient(180deg,#57a01f,#2f6a12);border:2px solid #9be638;border-radius:18px;clip-path:polygon(7% 0,93% 0,100% 28%,100% 72%,93% 100%,7% 100%,0 72%,0 28%);box-shadow:0 0 34px #9be63873,inset 0 0 22px #ffffff1f;transition:transform .12s ease,box-shadow .12s ease}.find-match:hover{background:linear-gradient(180deg,#63b226,#357816);transform:scale(1.03);box-shadow:0 0 48px #9be638a6,inset 0 0 22px #ffffff29}.find-ball{font-size:44px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.45))}.find-title{font-size:30px;font-weight:900;letter-spacing:.06em;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4)}.find-sub{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#e3ffc2;border-top:1px solid rgba(255,255,255,.35);padding-top:5px}.queue-panel{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px;background:#0a1120e0;border:1px solid var(--border);border-radius:18px;padding:28px 44px}.queue-text{margin:0;font-size:16px;font-weight:600}.mode-select{position:relative;z-index:1;width:100%;max-width:640px;text-align:center}.mode-select h3{margin:0 0 12px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}.mode-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mode-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px 13px;background:#0d1526eb;border:1px solid var(--border);border-radius:14px;transition:border-color .15s ease,box-shadow .15s ease,transform .12s ease}.mode-card:hover:not(:disabled){transform:translateY(-2px);border-color:#3a5d9e}.mode-card.selected{border-color:var(--blue);box-shadow:0 0 16px #2f7fe066;background:#14213cf2}.mode-icon{font-size:28px}.mode-title{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.mode-sub{font-size:11px;color:var(--muted)}.history-card{flex:1}.history-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.btn-small{font-size:11px;padding:5px 10px;border-radius:8px}.history-empty{color:var(--muted);font-size:14px;text-align:center;padding:30px 10px}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.hist-row{display:flex;align-items:center;gap:12px;background:#0a1120;border-radius:10px;padding:9px 12px;border-left:3px solid var(--muted)}.hist-win{border-left-color:var(--green)}.hist-loss{border-left-color:var(--red)}.hist-draw{border-left-color:var(--blue)}.hist-date{display:flex;flex-direction:column;font-size:11px;color:var(--muted);min-width:68px}.hist-mode{flex:1;display:flex;flex-direction:column;min-width:0}.hist-mode-title{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hist-mode-sub{font-size:11px;color:var(--muted)}.hist-result{display:flex;flex-direction:column;align-items:flex-end}.hist-outcome{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.hist-win .hist-outcome{color:var(--green)}.hist-loss .hist-outcome{color:var(--red)}.hist-draw .hist-outcome{color:#6cb1ff}.hist-score{font-size:19px;font-weight:900}.arena-bottom{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch}.bottom-card{display:flex;align-items:center;gap:12px}.bottom-icon{font-size:30px}.bottom-title{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.bottom-text{font-size:12px;color:var(--muted);margin-top:2px}.community-card{flex-direction:column;gap:8px;justify-content:center;padding:12px 26px}.community-icons{display:flex;gap:10px}.community-icon{width:38px;height:38px;border-radius:50%;background:#16223c;border:1px solid var(--border);font-size:11px;font-weight:800;color:var(--muted);padding:0}.bonus-card{justify-content:flex-end}.bonus-card>div{margin-right:auto}.btn-bonus{position:relative;background:#3d3414;border:1px solid #8f7a25;color:#e8d27a;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.06em;padding:10px 22px;border-radius:10px}.profile-page{display:flex;flex-direction:column;gap:14px;flex:1}.profile-head{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.profile-card-preview{flex:1;min-width:280px;display:flex;justify-content:center}.profile-head-side{display:flex;flex-direction:column;gap:10px;min-width:200px}.phs-level{font-size:15px;font-weight:700;color:#d6e2f4}.cover-xp{display:flex;align-items:center;gap:10px}.cover-xp .xp-bar{flex:1}.cover-xp .xp-text{margin:0;white-space:nowrap;color:var(--muted)}.cover-logout{align-self:flex-start;flex-shrink:0}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.quick-stat{background:linear-gradient(180deg,#16243f,#0c1424);border:1px solid var(--border);border-radius:14px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:3px}.quick-stat-icon{font-size:20px}.quick-stat-value{font-size:26px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.quick-stat-value.accent{color:var(--green)}.quick-stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;text-align:center}.custom-cols{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px;margin-top:12px;align-items:start}.custom-col{display:flex;flex-direction:column;gap:10px;min-width:0}.custom-col-title{margin:0;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#5d9de0;padding-bottom:6px;border-bottom:1px solid var(--border)}@media(max-width:860px){.custom-cols{grid-template-columns:1fr}}.bg-thumb.locked,.option-row.locked{opacity:.45;filter:grayscale(.7);cursor:not-allowed}.bg-thumb.locked:hover,.option-row.locked:hover{border-color:var(--border);transform:none}.lock-badge{position:absolute;top:6px;right:8px;font-size:14px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.option-row{position:relative}.ach-list{display:flex;flex-direction:column;gap:8px}.ach-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#0a1120;border:1px solid var(--border);border-left:3px solid var(--muted);border-radius:10px}.ach-row.done{border-left-color:var(--green)}.ach-icon{font-size:20px}.ach-main{flex:1;min-width:0}.ach-title{font-weight:700;font-size:14px}.ach-desc{font-size:12px;color:var(--muted)}.ach-status{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.ach-status.done{color:var(--green)}.custom-list{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.custom-list::-webkit-scrollbar{display:none}.option-row{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;background:#0d1526eb;border:1px solid var(--border);border-radius:10px;text-align:left;flex-shrink:0}.option-row:hover{border-color:#3a5d9e}.option-row.selected{border-color:var(--green);box-shadow:0 0 12px #9be6384d;background:#14213cf2}.option-icon{font-size:18px;line-height:1;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:var(--muted);flex-shrink:0}.option-medal{width:34px;height:34px;flex-shrink:0;background-size:contain;background-position:center;background-repeat:no-repeat;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.option-text{flex:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-text.muted{color:var(--muted)}.option-check{color:var(--green);font-weight:900;flex-shrink:0}.custom-col .bg-thumb{width:100%;height:80px;aspect-ratio:auto;flex-shrink:0}.bg-thumb-img{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;z-index:0}.bg-thumb-label,.bg-thumb-check{z-index:1}.bg-thumb{position:relative;aspect-ratio:600 / 165;border-radius:12px;border:2px solid var(--border);background:transparent!important;padding:0;overflow:hidden;cursor:pointer;transition:transform .12s ease,border-color .15s ease,box-shadow .15s ease}.bg-thumb:hover{transform:translateY(-2px);border-color:#3a5d9e}.bg-thumb.selected{border-color:var(--green);box-shadow:0 0 16px #9be63873}.bg-thumb-label{position:absolute;left:0;right:0;bottom:0;padding:6px 8px;font-size:12px;font-weight:700;color:#fff;text-align:left;background:linear-gradient(0deg,rgba(2,6,14,.85),transparent);text-shadow:0 1px 4px rgba(0,0,0,.8)}.bg-thumb-check{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:var(--green);color:#08111f;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000080}.stats-page{display:flex;flex-direction:column;gap:14px;flex:1}.stats-modes{display:flex;gap:8px;flex-wrap:wrap}.stats-mode{padding:9px 20px;border-radius:10px;font-weight:700;font-size:14px;background:#0d1526eb;border:1px solid var(--border);color:var(--muted)}.stats-mode.active{background:#2f7fe02e;border-color:var(--blue);color:#fff;box-shadow:0 0 14px #2f7fe04d}.stats-empty{text-align:center;color:var(--muted);padding:48px 16px;font-size:15px}.stats-heroes{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.stat-hero{position:relative;background:linear-gradient(180deg,#16243f,#0c1424);border:1px solid var(--border);border-radius:16px;padding:18px 16px;display:flex;flex-direction:column;align-items:center;gap:4px;overflow:visible}.stat-hero-icon{font-size:24px}.stat-hero-value{font-size:34px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.stat-hero-label{font-size:12px;color:var(--muted);text-align:center;text-transform:uppercase;letter-spacing:.04em}.stats-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;align-items:start}.chart-card{display:flex;flex-direction:column}.chart-subtitle{margin-top:16px}.chart-body{display:flex;align-items:center;gap:18px}.chart-center{justify-content:center}.donut{position:relative;flex-shrink:0}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-value{font-size:28px;font-weight:900;line-height:1}.donut-sub{font-size:11px;color:var(--muted)}.legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14px}.legend li{display:flex;align-items:center;gap:8px}.legend .dot{width:11px;height:11px;border-radius:50%}.legend b{margin-left:auto;font-variant-numeric:tabular-nums}.form-strip{display:flex;gap:6px;flex-wrap:wrap}.form-cell{position:relative;width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#08111f}.form-win{background:#4fd17a}.form-loss{background:#e0564d;color:#fff}.form-draw{background:#5ea2ff}.bar-chart{display:flex;flex-direction:column;gap:8px}.bar-row{display:flex;align-items:center;gap:10px;font-size:13px}.bar-label{width:56px;color:var(--muted);flex-shrink:0}.bar-track{flex:1;height:12px;border-radius:6px;background:#0a1120;overflow:hidden}.bar-fill{height:100%;border-radius:6px;transition:width .4s ease}.bar-value{width:32px;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.stats-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;align-items:start}.stats-group .card-title{margin-bottom:12px}.stats-items{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat-tile{position:relative;background:#0a1120;border:1px solid var(--border);border-radius:10px;padding:14px 12px;display:flex;flex-direction:column;gap:4px;align-items:flex-start;overflow:visible}.stat-tile.hl{border-color:#2f7fe080;background:linear-gradient(180deg,#2f7fe01f,#0a1120)}.stat-tile-value{font-size:26px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.stat-tile-label{font-size:12px;color:var(--muted)}.info-dot{position:absolute;top:8px;right:8px;width:16px;height:16px;border-radius:50%;background:#1b2942;color:#7e93b5;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:help}.has-tip{cursor:help}.stat-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);width:max-content;max-width:230px;background:#060c17;border:1px solid var(--blue);border-radius:10px;padding:9px 12px;font-size:12px;line-height:1.4;font-weight:400;color:var(--text);text-align:left;letter-spacing:0;text-transform:none;opacity:0;visibility:hidden;transition:opacity .15s ease,transform .15s ease;z-index:40;box-shadow:0 10px 30px #0009;pointer-events:none}.stat-tip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--blue)}.has-tip:hover .stat-tip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}@media(max-width:1180px){.arena-grid{grid-template-columns:1fr 1fr}.arena-center{grid-column:1 / -1;order:-1}.arena-bottom{grid-template-columns:1fr}}@media(max-width:720px){.arena-grid{grid-template-columns:1fr}.mode-cards{grid-template-columns:repeat(2,1fr)}}:root{--bg-deep: #060a13;--panel: #101a2e;--border: #1f2d4a;--text: #e3ebf8;--muted: #8294b5;--green: #9be638;--blue: #2f7fe0;--red: #e0564d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -10%,#14223f 0%,var(--bg-deep) 60%);background-attachment:fixed;color:var(--text);font-family:Segoe UI,Arial,sans-serif}#root{min-height:100vh}h1{margin:0 0 4px;font-size:26px}.muted{color:var(--muted);margin:4px 0 16px}.small{font-size:12px}.center{text-align:center}.panel{background:linear-gradient(180deg,#101a2e,#0c1424);border:1px solid var(--border);border-radius:14px;padding:16px}.screen-center{min-height:100vh;display:flex;align-items:center;justify-content:center}.nickname-panel{width:380px;display:flex;flex-direction:column;gap:10px}.nickname-panel label{font-size:14px}input{padding:10px 12px;border-radius:8px;border:1px solid #2a3b63;background:#0a1120;color:var(--text);font-size:15px}input:focus{outline:2px solid var(--blue)}button{padding:9px 14px;border-radius:8px;border:1px solid #2a3b63;background:#16223c;color:var(--text);font-size:14px;cursor:pointer;font-family:inherit}button:hover:not(:disabled){background:#1d2c4d}button:disabled{opacity:.45;cursor:default}.btn-primary{background:#2e6a14;border-color:#5da82c}.btn-primary:hover:not(:disabled){background:#377d19}.notice{background:#18244a;border-radius:8px;padding:8px 12px;font-size:14px}.notice-error{background:#50211d}.game-room{width:100%;height:100vh;height:100dvh;margin:0 auto;padding:12px 18px 16px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}.hud{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 16px}.hud-score{display:flex;align-items:center;gap:10px}.score{font-size:24px;font-weight:700;min-width:70px;text-align:center}.team-badge{padding:3px 10px;border-radius:12px;font-size:13px;font-weight:600}.team-red{background:#d9554d;color:#fff}.team-blue{background:#4f74c9;color:#fff}.hud-clock{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.hud-meta{display:flex;gap:14px;align-items:center;font-size:13px;color:var(--muted)}.status-ok{color:#7fc78c}.banner{text-align:center;padding:8px;border-radius:8px;background:#14213c;font-size:15px}.banner-goal{background:#5d4d14;font-size:20px;font-weight:700}.banner-finished{background:#3a3158;font-size:17px;font-weight:600}.canvas-wrap{position:relative;width:100%;flex:1;min-height:0;border-radius:10px;border:1px solid var(--border);overflow:hidden}.canvas-host{position:absolute;top:0;right:0;bottom:0;left:0}.canvas-host canvas{display:block;width:100%;height:100%}.field-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.ready-chip{background:#080d18e0;border:1px solid var(--border);border-radius:12px;padding:14px 28px;font-size:17px;font-weight:700}.kickoff-chip{position:absolute;top:14px;left:50%;transform:translate(-50%);background:#080d18e0;border:1px solid var(--border);border-radius:18px;padding:7px 18px;font-size:14px;font-weight:700;pointer-events:none;animation:goal-in .3s ease-out}.kickoff-red{border-color:#d9554db3;color:#f0a59f}.kickoff-blue{border-color:#4f74c9b3;color:#a8bdf0}.countdown-chip{position:absolute;bottom:18px;left:50%;transform:translate(-50%);background:#080d18e0;border:1px solid var(--border);border-radius:18px;padding:8px 20px;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;pointer-events:none}.goal-celebration{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;overflow:hidden}.goal-flash{position:absolute;top:0;right:0;bottom:0;left:0;animation:goal-flash 1s ease-out forwards}.goal-red .goal-flash{background:radial-gradient(circle at 50% 45%,rgba(255,95,80,.55),transparent 70%)}.goal-blue .goal-flash{background:radial-gradient(circle at 50% 45%,rgba(80,145,255,.55),transparent 70%)}@keyframes goal-flash{0%{opacity:1}to{opacity:0}}.goal-big{font-size:clamp(64px,14vh,110px);font-weight:900;letter-spacing:.1em;line-height:1;animation:goal-pop .65s cubic-bezier(.2,1.7,.4,1) both,goal-glow .9s ease-in-out .65s infinite alternate}.goal-red .goal-big{color:#ff8478;text-shadow:0 0 24px rgba(255,95,80,.85),0 4px 0 rgba(0,0,0,.35)}.goal-blue .goal-big{color:#84b6ff;text-shadow:0 0 24px rgba(80,145,255,.85),0 4px 0 rgba(0,0,0,.35)}@keyframes goal-pop{0%{transform:scale(0) rotate(-8deg);opacity:0}55%{transform:scale(1.22) rotate(3deg);opacity:1}75%{transform:scale(.96) rotate(-1deg)}to{transform:scale(1) rotate(0)}}@keyframes goal-glow{0%{filter:brightness(1)}to{filter:brightness(1.35)}}.goal-score-big{font-size:clamp(30px,6vh,44px);font-weight:900;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 18px rgba(155,230,56,.7);animation:goal-rise .5s ease-out .35s both}.goal-card-wrap{animation:goal-rise .55s cubic-bezier(.2,1.4,.4,1) .7s both}.pc-celebrate{width:300px;position:relative;overflow:hidden;box-shadow:0 10px 40px #0009,0 0 26px #ffffff1f}.pc-celebrate:after{content:"";position:absolute;top:0;left:-80%;width:55%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.5),transparent);transform:skew(-12deg);animation:card-shine 1.3s ease-in-out 1.1s 2}@keyframes card-shine{0%{left:-80%}to{left:140%}}@keyframes goal-rise{0%{opacity:0;transform:translateY(30px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.goal-own{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#e0a14d;text-shadow:0 0 12px rgba(224,161,77,.6);animation:goal-rise .5s ease-out .9s both}@keyframes goal-in{0%{opacity:0;transform:translate(-50%) translateY(-18px) scale(.92)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.player-card{position:relative;display:flex;align-items:center;gap:14px;width:300px;aspect-ratio:600 / 165;padding:14px 22px;border-radius:14px;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 26px #00000073;background-size:cover;background-position:center;overflow:hidden;color:#fff}.pc-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#02060ed1,#02060e59 55%,#02060e00)}.pc-left{position:relative;display:flex;align-items:center;gap:8px;flex-shrink:0}.pc-level,.pc-medal{width:46px;height:46px;border-radius:50%;background:#00000073;border:2px solid rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.pc-level{font-size:19px;font-weight:900}.pc-medal{background-size:cover;background-position:center;background-color:#0000008c}.pc-info{position:relative;display:flex;flex-direction:column;min-width:0}.pc-nick{font-size:20px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 6px rgba(0,0,0,.7)}.pc-sub{font-size:12px;color:#ffffffd9;text-shadow:0 1px 4px rgba(0,0,0,.7)}.pc-slogan{font-size:13px;font-style:italic;color:#e9f0fb;text-shadow:0 1px 5px rgba(0,0,0,.8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-toast{width:280px}.pc-large{width:100%;max-width:420px}.pc-large .pc-level,.pc-large .pc-medal,.pc-celebrate .pc-level,.pc-celebrate .pc-medal{width:56px;height:56px}.pc-large .pc-level,.pc-celebrate .pc-level{font-size:23px}.pc-large .pc-medal,.pc-celebrate .pc-medal{font-size:30px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:4px}.auth-tab{background:transparent;border:1px solid var(--border);font-weight:700}.auth-tab.active{background:#2f7fe02e;border-color:var(--blue);color:#fff}.scoreboard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;background:#04070d8c;z-index:15;pointer-events:none}.scoreboard{width:min(640px,92vw);background:#0a101ef5;border:1px solid var(--border);border-radius:14px;padding:16px 18px;box-shadow:0 12px 40px #0009}.sb-header{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:14px}.sb-score{font-size:28px;font-weight:900;font-variant-numeric:tabular-nums}.sb-team{margin-bottom:12px;border-radius:10px;overflow:hidden;border:1px solid var(--border)}.sb-row{display:grid;grid-template-columns:1fr 90px 90px;align-items:center;padding:7px 14px;font-size:14px;background:#0d1526d9}.sb-row:nth-child(odd){background:#101a2ed9}.sb-head{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.sb-red .sb-head{background:#d9554d40;color:#f0a59f}.sb-blue .sb-head{background:#4f74c940;color:#a8bdf0}.sb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-col{text-align:center}.sb-goals{font-weight:800}.sb-me{box-shadow:inset 3px 0 0 var(--green);background:#9be63814!important}.spinner{width:34px;height:34px;border-radius:50%;border:4px solid #243250;border-top-color:var(--green);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04070dc7;display:flex;align-items:center;justify-content:center;z-index:20}.result-panel{width:340px;text-align:center;display:flex;flex-direction:column;gap:12px;padding:24px}.result-panel h2{margin:0;font-size:30px}.result-win{color:var(--green)}.result-loss{color:#e08983}.result-draw{color:#d9c873}.result-score{font-size:34px;font-weight:700}.result-rewards p{margin:4px 0;font-size:15px}.level-up{color:#d9c873;font-weight:700}.btn-leave{font-size:12px;padding:5px 10px;background:#50211d;border-color:#84423c}.btn-leave:hover:not(:disabled){background:#61302b}.toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;z-index:30;pointer-events:none}.toast{background:#080d18f0;border:1px solid var(--border);border-radius:8px;padding:8px 16px;font-size:14px;white-space:nowrap}