@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";:root{--bg-deep: #0c241c;--bg-mid: #16382c;--bg-card: rgba(255, 255, 255, .14);--bg-card-hover: rgba(255, 255, 255, .2);--bg-pitch: #1a5c32;--border: rgba(255, 255, 255, .2);--border-strong: rgba(125, 255, 176, .65);--text: #ffffff;--text-muted: rgba(255, 255, 255, .86);--text-on-accent: #042010;--accent: #3ddc84;--accent-bright: #8affc0;--accent-dim: #1a8f48;--gold: #ffd54f;--gold-dim: #c9a227;--danger: #ff8a80;--role-df: #3498db;--role-mf: #1b9a4c;--role-fw: #e74c3c;--role-df-accent: #5dade2;--role-mf-accent: #58d68d;--role-fw-accent: #f1948a;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 28px;--text-xs: .7rem;--text-sm: .82rem;--text-md: .95rem;--text-lg: 1.05rem;--text-title: 1.35rem;--shadow: 0 10px 36px rgba(0, 0, 0, .42);--shadow-glow: 0 0 48px rgba(61, 220, 132, .18);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--toss-chrome-top: 0px;--toss-chrome-end: 0px;--app-max-width: 480px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg-deep);color:var(--text);font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,sans-serif;touch-action:manipulation;-webkit-tap-highlight-color:transparent}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 90% 55% at 50% -8%,rgba(61,220,132,.42),transparent 58%),radial-gradient(ellipse 50% 40% at 0% 80%,rgba(52,152,219,.12),transparent 55%),radial-gradient(ellipse 55% 45% at 100% 100%,rgba(125,255,176,.16),transparent 50%),linear-gradient(180deg,var(--bg-mid) 0%,var(--bg-deep) 72%);pointer-events:none;z-index:0}#app{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;height:100dvh;max-width:var(--app-max-width);margin:0 auto}.screen{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-4);padding-top:max(var(--space-5),calc(var(--space-3) + var(--safe-top) + var(--toss-chrome-top)));padding-right:calc(var(--space-4) + var(--safe-right));padding-bottom:max(var(--space-6),calc(var(--space-5) + var(--safe-bottom)));padding-left:calc(var(--space-4) + var(--safe-left));scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.screen-panel{display:flex;flex-direction:column;gap:var(--space-4);padding:0 0 var(--space-6);animation:fade-up .35s ease-out}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.glass-panel{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-lg);background:linear-gradient(165deg,#ffffff24,#ffffff0f),var(--bg-card);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow),inset 0 1px #ffffff1f}.screen:has(.screen-layout){display:flex;flex-direction:column;overflow:hidden;padding-bottom:max(var(--space-3),calc(var(--space-2) + var(--safe-bottom)))}.screen-layout{display:flex;flex-direction:column;flex:1;min-height:0;gap:var(--space-3)}.ait-banner{flex-shrink:0;width:100%;height:96px;margin-top:var(--space-3);overflow:hidden}.ait-banner[data-empty]{height:0;margin-top:0;pointer-events:none}.screen-chrome{flex-shrink:0;z-index:2;padding-bottom:var(--space-2);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-mid) 92%,transparent),color-mix(in srgb,var(--bg-deep) 78%,transparent));border-bottom:1px solid color-mix(in srgb,var(--border) 55%,transparent)}.screen-chrome .screen-nav{margin-bottom:var(--space-2)}.screen-chrome .setup-identity{margin-bottom:0}.screen-chrome .setup-save-hint{margin-bottom:var(--space-3)}.screen-chrome .lead{margin:0}.screen-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-right:2px}.setup-panel,.bracket-panel{position:relative}.setup-panel:before,.bracket-panel:before{content:"";position:absolute;top:-12px;right:-8px;bottom:-12px;left:-8px;border-radius:var(--radius-lg);background:radial-gradient(ellipse 100% 60% at 50% -5%,rgba(125,255,176,.32),transparent 55%),linear-gradient(180deg,rgba(61,220,132,.1),transparent 40%);pointer-events:none;z-index:0}.setup-panel>*,.bracket-panel>*{position:relative;z-index:1}.setup-panel .glass-panel,.bracket-panel .glass-panel,.setup-panel .settings-block,.bracket-panel .settings-block{background:#488062b8;border-color:#b4ffd266;box-shadow:0 12px 32px #00000047}.setup-panel .field input,.setup-panel .nation-btn,.setup-panel .tactic-btn,.bracket-panel .tactic-btn,.bracket-panel .team-card,.bracket-panel .stat-chip{background:#ffffff2e;border-color:#c8ffdc59}.setup-panel .nation-btn.selected,.setup-panel .tactic-btn.selected,.bracket-panel .tactic-btn.selected{background:#3ddc8459;border-color:var(--border-strong)}.setup-identity{display:flex;align-items:center;gap:var(--space-4);margin:0 0 var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--gold) 35%,var(--border));background:radial-gradient(ellipse 90% 120% at 0% 0%,rgba(255,213,79,.22),transparent 55%),linear-gradient(145deg,#386248eb,#1c362af5);box-shadow:var(--shadow);animation:setup-identity-in .4s ease-out both}.setup-identity__flag{flex-shrink:0;line-height:0;filter:drop-shadow(0 4px 12px rgba(0,0,0,.35))}.setup-identity__meta{min-width:0;flex:1}.setup-identity__eyebrow{margin:0 0 2px;font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.setup-identity__name{display:block;font-size:var(--text-title);font-weight:800;letter-spacing:-.03em;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setup-identity__rank{margin:6px 0 0;font-size:var(--text-sm);color:var(--text-muted)}.setup-identity-panel{display:flex;flex-direction:column;gap:var(--space-3)}.setup-setting-group{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background:#00000029;border:1px solid rgba(255,255,255,.08)}.setup-save-hint{margin:calc(var(--space-2) * -1) 0 var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.setup-nav-cta,.nav-cta{flex-shrink:0;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--accent-bright),var(--accent));color:var(--text-on-accent);border-color:color-mix(in srgb,var(--accent-bright) 55%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--accent) 35%,transparent);white-space:nowrap;max-width:min(52vw,180px);overflow:hidden;text-overflow:ellipsis}@keyframes setup-identity-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.setup-identity,.title-team-edit{animation:none}}.bracket-panel .coach-level-card{background:radial-gradient(ellipse 120% 80% at 0% 0%,rgba(255,213,79,.32),transparent 55%),linear-gradient(145deg,#487054fa,#284836fa)}.bracket-panel .matchup-card .meta,.setup-panel .settings-hint,.bracket-panel .settings-hint{color:#ffffffeb}.weekly-challenge-card{text-align:left;margin:var(--space-4) 0}.weekly-challenge-card--fold{padding:0 var(--space-3) var(--space-2)}.weekly-challenge-summary{font-size:.85rem;font-weight:700;color:var(--text)}.weekly-challenge-body{padding-bottom:var(--space-1)}.rank-stage-seg{display:flex;gap:6px;margin:10px 0 var(--space-3);padding:var(--space-1);border-radius:12px;background:#00000038;border:1px solid color-mix(in srgb,var(--border) 80%,transparent)}.rank-stage-seg__opt{flex:1;position:relative;cursor:pointer;text-align:center;font-size:.78rem;font-weight:700;color:var(--text-muted)}.rank-stage-seg__opt input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;margin:0;cursor:pointer}.rank-stage-seg__opt span{display:block;padding:var(--space-2) 6px;border-radius:9px;transition:background .15s ease,color .15s ease}.rank-stage-seg__opt:has(input:checked) span,.rank-stage-seg__opt:has(input:focus-visible) span{color:var(--text);background:color-mix(in srgb,var(--accent) 28%,rgba(255,255,255,.08));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-bright) 40%,transparent)}.rank-pane--week{display:none}.rank-stage:has([name=rank-period][value=week]:checked) .rank-pane--today{display:none}.rank-stage:has([name=rank-period][value=week]:checked) .rank-pane--week{display:block}.rank-stage__local{margin:var(--space-1) 0 0;color:var(--text-muted)}.rank-stage__delta{margin:6px 0 0}.title-panel .title-cta{margin:var(--space-5) 0 var(--space-4);width:100%}.title-panel .title-cta .btn{width:100%}.title-cta-primary{position:relative;overflow:hidden}.title-team-edit{display:flex;align-items:center;gap:var(--space-3);width:100%;margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--accent-bright) 35%,var(--border));background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 18%,transparent),rgba(255,255,255,.08) 48%,transparent);color:var(--text);text-align:left;cursor:pointer;box-shadow:0 6px 18px #00000038;transition:border-color .18s ease,transform .12s ease,background .18s ease;animation:setup-identity-in .45s ease-out both}.title-team-edit:hover,.title-team-edit:focus-visible{border-color:var(--border-strong);outline:none;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 28%,transparent),rgba(255,255,255,.12) 48%,transparent)}.title-team-edit:active{transform:scale(.985)}.title-team-edit__flag{display:flex;flex-shrink:0;line-height:0}.title-team-edit__meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.title-team-edit__meta strong{font-size:var(--text-md);font-weight:800;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-team-edit__meta em{font-style:normal;font-size:var(--text-xs);font-weight:600;color:var(--accent-bright);letter-spacing:.04em}.title-team-edit__chev{flex-shrink:0;font-size:1.35rem;font-weight:300;color:var(--text-muted);line-height:1}.title-team-edit--empty{justify-content:center;font-weight:700}.title-cta-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28) 48%,transparent 66%);transform:translate(-120%);animation:title-cta-shine 3.6s ease-in-out 1.2s infinite;pointer-events:none}.weekly-challenge-card .weekly-score{margin:6px 0}.weekly-tier-row{display:flex;gap:var(--space-2);margin:10px 0}.weekly-tier{flex:1;text-align:center;padding:6px 0;border-radius:8px;border:1px solid var(--border);font-size:.8rem;font-weight:700;color:var(--text-muted);background:transparent}.weekly-tier.done{color:var(--text);background:color-mix(in srgb,var(--accent, #2ecc71) 22%,transparent);border-color:color-mix(in srgb,var(--accent, #2ecc71) 55%,var(--border))}.weekly-lb-btn{width:100%;margin-top:10px}.title-panel{text-align:center;padding-top:var(--space-3);position:relative;gap:var(--space-3)}.title-panel:before{display:none}.title-panel>*{position:relative;z-index:1}.title-hero{position:relative;width:min(320px,100%);height:132px;margin:0 auto var(--space-2);border-radius:var(--radius-lg);overflow:hidden;isolation:isolate;border:1px solid rgba(125,255,176,.22);box-shadow:0 12px 36px #00000059,inset 0 1px #ffffff14;animation:title-hero-in .55s ease-out both}.title-hero__pitch{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,#1a5c32f2 0,#1a5c32f2 18px,#164e2af2 18px,#164e2af2 36px),linear-gradient(180deg,#1f6b3c,#134a2a)}.title-hero__glow{position:absolute;left:50%;top:-20%;width:140%;height:70%;transform:translate(-50%);background:radial-gradient(ellipse at center,rgba(125,255,176,.35),transparent 68%);animation:title-pitch-pulse 4.5s ease-in-out infinite;pointer-events:none}.title-hero__goal{position:absolute;left:50%;bottom:10%;width:42%;height:38%;transform:translate(-50%);border:2px solid rgba(255,255,255,.55);border-bottom:none;border-radius:4px 4px 0 0;box-shadow:0 0 18px #7dffb040;opacity:.85}.title-hero__goal:before{content:"";position:absolute;left:18%;right:18%;top:28%;bottom:0;border:1.5px solid rgba(255,255,255,.28);border-bottom:none;border-radius:3px 3px 0 0}.title-eyebrow{margin:0;font-size:var(--text-xs, .72rem);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-bright);animation:title-copy-in .5s ease-out .08s both}.title-brand{font-size:clamp(1.85rem,7vw,2.35rem);line-height:1.15;font-weight:800;letter-spacing:-.035em;margin:var(--space-1) 0 0;background:linear-gradient(135deg,#fff 22%,var(--accent-bright) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 18px rgba(61,220,132,.28));animation:title-copy-in .55s ease-out .14s both}.title-tagline{margin:var(--space-2) 0 0;font-size:var(--text-sm, .92rem);font-weight:600;color:var(--text-muted);letter-spacing:-.01em;animation:title-copy-in .55s ease-out .2s both}.title-lead{margin:var(--space-3) auto 0;max-width:28ch;animation:title-copy-in .55s ease-out .26s both}.title-panel .weekly-challenge-card--fold{margin-top:var(--space-2);text-align:left}.title-rating-row{display:flex;justify-content:center;margin-bottom:var(--space-1)}@keyframes title-hero-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes title-copy-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes title-pitch-pulse{0%,to{opacity:.75}50%{opacity:1}}@keyframes title-cta-shine{0%,70%,to{transform:translate(-120%)}85%{transform:translate(120%)}}@media (prefers-reduced-motion: reduce){.title-hero,.title-eyebrow,.title-brand,.title-tagline,.title-lead,.title-hero__glow,.title-cta-primary:after{animation:none}}.hero-badge{display:inline-block;padding:7px var(--space-4);border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-bright);background:linear-gradient(135deg,#3ddc8433,#3ddc8414);border:1px solid rgba(125,255,176,.4);margin-bottom:var(--space-2);line-height:1.3;box-shadow:0 0 20px #3ddc8426}.title-panel h1:not(.title-brand){font-size:clamp(1.7rem,6.4vw,2.05rem);line-height:1.2;font-weight:800;letter-spacing:-.03em;margin:var(--space-2) 0 var(--space-3);background:linear-gradient(135deg,#fff 28%,var(--accent-bright) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 18px rgba(61,220,132,.28))}.age-rating-badge{display:inline-flex;align-items:center;gap:10px;padding:5px var(--space-3) 5px 5px;border-radius:8px;background:#081c48e0;border:1px solid rgba(120,170,255,.45);box-shadow:0 2px 10px #00000040}.age-rating-badge__mark{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 6px;border-radius:6px;background:#1a4fd6;color:#fff;font-size:.78rem;font-weight:800;letter-spacing:-.02em;line-height:1}.age-rating-badge__label{font-size:.78rem;font-weight:700;color:#e8f0ff;letter-spacing:-.01em}.age-rating-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px;background:#06120ed1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.age-rating-splash[hidden]{display:none!important}.age-rating-splash__card{width:min(320px,100%);padding:var(--space-6) 22px 22px;border-radius:var(--radius-lg);background:#122a22f5;border:1px solid rgba(125,255,176,.28);box-shadow:var(--shadow);text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.age-rating-splash__text{font-size:.92rem;line-height:1.5;color:var(--text-muted)}.age-rating-splash__meta{font-size:.72rem;color:#ffffff8c;letter-spacing:.04em}.lead{font-size:var(--text-md);line-height:1.55;color:var(--text-muted)}.screen-panel h2{font-size:var(--text-title);font-weight:700;letter-spacing:-.02em;line-height:1.25}.eyebrow{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-bright);font-weight:600;margin-bottom:var(--space-1);line-height:1.3}.hud{padding:var(--space-3) var(--space-4) var(--space-2);background:#061510eb;border-top:1px solid var(--border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.hud-row{display:flex;justify-content:space-between;align-items:center}.title{font-weight:700;font-size:1.05rem}.score{font-weight:700;color:var(--accent-bright);font-variant-numeric:tabular-nums}.meta{margin:0;font-size:.82rem;color:var(--text-muted);line-height:1.45}.btn{margin-top:var(--space-1);width:100%;padding:15px 18px;border:none;border-radius:var(--radius-md);background:linear-gradient(145deg,var(--accent-bright) 0%,var(--accent) 42%,var(--accent-dim) 100%);color:var(--text-on-accent);font-size:var(--text-lg);font-weight:800;letter-spacing:-.01em;line-height:1.3;cursor:pointer;box-shadow:0 4px 18px #3ddc8452,inset 0 1px #ffffff59;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 6px 22px #3ddc8466,inset 0 1px #fff6}.btn:active:not(:disabled){transform:scale(.98)}.btn-ghost{background:linear-gradient(180deg,#ffffff1f,#ffffff0d);color:var(--text);border:1px solid var(--border);box-shadow:inset 0 1px #ffffff14;font-weight:700}.btn-ghost:hover:not(:disabled){filter:brightness(1.08);border-color:#ffffff59}.btn-ghost:active:not(:disabled){background:#ffffff24}.btn-gold{background:linear-gradient(145deg,#ffe082 0%,var(--gold) 45%,var(--gold-dim) 100%);color:#2a2000;box-shadow:0 4px 18px #ffd54f47,inset 0 1px #fff6}.btn-group{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2);width:100%}.field{display:flex;flex-direction:column;gap:var(--space-2);font-size:.9rem}.field input{padding:14px var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff1a;color:var(--text);font-size:1rem;transition:border-color .15s ease,box-shadow .15s ease}.field input:focus{outline:none;border-color:var(--border-strong);box-shadow:0 0 0 3px #3ddc8426}.field-label{font-size:.88rem;font-weight:600;color:var(--text);line-height:1.3;margin:0}.settings-block{padding:var(--space-4);border-radius:var(--radius-md);background:#ffffff1a;border:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-3)}.settings-hint{font-size:.78rem;color:var(--text-muted);margin:0;line-height:1.4}.field-label.sub{font-size:.8rem;font-weight:500;color:var(--text-muted);margin:var(--space-1) 0 0}.nation-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:260px;overflow-y:auto;padding:2px var(--space-1) 6px 0;scroll-snap-type:y proximity;-webkit-overflow-scrolling:touch}.nation-btn{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff1a;color:var(--text);font-size:.88rem;font-weight:500;line-height:1.3;cursor:pointer;scroll-snap-align:start;transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.nation-btn:active{transform:scale(.98)}.setup-panel .nation-btn.selected{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-bright) 55%,transparent),0 0 18px color-mix(in srgb,var(--accent) 35%,transparent)}.nation-btn .flag{display:flex;justify-content:center;align-items:center;width:100%;min-height:28px;line-height:0;margin-bottom:2px}.nation-btn>span:not(.flag){display:block;max-width:100%;overflow-wrap:anywhere;word-break:keep-all}.flag-img{display:block;border-radius:3px;object-fit:cover;box-shadow:0 1px 4px #00000059;flex-shrink:0}.flag-img--sm{width:20px;height:15px}.flag-img--lg{width:56px;height:42px;margin:0;border-radius:6px;box-shadow:0 2px 10px #00000059}.flag-fallback{display:inline-block;width:1.1em;height:1.1em;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.35),transparent 45%),radial-gradient(circle at 50% 55%,#2e7d4f 0,#2e7d4f 42%,#1b4d32 43%,#1b4d32);box-shadow:inset 0 0 0 1px #fff3;vertical-align:-.15em}.profile-pill--flag,.lead--flag,.btn--flag-cta{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0}.lead--flag{display:flex;flex-wrap:wrap;row-gap:var(--space-1)}.btn--flag-cta{justify-content:center;gap:var(--space-2);padding-inline:var(--space-5);line-height:1.3}.btn .flag-img,.btn--flag-cta .flag-img,.profile-pill .flag-img,.lead--flag .flag-img{margin:0}.nation-rank{font-size:.7rem;color:var(--text-muted);line-height:1.2;margin-top:2px}.tactic-btn{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;padding:var(--space-3) 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff1a;color:var(--text);font-size:.85rem;font-weight:500;line-height:1.2;text-align:center;white-space:normal;overflow-wrap:anywhere;cursor:pointer;transition:background .15s ease,border-color .15s ease}.nation-btn.selected,.tactic-btn.selected{border-color:var(--border-strong);background:#3ddc842e;box-shadow:inset 0 0 0 1px #7dffb033}.matchup-card{padding:var(--space-4) var(--space-3) var(--space-3)}.matchup{display:flex;align-items:stretch;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.team-card{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;padding:var(--space-4) var(--space-3);border-radius:var(--radius-md);background:#ffffff1f;border:1px solid var(--border);overflow:hidden}.team-card strong{display:block;max-width:100%;overflow-wrap:anywhere;word-break:keep-all;line-height:1.3;padding-inline:2px}.team-card .meta{margin-top:0;padding-inline:2px}.flag-lg{display:flex;align-items:center;justify-content:center;margin:0;line-height:0;min-height:42px}.vs{display:flex;align-items:center;flex-shrink:0;padding-inline:2px;font-weight:800;font-size:.85rem;color:var(--text-muted);letter-spacing:.04em}.matchup-diff{margin:0;padding-top:var(--space-1);line-height:1.4;text-align:center}.tactic-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.tempo-row{grid-template-columns:repeat(3,1fr)}.stat-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.stat-chip{flex:1 1 calc(33% - 8px);min-width:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:10px var(--space-3);border-radius:var(--radius-sm);background:#ffffff1f;border:1px solid var(--border);text-align:center;font-size:.75rem;line-height:1.25;color:var(--text-muted)}.stat-chip strong{display:block;margin:0;font-size:1.05rem;line-height:1.2;color:var(--accent-bright);font-variant-numeric:tabular-nums}.stat-chip.gold strong{color:var(--gold)}.screen-panel.win{border-top:none;background:linear-gradient(180deg,rgba(61,220,132,.12) 0%,transparent 42%),linear-gradient(165deg,#ffffff24,#ffffff0f),var(--bg-card)}.screen-panel.win .result-icon{color:var(--accent-bright);filter:drop-shadow(0 0 18px rgba(125,255,176,.45));animation:result-pop .55s ease-out}.screen-panel.loss{border-top:none;background:linear-gradient(180deg,rgba(255,138,128,.12) 0%,transparent 42%),linear-gradient(165deg,#ffffff24,#ffffff0f),var(--bg-card)}.screen-panel.loss .result-icon{color:var(--danger);filter:drop-shadow(0 0 14px rgba(255,138,128,.35));animation:result-pop .55s ease-out}.result-icon{font-size:3rem;text-align:center;line-height:1;margin-bottom:-8px}@keyframes result-pop{0%{opacity:0;transform:scale(.72) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.result-card{text-align:center;align-items:center}.result-card .result-icon{margin:0 0 var(--space-1)}.result-card h2,.result-card .lead{margin:0}.champion{text-align:center;position:relative}.champion:before{content:"";position:absolute;inset:-20px -10px auto;height:200px;background:radial-gradient(ellipse at center,rgba(255,213,79,.2),transparent 70%);pointer-events:none}.champion .trophy{font-size:4rem;text-align:center;filter:drop-shadow(0 4px 20px rgba(255,213,79,.4));animation:trophy-bounce 2s ease-in-out infinite;position:relative}@keyframes trophy-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.03)}}.champion h2{background:linear-gradient(135deg,var(--gold) 0%,#fff5cc 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.upgrade-effect{margin:var(--space-1) 0 var(--space-2);line-height:1.35}.outcome-keep,.outcome-reset{text-align:left;margin:0;padding:var(--space-4);gap:var(--space-2)}.outcome-keep .field-label,.outcome-reset .field-label{margin:0;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:800}.outcome-keep .field-label{color:var(--accent-bright)}.outcome-reset .field-label{color:color-mix(in srgb,var(--danger) 80%,var(--text))}.outcome-reset{border-color:color-mix(in srgb,var(--danger) 28%,var(--border));background:linear-gradient(145deg,#50242459,#1c14148c)}.outcome-keep{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));background:linear-gradient(145deg,#2848368c,#14241ca6)}.outcome-keep .meta,.outcome-reset .meta{margin:0;line-height:1.45}.eliminated-panel{gap:var(--space-4);padding-top:var(--space-2);background:linear-gradient(180deg,rgba(255,138,128,.1) 0%,transparent 38%),transparent;border-top:none;box-shadow:none}.outcome-hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;animation:fade-up .4s ease-out}.outcome-hero__lead{margin:0;max-width:28ch;color:var(--text)}.outcome-mark{position:relative;width:72px;height:72px;display:grid;place-items:center}.outcome-mark--loss .outcome-mark__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid color-mix(in srgb,var(--danger) 55%,transparent);background:radial-gradient(circle at 35% 30%,rgba(255,180,170,.2),transparent 55%),#281010a6;box-shadow:0 0 24px #ff8a8047}.outcome-mark--loss .outcome-mark__slash{position:relative;width:34px;height:3px;border-radius:2px;background:color-mix(in srgb,var(--danger) 85%,#fff);transform:rotate(-28deg);box-shadow:0 0 10px #ff8a8080}.defeat-report{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--danger) 22%,var(--border));background:#00000038;text-align:left}.defeat-report__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.defeat-stat{display:flex;flex-direction:column;gap:2px;padding:var(--space-2);border-radius:var(--radius-sm);background:#ffffff0f;text-align:center}.defeat-stat em{font-style:normal;font-size:var(--text-xs);color:var(--text-muted);font-weight:600}.defeat-stat strong{font-size:.95rem;font-variant-numeric:tabular-nums}.defeat-meter{position:relative;height:28px;border-radius:999px;overflow:hidden;background:#00000059;border:1px solid rgba(255,255,255,.1)}.defeat-meter__bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff8a808c,#ffb478bf);min-width:4px}.defeat-meter__label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:0 var(--space-3);font-size:.68rem;font-weight:600;color:var(--text);text-shadow:0 1px 2px rgba(0,0,0,.65);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.defeat-tip{display:flex;align-items:flex-start;gap:var(--space-2);margin:0;font-size:.78rem;line-height:1.4;color:var(--text-muted)}.defeat-tip__mark{flex-shrink:0;width:8px;height:8px;margin-top:.35em;border-radius:50%;background:var(--accent-bright);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 50%,transparent)}.outcome-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media (max-width: 360px){.outcome-split{grid-template-columns:1fr}}.outcome-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}.outcome-actions__primary,.outcome-actions__secondary{width:100%}.outcome-actions__secondary .btn{flex:1}.win-panel,.champion-panel{gap:var(--space-4);padding-top:var(--space-2);border-top:none;box-shadow:none}.win-panel{background:linear-gradient(180deg,rgba(61,220,132,.12) 0%,transparent 38%),transparent}.champion-panel{background:linear-gradient(180deg,rgba(255,213,79,.14) 0%,transparent 40%),transparent}.outcome-mark--win .outcome-mark__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent-bright) 55%,transparent);background:radial-gradient(circle at 35% 30%,rgba(125,255,176,.22),transparent 55%),#0c2418a6;box-shadow:0 0 24px #3ddc844d}.outcome-mark--win .outcome-mark__check{position:relative;width:18px;height:32px;margin-top:-6px;border-right:3px solid color-mix(in srgb,var(--accent-bright) 90%,#fff);border-bottom:3px solid color-mix(in srgb,var(--accent-bright) 90%,#fff);transform:rotate(40deg);box-shadow:2px 2px 10px #3ddc8473}.outcome-mark--champ .outcome-mark__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid color-mix(in srgb,var(--gold) 60%,transparent);background:radial-gradient(circle at 35% 30%,rgba(255,230,150,.28),transparent 55%),#282008b3;box-shadow:0 0 28px #ffd54f59}.outcome-mark--champ .outcome-mark__cup{position:relative;width:22px;height:18px;margin-top:-4px;border:2.5px solid color-mix(in srgb,var(--gold) 88%,#fff);border-bottom-width:3px;border-radius:0 0 var(--radius-sm) var(--radius-sm);box-shadow:0 0 12px #ffd54f80}.outcome-mark--champ .outcome-mark__cup:before{content:"";position:absolute;left:50%;bottom:-8px;width:14px;height:3px;transform:translate(-50%);border-radius:2px;background:color-mix(in srgb,var(--gold) 88%,#fff)}.outcome-mark--champ .outcome-mark__cup:after{content:"";position:absolute;left:50%;bottom:-12px;width:20px;height:3px;transform:translate(-50%);border-radius:2px;background:color-mix(in srgb,var(--gold) 75%,#fff)}.win-report{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--accent-bright) 22%,var(--border));background:#00000038;text-align:left}.win-report--champ{border-color:color-mix(in srgb,var(--gold) 28%,var(--border))}.win-report__breakdown{margin:0;line-height:1.45;word-break:keep-all}.upgrade-list{list-style:none;padding:0;margin:var(--space-2) 0;display:flex;flex-direction:column;gap:var(--space-3)}.upgrade-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:#ffffff1f;border:1px solid var(--border);transition:border-color .15s ease}.upgrade-card:hover{border-color:#ffffff26}.upgrade-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin:0}.upgrade-head strong{font-size:.95rem;line-height:1.3;min-width:0}.upgrade-lv{font-size:.8rem;color:var(--accent-bright);font-weight:600;padding:2px var(--space-2);border-radius:999px;background:#3ddc841f;flex-shrink:0}.upgrade-effect{margin:0;line-height:1.4}.upgrade-buy{width:100%;margin-top:var(--space-1)}.reward-breakdown{color:var(--accent-bright);font-weight:500}.upgrades-panel .lead strong{color:var(--accent-bright);font-size:1.1rem}.profile-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin:var(--space-1) 0}.profile-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:7px var(--space-3);border-radius:999px;font-size:.78rem;line-height:1.25;background:#0000004d;border:1px solid var(--border);color:var(--text-muted);max-width:100%}.profile-pills--sub{margin-top:var(--space-1)}.coach-level-card{--coach-gold: #ffd54f;--coach-gold-dim: #c9a227;--coach-glow: rgba(255, 213, 79, .22);position:relative;overflow:hidden;border-radius:var(--radius-lg);border:1px solid rgba(255,213,79,.4);background:radial-gradient(ellipse 120% 80% at 0% 0%,rgba(255,213,79,.2),transparent 55%),linear-gradient(145deg,#2a4e3afa,#183426fa);box-shadow:0 10px 36px #00000047,0 0 0 1px #ffd54f1a inset}.coach-level-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,213,79,.12),transparent 40%,rgba(61,220,132,.08));pointer-events:none}.coach-level-card--hero{padding:18px var(--space-4) var(--space-4);margin:var(--space-2) 0 var(--space-1)}.coach-level-card--panel{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding:14px}.coach-level-card--full{padding:var(--space-4)}.coach-level-full-top{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}.coach-level-hero-head{display:flex;align-items:center;gap:14px;margin-bottom:var(--space-3)}.coach-level-hero-titles .coach-level-rank{font-size:1.35rem}.coach-level-ring{position:relative;flex-shrink:0;width:72px;height:72px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 30% 25%,#fff6d6,var(--coach-gold) 45%,var(--coach-gold-dim) 100%);box-shadow:0 0 0 3px #ffd54f40,0 0 24px var(--coach-glow),inset 0 -4px 10px #0003}.coach-level-lv{display:block;font-size:.55rem;font-weight:800;letter-spacing:.12em;color:#503200bf;line-height:1}.coach-level-num{display:block;font-size:1.65rem;font-weight:800;line-height:1;color:#3d2a00;font-variant-numeric:tabular-nums}.coach-skin--pitch-dawn{border-color:#7dffb073;box-shadow:0 10px 36px #00000047,0 0 28px #3ddc8438}.coach-skin--pitch-dawn .coach-level-ring{background:radial-gradient(circle at 30% 25%,#e8fff0,#3ddc84 50%,#1a8f48)}.coach-skin--rank-rookie{border-color:#64b4ff80}.coach-skin--rank-rookie .coach-level-ring{background:radial-gradient(circle at 30% 25%,#eaf4ff,#5aa8ff 48%,#1a4fd6);box-shadow:0 0 0 3px #5aa8ff4d,0 0 22px #3498db59}.coach-skin--rank-rookie .coach-level-num{color:#0a2a5c}.coach-skin--cup-glow{border-color:#fff8dcbf;background:linear-gradient(165deg,#fff5c824,#123024eb 55%);box-shadow:0 12px 40px #00000047,0 0 42px #ffeca059,inset 0 1px #ffffff38}.coach-skin--cup-glow:before{background:radial-gradient(ellipse 80% 55% at 50% -10%,rgba(255,250,220,.45),transparent 60%),linear-gradient(135deg,rgba(255,236,150,.2),transparent 42%,rgba(125,255,176,.12))}.coach-skin--cup-glow .coach-level-ring{background:radial-gradient(circle at 35% 28%,#fffef6,#ffe082 42%,#f0c14a 78%,#e8b84a);box-shadow:0 0 0 3px #fffadc8c,0 0 36px #ffec968c}.coach-skin--cup-glow .coach-level-num{color:#5a4208;text-shadow:0 0 10px rgba(255,250,220,.65)}.coach-skin--sideline-neon{border-color:#00ffc88c;box-shadow:0 0 0 1px #00ffc833,0 0 32px #00ffb440}.coach-skin--sideline-neon .coach-level-ring{background:radial-gradient(circle at 30% 25%,#f0fffa,#00e6b8 45%,#007a62);box-shadow:0 0 0 3px #00e6b859,0 0 28px #00ffc866}.coach-skin--vault-gold{border-color:#b47828d9;background:linear-gradient(145deg,#1c1206eb,#3a260ce0 45%,#0c1c14f2);box-shadow:0 14px 36px #00000073,inset 0 0 0 1px #d4a04059,inset 0 -10px 24px #00000059}.coach-skin--vault-gold:before{background:repeating-linear-gradient(-18deg,transparent 0 10px,rgba(212,160,64,.07) 10px 12px),linear-gradient(160deg,rgba(212,160,64,.18),transparent 50%)}.coach-skin--vault-gold .coach-level-ring{background:radial-gradient(circle at 32% 22%,#e8c878,#b8860b 48%,#6b4a12 85%,#3d2a0a);box-shadow:0 0 0 3px #5a370cbf,0 0 0 5px #d4a04059,inset 0 2px 6px #ffe6a040,0 4px 18px #00000073}.coach-skin--vault-gold .coach-level-num{color:#1a1206;text-shadow:0 1px 0 rgba(255,220,140,.35)}.skin-shop{margin:var(--space-4) 0;text-align:left}.skin-shop__legal{margin:0 0 var(--space-3);font-size:var(--text-xs);opacity:.75}.skin-shop__grid{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding:0}.skin-card{display:grid;grid-template-columns:52px 1fr auto;gap:var(--space-3);align-items:center;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:#00000038}.skin-card--on{border-color:#7dffb08c}.skin-card__swatch{width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,.25);background:radial-gradient(circle at 30% 25%,#fff6d6,var(--gold) 45%,var(--gold-dim) 100%)}.skin-card.coach-skin--pitch-dawn .skin-card__swatch{background:radial-gradient(circle at 30% 25%,#e8fff0,#3ddc84 50%,#1a8f48)}.skin-card.coach-skin--rank-rookie .skin-card__swatch{background:radial-gradient(circle at 30% 25%,#eaf4ff,#5aa8ff 48%,#1a4fd6)}.skin-card.coach-skin--cup-glow .skin-card__swatch{background:radial-gradient(circle at 35% 28%,#fffef6,#ffe082 45%,#f0c14a);box-shadow:0 0 14px #ffec968c;border-color:#fffadca6}.skin-card.coach-skin--sideline-neon .skin-card__swatch{background:radial-gradient(circle at 30% 25%,#f0fffa,#00e6b8 45%,#007a62)}.skin-card.coach-skin--vault-gold .skin-card__swatch{background:repeating-linear-gradient(-18deg,transparent 0 5px,rgba(180,120,40,.22) 5px 6px),radial-gradient(circle at 32% 22%,#e8c878,#b8860b 50%,#3d2a0a);border-color:#785014d9;box-shadow:inset 0 1px 3px #ffe6a040,0 2px 8px #0006}.skin-card.shot-fx--plain .skin-card__swatch{background:radial-gradient(circle at 40% 35%,#fff 0,#fff 28%,#dfe6ee 30%,#dfe6ee)}.skin-card.shot-fx--trail .skin-card__swatch{background:linear-gradient(120deg,rgba(255,255,255,.55) 0%,rgba(125,255,176,.55) 40%,transparent 70%),radial-gradient(circle at 55% 50%,#fff,#9ad)}.skin-card.shot-fx--arc .skin-card__swatch{background:radial-gradient(circle at 50% 50%,rgba(125,255,176,.7),transparent 55%),linear-gradient(160deg,#0b3d2e,#1a6b4a)}.skin-card__meta{display:flex;flex-direction:column;gap:2px;min-width:0}.skin-card__meta strong{font-size:var(--text-md)}.skin-card__meta span,.skin-card__meta em{font-size:var(--text-xs);color:var(--text-muted);font-style:normal}.skin-card__perk{font-size:var(--text-xs);font-weight:700;color:color-mix(in srgb,var(--accent-bright) 75%,var(--text))}.skin-card__perk--none{font-weight:500;color:var(--text-muted);opacity:.85}.skin-card__btn{white-space:nowrap}.coach-level-body{position:relative;z-index:1;min-width:0}.coach-level-eyebrow{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--coach-gold);font-weight:700;margin-bottom:2px}.coach-level-rank{font-size:1.15rem;font-weight:800;color:#fff8e8;margin-bottom:10px;letter-spacing:-.02em}.coach-level-progress{margin-bottom:10px}.coach-level-bar{height:6px;border-radius:999px;background:#00000059;overflow:hidden;border:1px solid rgba(255,213,79,.2)}.coach-level-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--coach-gold-dim),var(--coach-gold),#fff0b3);box-shadow:0 0 12px var(--coach-glow);transition:width .35s ease}.coach-level-progress-meta,.coach-level-milestone{font-size:.72rem;color:#fff8e8b8;margin-top:6px;line-height:1.35}.coach-level-milestone{color:var(--coach-gold)}.coach-level-sources{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.coach-source{text-align:center;padding:6px var(--space-1);border-radius:var(--radius-sm);background:#00000047;border:1px solid rgba(255,255,255,.06);font-size:.68rem;color:var(--text-muted)}.coach-source em{display:block;font-style:normal;opacity:.85;margin-bottom:2px}.coach-source strong{display:block;font-size:.95rem;color:var(--accent-bright);font-variant-numeric:tabular-nums}.coach-level-perks{display:flex;flex-wrap:wrap;gap:6px}.coach-perk{padding:5px 9px;border-radius:999px;font-size:.72rem;font-weight:600;color:#fff8e8;background:#ffd54f1f;border:1px solid rgba(255,213,79,.28)}.coach-perk-muted{color:var(--text-muted);border-color:var(--border);background:#0003}.btn-sm{padding:10px;font-size:.9rem}.coach-style-preview{color:var(--accent-bright);font-size:.82rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:#3ddc8414;border:1px solid rgba(125,255,176,.15)}.field-wrap{flex:1;min-height:0;padding:var(--space-2);display:flex;flex-direction:column;gap:6px;position:relative}.field-stage{--pitch-frame-pad: 0px;position:relative;flex:1;min-height:0;display:flex;flex-direction:column;border-radius:var(--radius-lg);border:1px solid rgba(125,255,176,.28);background:var(--bg-pitch);box-shadow:inset 0 1px #ffffff14,0 10px 32px #00000080,0 0 40px #3ddc841f;overflow:hidden;isolation:isolate;padding:0}#field{display:block;flex:1;width:100%;height:100%;min-height:0;border-radius:inherit;overflow:hidden;background:var(--bg-pitch);touch-action:none}.sell-zone{position:absolute;left:12px;right:12px;bottom:12px;z-index:5;display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:10px 14px;border-radius:var(--radius-md);border:2px dashed rgba(255,138,128,.55);background:#280c0ae0;color:#ff8a80;font-size:.78rem;font-weight:600;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .15s ease,border-color .15s ease,transform .15s ease,opacity .15s ease;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto}.sell-zone[hidden]{display:none!important}.sell-zone.sell-zone-visible{border-color:#ff8a80d9;box-shadow:0 0 0 1px #ff8a8040,0 8px 20px #00000059;opacity:1}.sell-zone-icon{font-size:1.1rem;line-height:1}.sell-zone-active{border-color:#ff8a80;background:#e74c3c6b;color:#fff;transform:scale(1.01);box-shadow:0 0 16px #e74c3c59}.sell-zone-text{letter-spacing:-.02em}#app.td-mode{flex-direction:column;height:100%;height:100dvh}#app.td-mode .field-wrap{order:1;flex:1 1 0;min-height:0;padding:var(--space-2)}#app.td-mode .hud{order:2;flex:0 0 auto;max-height:min(36vh,340px);overflow-y:auto;padding:6px 10px 10px;padding-bottom:max(10px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#081c168c,#081c16d1);border-top:1px solid rgba(125,255,176,.18);box-shadow:0 -8px 28px #00000059}.td-hud{display:flex;flex-direction:column;gap:var(--space-2)}.td-hud--manual{gap:var(--space-1)}.td-hud-top .title{font-size:.95rem;font-weight:800;letter-spacing:-.01em;min-width:0;text-align:center;line-height:1.25;overflow-wrap:anywhere;display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:var(--space-2);row-gap:var(--space-1);padding-inline:var(--space-1)}.td-hud-top .td-vs{font-size:.72rem;font-weight:700;color:var(--text-muted);letter-spacing:.04em;padding-inline:2px}.td-hud-top .td-title-diff{white-space:nowrap}.td-hud-top .flag-img{margin:0}.td-hud-lives{display:inline-flex;align-items:center;gap:5px;font-size:.9rem;font-variant-numeric:tabular-nums;font-weight:800;color:#ff8a80;justify-self:end;text-shadow:0 0 12px rgba(255,138,128,.35)}.icon-life{width:11px;height:10px;position:relative;flex-shrink:0}.icon-life:before,.icon-life:after{content:"";position:absolute;width:6px;height:9px;background:currentColor;border-radius:6px 6px 1px 1px;top:0}.icon-life:before{left:0;transform:rotate(-42deg);transform-origin:bottom right}.icon-life:after{right:0;transform:rotate(42deg);transform-origin:bottom left}.icon-pause{display:inline-block;width:10px;height:12px;position:relative}.icon-pause:before,.icon-pause:after{content:"";position:absolute;top:0;width:3px;height:100%;border-radius:1px;background:currentColor}.icon-pause:before{left:0}.icon-pause:after{right:0}.td-stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-1)}.td-stat-row--primary{grid-template-columns:repeat(3,minmax(0,1fr))}.td-action-chips{display:flex;gap:6px;flex-wrap:wrap}.td-tips-details{border-radius:var(--radius-sm);background:#00000024;border:1px solid rgba(255,255,255,.08);padding:0 var(--space-2)}.td-tips-details__summary{font-size:.78rem;font-weight:600}.td-tips-details .td-action-chips{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1);padding:0 0 6px}.td-chip{flex:unset;min-width:0;min-height:36px;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:6px 7px;border-radius:var(--radius-sm);background:linear-gradient(180deg,#ffffff1f,#ffffff0d);border:1px solid rgba(125,255,176,.35);box-shadow:inset 0 1px #ffffff1a;font-size:.66rem;line-height:1.25;color:var(--text-muted);text-align:center;overflow-wrap:anywhere}.td-chip strong{font-size:.78rem;color:var(--accent-bright);font-weight:700}.td-control-bar{display:flex;flex-direction:column;gap:6px;margin:2px 0;padding:var(--space-2);border-radius:12px;border:1px solid color-mix(in srgb,var(--accent-bright) 45%,rgba(255,255,255,.12));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,transparent),#00000047 55%,#0000002e);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent),0 6px 16px #00000047}.td-control-bar__block{display:flex;align-items:center;gap:var(--space-2);min-width:0}.td-control-bar__label{flex-shrink:0;width:2.2rem;font-size:.68rem;font-weight:800;letter-spacing:.04em;color:var(--accent-bright)}.td-control-bar .td-mode-seg,.td-control-bar .td-speed-seg{flex:1;min-width:0}.td-control-bar .td-mode-btn,.td-control-bar .td-speed-btn{min-height:40px;font-weight:800}.td-control-bar .td-speed-btn.selected,.td-control-bar .td-mode-btn.selected{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-bright) 55%,transparent)}.td-hud-more{border-radius:var(--radius-sm);background:#0000002e;border:1px solid rgba(255,255,255,.08);padding:0 var(--space-2)}.td-hud-more__summary{font-size:.78rem;font-weight:600}.td-hud-more__body{display:flex;flex-direction:column;gap:6px;padding:0 0 var(--space-2)}.setup-details{margin-top:var(--space-3);border-radius:var(--radius-sm);background:#00000024;border:1px solid rgba(255,255,255,.08);padding:0 10px}.setup-details__summary{font-size:.82rem;font-weight:600}.setup-details__body{display:flex;flex-direction:column;gap:6px;padding:0 0 var(--space-3)}.weekly-challenge-summary,.rank-stage-summary,.td-tips-details__summary,.td-hud-more__summary,.setup-details__summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;margin:6px 0;padding:10px var(--space-3);border-radius:12px;border:1px solid color-mix(in srgb,var(--accent-bright) 42%,rgba(255,255,255,.12));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,transparent) 0%,rgba(255,255,255,.06) 55%,transparent 100%);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent),0 4px 14px #00000038;color:var(--text);-webkit-user-select:none;user-select:none;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .12s ease}.weekly-challenge-summary::-webkit-details-marker,.td-tips-details__summary::-webkit-details-marker,.td-hud-more__summary::-webkit-details-marker,.setup-details__summary::-webkit-details-marker{display:none}.weekly-challenge-summary:after,.td-tips-details__summary:after,.td-hud-more__summary:after,.setup-details__summary:after{content:"펼치기";flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.02em;color:#062214;background:linear-gradient(135deg,var(--accent-bright) 0%,var(--accent) 100%);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-bright) 55%,transparent),0 0 16px color-mix(in srgb,var(--accent) 45%,transparent);animation:fold-chip-pulse 1.6s ease-in-out infinite}.weekly-challenge-card--fold[open] .weekly-challenge-summary:after,.td-tips-details[open] .td-tips-details__summary:after,.td-hud-more[open] .td-hud-more__summary:after,.setup-details[open] .setup-details__summary:after{content:"접기";color:#fff;background:linear-gradient(135deg,#3a4a55,#1c2830);box-shadow:0 0 0 1px #ffffff38,0 0 14px #7dffb047;animation:fold-chip-pulse 1.8s ease-in-out infinite}.weekly-challenge-summary:hover,.td-tips-details__summary:hover,.td-hud-more__summary:hover,.setup-details__summary:hover,.weekly-challenge-summary:focus-visible,.td-tips-details__summary:focus-visible,.td-hud-more__summary:focus-visible,.setup-details__summary:focus-visible{border-color:color-mix(in srgb,var(--accent-bright) 72%,white);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 34%,transparent) 0%,rgba(255,255,255,.1) 60%,transparent 100%);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-bright) 35%,transparent),0 6px 18px #00000047,0 0 22px color-mix(in srgb,var(--accent) 28%,transparent)}.weekly-challenge-summary:active,.td-tips-details__summary:active,.td-hud-more__summary:active,.setup-details__summary:active{transform:scale(.98)}@keyframes fold-chip-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.12)}}@media (prefers-reduced-motion: reduce){.weekly-challenge-summary:after,.td-tips-details__summary:after,.td-hud-more__summary:after,.setup-details__summary:after,.weekly-challenge-card--fold[open] .weekly-challenge-summary:after,.td-tips-details[open] .td-tips-details__summary:after,.td-hud-more[open] .td-hud-more__summary:after,.setup-details[open] .setup-details__summary:after{animation:none}.weekly-challenge-summary,.td-tips-details__summary,.td-hud-more__summary,.setup-details__summary{transition:none}}.battle-coach{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:flex-end;justify-content:center;padding:var(--space-4);padding-bottom:max(var(--space-4),env(safe-area-inset-bottom));background:#06120eb8}.battle-coach__card{width:min(400px,100%);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5) var(--space-4) var(--space-4);border-radius:var(--radius-lg);background:#122a22fa;border:1px solid rgba(125,255,176,.35);box-shadow:var(--shadow)}.battle-coach__eyebrow{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-bright);margin:0;line-height:1.3}.battle-coach__title{font-size:1.15rem;font-weight:800;margin:0;line-height:1.3}.battle-coach__steps{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:var(--space-2);color:var(--text-muted);font-size:.9rem;line-height:1.45}.battle-coach__steps strong{color:var(--text)}.battle-coach__done{width:100%}.hub-guide{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;pointer-events:none}.hub-guide__block{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:auto;cursor:default;touch-action:none}.hub-guide__hole{position:fixed;z-index:1;border-radius:calc(var(--radius-md) + 4px);box-shadow:0 0 0 9999px #04100cc7;transition:top .28s ease,left .28s ease,width .28s ease,height .28s ease;pointer-events:none}.hub-guide__hole[hidden],.hub-guide__ring[hidden],.hub-guide__beacon[hidden]{display:none}.hub-guide__ring{position:fixed;z-index:2;border-radius:calc(var(--radius-md) + 6px);border:2px solid var(--accent-bright);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent),0 0 28px color-mix(in srgb,var(--accent) 55%,transparent);animation:hub-guide-ring-pulse 1.4s ease-in-out infinite;pointer-events:none;transition:top .28s ease,left .28s ease,width .28s ease,height .28s ease}.hub-guide__beacon{position:fixed;z-index:3;width:18px;height:18px;margin:-9px 0 0 -9px;pointer-events:none;transition:top .28s ease,left .28s ease}.hub-guide__beacon-core{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:var(--accent-bright);box-shadow:0 0 12px var(--accent)}.hub-guide__beacon-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--accent-bright);animation:hub-guide-beacon 1.5s ease-out infinite}.hub-guide__tip{position:fixed;z-index:4;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-3) var(--space-3);border-radius:var(--radius-md);background:radial-gradient(ellipse 90% 70% at 50% 0%,rgba(61,220,132,.2),transparent 55%),#0e241cf7;border:1px solid rgba(125,255,176,.45);box-shadow:var(--shadow);pointer-events:auto;max-width:calc(100vw - 24px);box-sizing:border-box}.hub-guide__tip[data-placement=above]:after,.hub-guide__tip[data-placement=below]:before{content:"";position:absolute;left:50%;width:12px;height:12px;background:#0e241cf7;border:solid rgba(125,255,176,.45);transform:translate(-50%) rotate(45deg)}.hub-guide__tip[data-placement=below]:before{top:-6px;border-width:1px 0 0 1px}.hub-guide__tip[data-placement=above]:after{bottom:-6px;border-width:0 1px 1px 0}.hub-guide__eyebrow{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-bright);margin:0;font-weight:700}.hub-guide__title{font-size:var(--text-lg);font-weight:800;margin:0;letter-spacing:-.02em;line-height:1.25}.hub-guide__body{margin:0;font-size:var(--text-sm);line-height:1.4;color:var(--text-muted)}.hub-guide__dots{display:flex;gap:6px;justify-content:flex-start;padding:2px 0}.hub-guide__dot{width:7px;height:7px;border-radius:50%;background:#ffffff38}.hub-guide__dot--on{background:var(--accent-bright);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 55%,transparent)}.hub-guide__actions{display:flex;gap:var(--space-2);width:100%;margin-top:var(--space-1)}.hub-guide__actions .hub-guide__skip{flex:0 0 auto}.hub-guide__actions .hub-guide__primary{flex:1}.title-guide-replay{width:100%;margin-bottom:var(--space-3);font-size:var(--text-sm)}@keyframes hub-guide-ring-pulse{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.72;filter:brightness(1.15)}}@keyframes hub-guide-beacon{0%{transform:scale(.6);opacity:.9}to{transform:scale(2.4);opacity:0}}@media (prefers-reduced-motion: reduce){.hub-guide__hole,.hub-guide__ring,.hub-guide__beacon{transition:none}.hub-guide__ring,.hub-guide__beacon-pulse{animation:none}}.td-stat{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-2);border-radius:var(--radius-sm);background:linear-gradient(180deg,#ffffff1f,#00000047);border:1px solid rgba(125,255,176,.24);box-shadow:inset 0 1px #ffffff14;min-width:0;text-align:center}.td-stat em{font-style:normal;font-size:var(--text-xs);color:var(--text-muted)}.td-stat strong{font-size:var(--text-md);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-progress{position:relative;height:20px;border-radius:999px;background:#00000073;border:1px solid rgba(125,255,176,.32);overflow:hidden;box-shadow:inset 0 1px 3px #00000059}.td-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-dim),var(--accent),var(--accent-bright));box-shadow:0 0 14px #7dffb066;transition:width .2s ease-out}.td-progress-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:0 var(--space-2);font-size:var(--text-xs);font-weight:700;color:var(--text);text-shadow:0 1px 2px rgba(0,0,0,.65);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.td-wave-focus{margin:0;padding:6px var(--space-2);border-radius:8px;background:#7dffb01a;border:1px solid rgba(125,255,176,.28);color:var(--accent-bright);font-size:.78rem;line-height:1.35;font-weight:600}.td-wave-scout{margin:0;font-size:.7rem;line-height:1.3;color:var(--text-muted)}.td-intel{display:flex;flex-direction:column;gap:2px;min-width:0}.td-hud--manual .td-wave-focus,.td-hud--manual .td-wave-scout,.td-hud--manual .td-status{font-size:.68rem;line-height:1.3}.td-hud--manual .td-status{-webkit-line-clamp:1}.td-ability-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:0}.td-ability-btn{flex:1 1 auto;min-width:0}.td-ability-hint{flex:1 1 8rem;margin:0;font-size:.66rem;line-height:1.3;color:var(--text-muted)}.td-status{font-size:.74rem;line-height:1.4;color:var(--text-muted);white-space:normal;text-overflow:unset;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.td-tip{margin:0;font-size:.68rem;line-height:1.35;color:var(--text-muted);opacity:.9}.td-role-tip{display:block;font-size:.58rem;font-weight:600;color:var(--text-muted);opacity:.85;margin-top:1px;line-height:1.25;text-align:center;overflow-wrap:anywhere}.bench-dock{padding:6px var(--space-2);border-radius:var(--radius-md);border:1px solid rgba(125,255,176,.18);background:#00000038}.bench-dock-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);margin-bottom:6px}.bench-dock-title{font-size:.72rem;color:var(--text-muted);white-space:normal;overflow-wrap:anywhere}.bench-dock-title strong{color:var(--accent-bright);font-variant-numeric:tabular-nums}.bench-add-row{display:flex;flex-wrap:wrap;gap:var(--space-1)}.bench-add-btn{padding:var(--space-1) var(--space-2);border-radius:6px;border:1px solid var(--border);background:#00000040;color:var(--text-muted);font-size:.68rem;font-weight:700;cursor:pointer}.bench-add-btn--df:not(:disabled){color:#7eb8ff;border-color:#7eb8ff59}.bench-add-btn--mf:not(:disabled){color:#7dffb0;border-color:#7dffb059}.bench-add-btn--fw:not(:disabled){color:#ffb74d;border-color:#ffb74d59}.bench-add-btn:disabled{opacity:.35;cursor:not-allowed}.bench-chip-scroll{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;min-height:38px;align-items:center;scrollbar-width:thin}.bench-empty{font-size:.68rem;color:var(--text-muted);opacity:.85}.bench-chip-wrap{position:relative;flex:0 0 auto}.bench-chip{display:inline-flex;align-items:center;gap:5px;padding:5px var(--space-2);border-radius:999px;border:1px solid var(--border);background:#00000052;color:var(--text);font-size:.68rem;cursor:pointer;max-width:132px}.bench-chip--df{border-color:#7eb8ff4d}.bench-chip--mf{border-color:#7dffb04d}.bench-chip--fw{border-color:#ffb74d4d}.bench-chip--picked{border-color:var(--gold);box-shadow:0 0 0 1px #ffd54f4d}.bench-chip--merge{animation:bench-merge-pulse 1.6s ease-in-out infinite}.bench-chip--merge-target{border-color:#ffe082;box-shadow:0 0 0 2px #ffd54f8c,0 0 14px #ffd54f66;animation:bench-merge-target-pulse 1.2s ease-in-out infinite}@keyframes bench-merge-pulse{0%,to{box-shadow:0 0 #ffd54f1a}50%{box-shadow:0 0 10px #ffd54f40}}@keyframes bench-merge-target-pulse{0%,to{box-shadow:0 0 0 2px #ffd54f73,0 0 10px #ffd54f4d}50%{box-shadow:0 0 0 3px #ffe082d9,0 0 18px #ffd54f8c}}@media (prefers-reduced-motion: reduce){.bench-chip--merge-target{animation:none}}.bench-chip:disabled{opacity:.5;cursor:not-allowed}.bench-chip-pos{font-weight:800;font-size:.62rem;opacity:.9}.bench-chip-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:64px}.bench-chip-rating{font-weight:800;color:var(--accent-bright);font-variant-numeric:tabular-nums}.bench-chip-dot{display:inline-block;width:7px;height:7px;border-radius:1px;background:#ffe082;box-shadow:0 0 6px #ffd54fd9,0 0 1px #000000e6;transform:rotate(45deg);animation:bench-dot-pulse 1.4s ease-in-out infinite}@keyframes bench-dot-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@media (prefers-reduced-motion: reduce){.bench-chip-dot{animation:none}}.bench-chip-sell{position:absolute;top:-14px;right:-14px;width:44px;height:44px;border-radius:50%;border:none;background:transparent;color:var(--danger);font-size:.85rem;line-height:1;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;z-index:2}.bench-chip-sell:before{content:"";position:absolute;width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,138,128,.45);background:#1e0a0af2;z-index:-1}.td-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.td-role-col{display:flex;flex-direction:column;gap:6px;min-width:0}.td-role-col .td-deploy{flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-2) 5px;min-height:48px;min-width:0;font-size:.7rem;line-height:1.15}.td-role-col .tactic-btn{flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:10px 6px;min-height:52px;min-width:0;font-size:.72rem;line-height:1.2}.td-upgrade{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;width:100%;margin:0;padding:5px var(--space-2);border-radius:999px;border:1px solid rgba(255,196,88,.55);background:linear-gradient(180deg,#46300cbf,#281c08b3);color:#ffd27a;font-size:.7rem;font-weight:800;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;box-shadow:inset 0 1px #ffdc8c33}.td-upgrade:not(.disabled):hover,.td-upgrade:not(.disabled):focus-visible{border-style:solid;border-color:#ffc458d9;background:#3c280abf;outline:none}.td-upgrade.disabled,.td-upgrade:disabled{opacity:.45;cursor:not-allowed}.td-upgrade-mark{display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid currentColor;opacity:.95}.td-upgrade-cost{font-variant-numeric:tabular-nums;font-weight:600;opacity:.9}.td-auto-compact{margin:0;padding:var(--space-2) 10px;border-radius:var(--radius-sm);background:#7dffb014;border:1px dashed rgba(125,255,176,.28);color:var(--text-muted);font-size:.78rem;line-height:1.35;text-align:center}.td-role-tag{font-weight:700;font-size:.78rem;line-height:1.2;text-align:center;overflow-wrap:anywhere}.td-role-action{opacity:.8;font-size:.68rem;line-height:1.2;text-align:center;overflow-wrap:anywhere}.td-speed-row,.td-preset-row{display:flex;align-items:center;gap:var(--space-2);padding:6px var(--space-2);border-radius:var(--radius-sm);background:#00000038;border:1px solid rgba(125,255,176,.14)}.td-speed-label{flex-shrink:0;font-size:.72rem;font-weight:700;color:var(--accent-bright);letter-spacing:.04em}.td-speed-btns{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.td-speed-btn{padding:7px var(--space-1)!important;margin-top:0!important;min-height:38px;font-size:.68rem!important;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.15;white-space:normal;overflow-wrap:anywhere}.td-speed-locked{opacity:.82;border-style:dashed!important}.td-speed-locked:after{content:"";display:inline-block;width:7px;height:6px;margin-left:var(--space-1);border:1.5px solid currentColor;border-radius:1px;vertical-align:1px;opacity:.75;box-shadow:0 -3px 0 -1px currentColor}.td-mode-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.td-mode-btn{padding:var(--space-2)!important;font-size:.8rem!important}#app.td-mode #field{min-height:0;flex:1;border-radius:inherit;box-shadow:none}.trophy-panel .lead strong,.champion .reward-breakdown{color:var(--gold)}.action-row{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-1)}[hidden]{display:none!important}.screen-nav{display:flex;align-items:center;margin:0 0 var(--space-3);padding:0;padding-right:var(--toss-chrome-end)}.screen-nav--split{justify-content:space-between;gap:var(--space-3)}.screen-nav__trailing{display:flex;align-items:center;margin-left:auto}.nav-back,.td-nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;margin:0;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);border-radius:var(--radius-sm);padding:10px 14px;font-size:.82rem;line-height:1.25;cursor:pointer}.nav-back:before{content:"";width:.45em;height:.45em;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-right:2px;opacity:.85}.nav-back:hover,.td-nav-btn:hover{background:var(--bg-card-hover);color:var(--text)}.td-hud-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-2)}.td-hud-top .title{justify-self:center;width:100%}.td-nav-btn{min-width:40px;min-height:40px;padding:6px 10px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.btn-danger{background:#ff8a802e;border-color:#ff8a8073;color:var(--danger)}.confirm-overlay,.pause-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-5);padding-top:calc(var(--space-5) + var(--safe-top) + var(--toss-chrome-top));padding-right:calc(var(--space-5) + var(--safe-right) + var(--toss-chrome-end));padding-left:calc(var(--space-5) + var(--safe-left));background:#061510b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-card,.pause-sheet{width:min(100%,360px);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(180deg,#0c2419fa,#061510fa);box-shadow:var(--shadow)}.confirm-title,.pause-title{font-size:1.05rem;margin:0;line-height:1.3}.confirm-message,.pause-hint{font-size:.88rem;color:var(--text-muted);line-height:1.45;margin:0}.confirm-actions,.pause-actions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-1)}.league-table{width:100%;border-collapse:collapse;font-size:var(--font-sm, .875rem)}.league-table th,.league-table td{padding:.45rem .35rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}.league-table th{color:#ffffff8c;font-weight:600}.league-table__row--mine{background:#5eeaa014}.rank-stage__league{margin-top:var(--space-2);opacity:.85}.broadcast-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3)}.broadcast-wave-break,.broadcast-sub-board{margin:0;max-width:92%;text-align:center;color:var(--text);text-shadow:0 1px 8px rgba(0,0,0,.65)}.broadcast-wave-break{font-size:var(--text-lg);font-weight:800;letter-spacing:-.02em;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--accent-bright) 55%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-mid) 88%,transparent),color-mix(in srgb,var(--bg-deep) 92%,transparent));box-shadow:var(--shadow);opacity:0}.broadcast-wave-break.is-on{opacity:1;animation:broadcast-fade 1.5s ease-out both}.broadcast-sub-board{position:absolute;bottom:var(--space-4);left:50%;transform:translate(-50%);font-size:var(--text-sm);font-weight:700;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--gold) 50%,transparent);background:color-mix(in srgb,var(--bg-deep) 86%,transparent);color:var(--gold);opacity:0}.broadcast-sub-board.is-on{opacity:1;animation:broadcast-fade 1.2s ease-out both}@keyframes broadcast-fade{0%{opacity:0}12%{opacity:1}78%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.broadcast-wave-break.is-on,.broadcast-sub-board.is-on{animation:none;opacity:1}}