:root{--bg-0: #07131c;--bg-1: #0b1d2a;--bg-2: #11334a;--accent: #ffd23f;--accent-2: #ff5d5d;--good: #3ddc97;--text: #f4f6f8;--muted: #9eb3c2;--shadow: 0 10px 30px rgba(0, 0, 0, .35);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{margin:0;padding:0;height:100%;background-color:#1a6b34;background-image:repeating-linear-gradient(to bottom,#1f7a3d 0 var(--stripe-h, 60px),#1a6b34 var(--stripe-h, 60px) calc(var(--stripe-h, 60px) * 2));color:var(--text);overscroll-behavior:none;-webkit-tap-highlight-color:transparent}body,#root{margin:0;padding:0;height:100%;background:transparent;color:var(--text)}button{font-family:inherit}#app-root{position:relative;width:100vw;height:100dvh;display:flex;flex-direction:column;overflow:hidden}#game-host{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:transparent}#game-host canvas{display:block;margin:0}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));gap:10px}.overlay>*{pointer-events:auto}.overlay-top{position:fixed;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));z-index:15;display:flex;justify-content:flex-end;gap:8px;width:auto;margin:0;pointer-events:none}.overlay-top>*{pointer-events:auto}.top-tool{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.14);background:#07131cb8;color:var(--text);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.top-tool:hover{border-color:#ffd23f73}.center-card{pointer-events:auto;background:#07131cf0;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:22px 24px;box-shadow:var(--shadow);width:min(440px,92vw);margin:auto;display:flex;flex-direction:column;gap:12px;max-height:88dvh;overflow-y:auto}.center-card h1{margin:0;font-size:26px;letter-spacing:.02em}.center-card h1 span{color:var(--accent)}.center-card h2{margin:0;font-size:18px;letter-spacing:.04em;color:var(--muted);text-transform:uppercase}.tagline{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.field{display:flex;flex-direction:column;gap:4px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.field.flex{flex:1 1 auto}.field-hint{color:#9eb3c2e6;font-size:11px;line-height:1.35;letter-spacing:normal;text-transform:none}.field input{background:#14324699;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:10px 12px;color:var(--text);font-size:15px;letter-spacing:normal;text-transform:none}.inline-error{color:#ffb0b0;font-size:12px;line-height:1.4;background:#ff5d5d1f;border:1px solid rgba(255,93,93,.32);border-radius:8px;padding:8px 10px}.field input:focus{outline:none;border-color:#ffd23f99}.or{text-align:center;color:var(--muted);font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin:4px 0}.segmented{display:flex;background:#14324699;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:3px;gap:2px}.seg-btn{flex:1 1 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--muted);font-family:inherit;font-size:13px;font-weight:600;padding:8px 6px;border-radius:8px;cursor:pointer;transition:background .12s ease,color .12s ease;letter-spacing:.02em}.seg-btn:hover{color:var(--text)}.seg-btn.active{background:#ffd23f2e;color:var(--accent);box-shadow:inset 0 0 0 1px #ffd23f66}.rematch-status{text-align:center;font-size:12px;letter-spacing:.05em;color:var(--muted);margin-top:-4px;min-height:16px}.rematch-status.ready{color:var(--good)}.rematch-status.gone{color:var(--accent-2)}.join-row{display:flex;gap:8px;align-items:flex-end}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#1a3a52,#112637);color:var(--text);font-size:14px;font-weight:600;padding:12px 18px;cursor:pointer;transition:transform 80ms ease,border-color .12s ease,background .12s ease;box-shadow:var(--shadow)}.btn:hover{border-color:#ffd23f80}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn.primary{background:linear-gradient(180deg,#ffd23f,#ffa600);color:#1a1100;border-color:#00000040}.btn.danger{background:linear-gradient(180deg,#ff7878,#c83b3b);color:#1a0000}.btn.ghost{background:transparent;border-color:#ffffff1f;color:var(--muted);box-shadow:none}.btn.ghost:hover{color:var(--text)}.btn.block{width:100%}.text-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--accent);padding:4px 0;font-size:12px;font-weight:800;line-height:1.3;cursor:pointer}.text-btn:hover{color:#ffe8a1}.text-btn.center{align-self:center}.account-panel{display:flex;flex-direction:column;gap:10px}.token-login-panel{display:flex;flex-direction:column;gap:10px;padding:12px;background:#14324673;border:1px solid rgba(255,255,255,.08);border-radius:12px}.token-login-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.token-login-head h3{margin:0;color:var(--text);font-size:14px;letter-spacing:normal;text-transform:none}.token-login-panel p{margin:0;color:#9eb3c2e6;font-size:12px;line-height:1.45}.account-summary{display:flex;align-items:center;gap:12px;padding:10px;background:#14324673;border:1px solid rgba(255,255,255,.08);border-radius:12px}.account-summary-main{display:flex;flex-direction:column;gap:2px;min-width:0}.account-summary-main span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.account-summary-main strong{font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-summary-main em{color:var(--accent);font-style:normal;font-size:12px}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:999px;background:#ffffff1a;border:2px solid rgba(255,255,255,.18);color:var(--text);overflow:visible}.avatar-sm{width:28px;height:28px;font-size:12px}.avatar-md{width:36px;height:36px;font-size:14px}.avatar-lg{width:54px;height:54px;font-size:20px}.avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.avatar-initial{font-weight:800}.avatar-team{position:absolute;right:-5px;bottom:-5px;min-width:23px;height:16px;display:inline-flex;align-items:center;justify-content:center;padding:0 3px;border:2px solid;border-radius:999px;font-size:8px;font-weight:900;line-height:1;box-shadow:0 2px 8px #00000059}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;background:#0000006b;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));z-index:20}.settings-floating-close{position:fixed;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));z-index:22;background:#07131ccc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.settings-modal{width:min(500px,94vw);margin:auto}.settings-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-title-row{display:flex;align-items:center;gap:10px;min-width:0}.settings-title-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.settings-team-name{color:var(--text);font-size:13px;font-weight:800;letter-spacing:normal;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kit-preview{--kit-base: #f8fafc;--kit-accent: #d71920;--kit-trim: #111827;position:relative;display:inline-block;width:58px;height:52px;flex:0 0 auto;filter:drop-shadow(0 8px 12px rgba(0,0,0,.2))}.kit-preview-sm{width:24px;height:23px;filter:none}.kit-body,.kit-sleeve{position:absolute;background:var(--kit-base);border:2px solid var(--kit-trim);overflow:hidden}.kit-preview-sm .kit-body,.kit-preview-sm .kit-sleeve{border-width:1px}.kit-body{left:18%;top:12%;width:64%;height:78%;border-radius:7px 7px 10px 10px}.kit-sleeve{top:18%;width:24%;height:35%;border-radius:7px 5px 7px 6px}.kit-sleeve.left{left:1%;transform:rotate(16deg)}.kit-sleeve.right{right:1%;transform:rotate(-16deg)}.kit-body:before{content:"";position:absolute;left:32%;top:-11%;width:36%;height:26%;border-radius:0 0 999px 999px;background:#00000047;border:2px solid var(--kit-trim);z-index:3}.kit-preview-sm .kit-body:before{border-width:1px}.kit-pattern-layer{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent}.kit-code{position:absolute;left:50%;bottom:8%;transform:translate(-50%);color:var(--kit-trim);font-size:9px;line-height:1;font-weight:900;letter-spacing:0;z-index:4;text-shadow:0 1px 0 rgba(255,255,255,.32)}.kit-preview-sm .kit-code{display:none}.kit-pattern-center-stripe .kit-pattern-layer{background:linear-gradient(90deg,transparent 38%,var(--kit-accent) 38% 62%,transparent 62%)}.kit-pattern-shoulder-blocks .kit-pattern-layer{background:linear-gradient(135deg,var(--kit-accent) 0 30%,transparent 31%),linear-gradient(225deg,var(--kit-accent) 0 30%,transparent 31%)}.kit-pattern-chest-band .kit-pattern-layer{background:linear-gradient(180deg,transparent 33%,var(--kit-accent) 34% 55%,transparent 56%)}.kit-pattern-split-trim .kit-pattern-layer,.kit-pattern-split-panel .kit-pattern-layer{background:linear-gradient(90deg,var(--kit-accent) 0 50%,transparent 50%)}.kit-pattern-wave .kit-pattern-layer{background:radial-gradient(95% 42% at 16% 42%,transparent 43%,var(--kit-accent) 45% 56%,transparent 58%),radial-gradient(90% 42% at 88% 58%,transparent 43%,var(--kit-accent) 45% 56%,transparent 58%)}.kit-pattern-sash .kit-pattern-layer,.kit-pattern-sash-cross .kit-pattern-layer{background:linear-gradient(135deg,transparent 39%,var(--kit-accent) 40% 58%,transparent 59%)}.kit-pattern-sash-cross .kit-pattern-layer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent 44%,var(--kit-trim) 45% 53%,transparent 54%);opacity:.72}.kit-pattern-sawtooth .kit-pattern-layer{background:linear-gradient(90deg,var(--kit-accent) 0 20%,transparent 20%),repeating-linear-gradient(135deg,var(--kit-accent) 0 7px,transparent 7px 14px);opacity:.88}.kit-pattern-center-star .kit-pattern-layer:after{content:"★";position:absolute;left:50%;top:35%;transform:translate(-50%,-50%);color:var(--kit-accent);font-size:18px;font-weight:900}.kit-pattern-vertical-stripes .kit-pattern-layer{background:repeating-linear-gradient(90deg,transparent 0 18%,var(--kit-accent) 18% 32%)}.kit-pattern-center-diamond .kit-pattern-layer:after{content:"";position:absolute;left:50%;top:41%;width:45%;height:45%;transform:translate(-50%,-50%) rotate(45deg);background:var(--kit-accent);box-shadow:inset 0 0 0 7px var(--kit-base)}.kit-pattern-silver-fern .kit-pattern-layer{background:linear-gradient(135deg,transparent 46%,var(--kit-accent) 47% 52%,transparent 53%)}.kit-pattern-silver-fern .kit-pattern-layer:after{content:"";position:absolute;left:31%;top:22%;width:40%;height:54%;background:repeating-linear-gradient(145deg,var(--kit-accent) 0 4px,transparent 4px 8px);clip-path:polygon(50% 0,70% 28%,100% 33%,72% 48%,92% 78%,57% 62%,42% 100%,36% 62%,0 78%,27% 48%,0 33%,31% 28%)}.kit-pattern-checker .kit-pattern-layer,.kit-pattern-quarters .kit-pattern-layer{background:linear-gradient(90deg,var(--kit-accent) 50%,transparent 50%),linear-gradient(180deg,var(--kit-accent) 50%,transparent 50%);background-size:50% 50%;background-blend-mode:multiply}.kit-pattern-center-cross .kit-pattern-layer{background:linear-gradient(90deg,transparent 39%,var(--kit-accent) 40% 58%,transparent 59%),linear-gradient(180deg,transparent 38%,var(--kit-accent) 39% 57%,transparent 58%)}.kit-pattern-crescent-band .kit-pattern-layer{background:linear-gradient(180deg,transparent 31%,var(--kit-accent) 32% 54%,transparent 55%)}.kit-pattern-crescent-band .kit-pattern-layer:after{content:"";position:absolute;left:29%;top:21%;width:22%;height:22%;border-radius:50%;box-shadow:5px 0 0 0 var(--kit-accent);background:transparent}.kit-pattern-club-rhythm .kit-pattern-layer{background:linear-gradient(135deg,transparent 18%,var(--kit-accent) 19% 27%,transparent 28%),repeating-linear-gradient(90deg,transparent 0 16%,rgba(255,255,255,.3) 16% 19%,transparent 19% 34%)}.profile-row{display:flex;align-items:center;gap:14px}.avatar-upload{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:12px;background:#14324699;border:1px solid rgba(255,255,255,.14);color:var(--text);font-size:13px;font-weight:700;cursor:pointer}.avatar-upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.team-preview-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;padding:2px}.team-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid rgba(255,255,255,.12);background:#14324673;color:var(--text);border-radius:10px;padding:6px 4px;font-size:10px;font-weight:800;line-height:1;cursor:pointer}.team-chip span{max-width:100%;overflow-wrap:anywhere;line-height:1.15}.team-chip.active{border-color:#ffd23fa6;box-shadow:inset 0 0 0 1px #ffd23f52}.token-row{display:flex;gap:8px}.token-row input{flex:1 1 auto;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.token-row .btn{flex:0 0 auto;padding-left:12px;padding-right:12px}.token-login-link{align-self:flex-start;margin-top:2px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stats-title{grid-column:1 / -1;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.14em}.stat-card{background:#14324673;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 9px;min-width:0}.stat-card span{display:block;color:var(--muted);font-size:10px;line-height:1.2}.stat-card strong{display:block;margin-top:4px;font-size:20px;line-height:1;font-variant-numeric:tabular-nums}.room-code{color:var(--accent);font-weight:800;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.2em;font-size:22px}.room-share-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.room-share-row h2{min-width:0}.room-copy-btn{flex:0 0 auto;min-height:34px;padding:0 12px;font-size:12px}.join-modal-code{align-self:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;font-size:36px;letter-spacing:.24em;color:var(--accent);background:#ffd23f1f;border:1px solid rgba(255,210,63,.35);border-radius:14px;padding:8px 22px;margin:4px 0 6px}.players{display:flex;align-items:stretch;gap:10px;margin:6px 0}.player-slot{flex:1 1 0;background:#14324673;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px;text-align:center;display:flex;flex-direction:column;gap:4px}.player-slot.self{border-color:#ffd23f8c}.player-slot.empty{opacity:.5;border-style:dashed}.player-slot.ready{border-color:#3ddc9799}.player-slot-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.player-slot-name{font-size:16px;font-weight:700}.player-slot-status{font-size:10px;letter-spacing:.18em;color:var(--good);min-height:12px}.vs{align-self:center;font-size:12px;color:var(--muted);letter-spacing:.14em;text-transform:uppercase}.hint{font-size:12px;color:var(--muted);margin:0;text-align:center;line-height:1.4}.match{display:flex;flex-direction:column;gap:10px;flex:1 1 0;min-height:0;pointer-events:none;max-width:var(--canvas-dom-w, 100%);width:100%;margin:0 auto}.match-strip-top{display:flex;align-items:stretch;gap:6px;background:#07131c99;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:6px 10px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.match-center{flex:1 1 auto;display:flex;align-items:center;justify-content:center;pointer-events:none;min-height:0}.match-strip-bottom{display:flex;align-items:center;justify-content:center;pointer-events:none;min-height:14px}.player-tag{flex:1 1 0;display:flex;align-items:center;gap:8px;min-width:0}.player-tag.self{color:var(--accent)}.player-tag-name{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-tag-score{font-size:20px;font-weight:800;letter-spacing:.02em}.match-meta{display:flex;flex-direction:column;align-items:center;gap:3px;justify-content:center;flex-shrink:0;min-width:0}.round-pill{background:#ffd23f2e;border:1px solid rgba(255,210,63,.4);color:#ffe9a8;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.08em;white-space:nowrap}.role-badge{padding:2px 8px;border-radius:999px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;border:1px solid transparent;white-space:nowrap}.role-badge.shoot{background:#ff5d5d2e;border-color:#ff5d5d73;color:#ffb0b0}.role-badge.keep{background:#3ddc972e;border-color:#3ddc9773;color:#c5f3df}.role-badge.spectate{background:#9eb3c22e;border-color:#9eb3c266;color:#cfd8e1}.choose-actions{display:flex;gap:8px;margin-top:4px}.choose-btn{flex:1 1 0;min-width:0}.choose-btn.active{outline:2px solid var(--accent);outline-offset:-1px;opacity:1}.choose-btn:disabled.active{opacity:1;cursor:default}.choose-status{font-size:12px;letter-spacing:.04em;color:var(--muted);text-align:center;padding:6px 8px;background:#ffffff0a;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.choose-status.ready{color:var(--accent);border-color:#ffd23f66;background:#ffd23f14}.roster{display:flex;flex-direction:column;gap:4px;padding:8px 10px;background:#14324673;border:1px solid rgba(255,255,255,.08);border-radius:10px}.roster-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.roster-counts{display:flex;flex-wrap:wrap;gap:6px}.r-chip{font-size:11px;letter-spacing:.04em;padding:3px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.1);font-weight:600}.r-chip.playing{background:#ff5d5d2e;border-color:#ff5d5d66;color:#ffb0b0}.r-chip.queued{background:#ffd23f2e;border-color:#ffd23f66;color:#ffe9a8}.r-chip.spec{background:#9eb3c226;border-color:#9eb3c24d;color:#cfd8e1}.match-hint{background:#07131cb3;color:#ffe9a8;padding:10px 18px;border-radius:14px;font-size:15px;font-weight:600;text-align:center;max-width:min(80vw,360px);line-height:1.4;border:1px solid rgba(255,233,168,.3);box-shadow:var(--shadow);animation:hint-fade .22s ease}@keyframes hint-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.spectator-strip{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:4px 10px;background:#07131c8c;border:1px solid rgba(255,255,255,.06);border-radius:12px;font-family:inherit;cursor:default;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--muted);max-width:var(--canvas-dom-w, 100%);margin:-4px auto 0;width:100%}.spectator-strip.expandable{cursor:pointer}.spectator-strip{pointer-events:auto}.spec-strip-label{display:inline-flex;align-items:center;gap:4px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;flex-shrink:0;color:#cfd8e1}.spec-eye{color:var(--good);font-size:12px;line-height:1}.spec-strip-names{display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-width:0}.spec-name-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;background:#9eb3c229;color:#e1e8ee;padding:2px 8px 2px 3px;border-radius:999px;font-weight:600;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.spec-name-chip .avatar-sm{width:20px;height:20px}.spec-name-chip .avatar-team{display:none}.spec-more-chip{font-size:11px;background:#ffd23f29;color:var(--accent);padding:2px 8px;border-radius:999px;font-weight:700;white-space:nowrap}.timer-chip{display:flex;align-items:baseline;gap:2px;padding:4px 16px;border-radius:14px;background:#07131cc7;border:1px solid rgba(255,210,63,.5);color:var(--accent);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.02em;box-shadow:0 4px 14px #00000059;transition:color .2s ease,border-color .2s ease,transform .12s ease}.timer-chip-num{font-size:28px;line-height:1}.timer-chip-suffix{font-size:13px;opacity:.75;font-weight:700}.timer-chip.urgent{color:var(--accent-2);border-color:#ff5d5db3;animation:timer-pulse .55s ease-in-out infinite}@keyframes timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.countdown-big{align-self:center;font-size:96px;font-weight:900;color:var(--accent);letter-spacing:.04em;text-shadow:0 6px 30px rgba(255,210,63,.5);line-height:1;animation:countdown-pulse 1s ease-in-out infinite}@keyframes countdown-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.92}}.resolve-card{align-self:center;background:#07131ceb;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:18px 22px;text-align:center;animation:pop .28s cubic-bezier(.2,1,.3,1.2);max-width:92vw}@keyframes pop{0%{transform:scale(.86);opacity:0}to{transform:scale(1);opacity:1}}.resolve-outcome{font-size:28px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.resolve-outcome.save{color:var(--good)}.resolve-outcome.goal{color:var(--accent-2)}.resolve-headline{margin-top:4px;color:var(--muted);font-size:13px}.end-headline{text-align:center;font-size:24px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.end-headline.win{color:var(--good)}.end-headline.lose{color:var(--accent-2)}.end-headline.tie{color:var(--accent)}.final-score{display:flex;align-items:center;justify-content:center;gap:18px}.score-side{text-align:center}.score-name{font-size:12px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.score-num{font-size:40px;font-weight:800}.final-score-label{text-align:center;font-size:11px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin-bottom:6px}.lang-toggle{display:inline-flex;background:#07131cc7;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:3px;gap:2px;box-shadow:var(--shadow)}.lang-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.06em;padding:6px 12px;border-radius:999px;cursor:pointer;min-width:38px;transition:background .12s ease,color .12s ease}.lang-btn:hover{color:var(--text)}.lang-btn.active{background:var(--accent);color:#1a1100}.error-toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:#c83b3be6;color:#fff;border:1px solid rgba(255,120,120,.6);padding:8px 16px;border-radius:999px;font-size:13px;pointer-events:none;z-index:10;animation:pop .22s ease}@media (max-width: 540px){.overlay{padding:8px;gap:6px}.center-card{padding:18px}.center-card h1{font-size:22px}.center-card h2{font-size:14px}.tagline{font-size:12px}.btn{padding:10px 14px;font-size:13px}.countdown-big{font-size:72px}.player-tag-name{font-size:12px}.player-tag-score{font-size:18px}.round-pill{font-size:10px;padding:4px 8px}.role-banner{font-size:10px;padding:4px 10px}.resolve-outcome{font-size:22px}.score-num{font-size:32px}}