.player-avatar-image{flex:none;border-radius:10px;object-fit:cover;animation:player-avatar-in .16s ease-out}.player-avatar-edit{display:inline-flex;padding:0;background:transparent;border:1px solid var(--border-soft);border-radius:11px;cursor:pointer;flex:none}.player-avatar-edit:hover{border-color:var(--ai)}.player-avatar-dialog button:focus-visible,.player-avatar-edit:focus-visible{outline:2px solid var(--ai);outline-offset:3px}.player-avatar-dialog{margin:auto;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:26px;background:var(--surface-panel);color:var(--ink-primary);border:1px solid var(--border-soft);border-radius:14px}.player-avatar-dialog::backdrop{background:#060a14a8}.player-avatar-dialog h2{font-family:var(--font-home-display),Arial,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.04em;margin:0 26px 22px 0}.player-avatar-close{position:absolute;right:14px;top:14px;color:var(--ink-primary);background:transparent;border:0;padding:5px;cursor:pointer}.player-avatar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.player-avatar-grid button{position:relative;padding:0;border:2px solid var(--border-soft);border-radius:12px;background:var(--surface-panel);cursor:pointer;transition:transform .15s,border-color .15s}.player-avatar-grid img{width:100%;height:auto;display:block}.player-avatar-grid button[aria-pressed=true]{border-color:var(--ai);background:color-mix(in srgb,var(--ai) 12%,var(--surface-panel))}.player-avatar-grid button:hover{border-color:var(--ai);transform:translateY(-2px) scale(1.02)}.player-avatar-grid button:active{transform:scale(.97)}.player-avatar-check{position:absolute;right:4px;bottom:4px;border-radius:50%;background:var(--ai);color:var(--cream)}.online-player-name .player-avatar-image{vertical-align:middle;margin-right:8px}.online-round-answers b .player-avatar-image{vertical-align:middle;margin:0}.online-round-answers b{display:flex;align-items:center;justify-content:center;gap:6px}.online-starting .player-avatar-image{vertical-align:middle;margin:0 8px}.online-starting-players{display:flex;justify-content:center;gap:24px;align-items:center}.vs-ai-preparation .online-starting-players{justify-content:flex-start}.online-search-player{display:flex;gap:10px;align-items:center;justify-content:center;margin-bottom:14px;color:var(--ink-primary)}.private-lobby .online-lobby-players li>.player-avatar-image{width:44px;height:44px}@keyframes player-avatar-in{0%{opacity:.6;transform:scale(.95)}to{opacity:1;transform:none}}@media (max-width:440px){.player-avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.player-avatar-image{animation:none}.player-avatar-grid button{transition:none;transform:none!important}}.online-round .online-player-hud{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;margin:14px 0 0;width:100%;background:none}.online-player-hud .online-hud-person{display:flex;align-items:center;gap:10px;min-width:0}.online-player-hud .player-avatar-image{width:40px;height:40px;flex:0 0 40px;object-fit:contain}.online-player-hud .online-hud-identity{display:flex;align-items:center;gap:10px;min-width:0}.online-player-hud .online-hud-name{font-size:13px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-secondary)}html .online-round .online-player-hud strong{margin:0;color:var(--score-ink);font-size:22px;flex-shrink:0}.online-player-hud .online-hud-rivals{display:grid;gap:8px;min-width:0}.online-player-hud .online-hud-rival{justify-content:flex-end}.online-round .online-player-hud p{margin:0;text-align:center;font-size:13px;white-space:nowrap;color:var(--ink-secondary)}@media (max-width:620px){.online-round .online-player-hud{gap:8px;margin-top:12px}.online-player-hud .online-hud-person{gap:6px}.online-player-hud .player-avatar-image{width:32px;height:32px;flex-basis:32px}.online-player-hud .online-hud-identity,.online-player-hud .online-hud-rival .online-hud-identity{flex-direction:column;align-items:flex-start;gap:2px}.online-player-hud .online-hud-rival .online-hud-identity{align-items:flex-end}.online-player-hud .online-hud-name{max-width:100%;font-size:11px}html .online-round .online-player-hud strong{font-size:18px}.online-round .online-player-hud p{font-size:11px}}.score-pillars{display:flex;justify-content:safe center;gap:clamp(12px,4vw,32px);overflow-x:auto;padding:0 2px 4px}.score-pillars[data-count="2"] .score-pillar{flex:1;max-width:150px}.score-pillar{min-width:70px;width:90px;text-align:center}.score-pillar-total{display:block;font:800 25px var(--font-home-display),Arial,sans-serif;color:var(--duel-ink);font-variant-numeric:tabular-nums;min-height:32px}.score-pillar-track{position:relative;height:100px;width:min(64px,100%);margin:5px auto 10px;border-bottom:1px solid var(--border-soft)}.score-pillar-fill{height:100%;width:100%;transform-origin:bottom;background:linear-gradient(180deg,color-mix(in srgb,var(--duel-ink) 85%,var(--ink-primary)),color-mix(in srgb,var(--duel-ink) 45%,var(--panel)));border-radius:5px 5px 0 0}.score-pillar .player-avatar-image{display:block;margin:0 auto 4px;animation:none}.score-pillar-name{display:block;font-size:12px;line-height:1.3;overflow-wrap:anywhere}.score-pillar>span{display:block;font-size:15px;font-weight:750;margin-top:3px}.score-pillar>small{display:block;color:var(--ink-muted);font-size:10px;line-height:1.35;margin-top:3px}.results-podium{display:flex;align-items:flex-end;justify-content:center;gap:12px;padding-top:8px;margin:0 auto 24px;max-width:430px}.podium-participant{flex:1;min-width:0;max-width:135px;--award-ink:#bd8f69}.podium-participant[data-rank="1"]{--award-ink:var(--score-ink)}.podium-participant[data-rank="2"]{--award-ink:color-mix(in srgb,var(--ai) 28%,var(--ink-primary))}.podium-identity{height:116px;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}.podium-identity .player-avatar-image{margin:0 0 5px;animation:none;flex-shrink:0}.podium-identity b{width:100%;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-identity strong{font:800 22px var(--font-home-display),Arial,sans-serif;color:var(--award-ink);font-variant-numeric:tabular-nums}.podium-identity small{color:var(--ink-muted);font-size:10px}.podium-step{height:var(--podium-height);border-radius:7px 7px 0 0;border:1px solid color-mix(in srgb,var(--award-ink) 35%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--award-ink) 24%,var(--panel)),color-mix(in srgb,var(--award-ink) 8%,var(--panel)));display:grid;place-items:center;transform-origin:bottom}.podium-step b{color:var(--award-ink);font:800 26px var(--font-home-display),Arial,sans-serif}@media (prefers-reduced-motion:no-preference){.score-pillar>span{animation:round-detail-in .14s ease-out .1s both}.duel-reveal .duel-gap,.duel-reveal .duel-leader,.duel-reveal .duel-round-leader{animation:round-detail-in .16s ease-out .92s both}.duel-reveal[data-paused=true] :is(.duel-round-leader,.score-pillar>span,.duel-gap,.duel-leader){animation-play-state:paused}.podium-step{animation:podium-rise .45s var(--podium-delay) cubic-bezier(.22,.61,.36,1) both}.podium-identity{animation:podium-identity-in .3s calc(var(--podium-delay) + .3s) ease-out both}}@keyframes round-detail-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}@keyframes podium-rise{0%{transform:scaleY(0);opacity:0}85%{transform:scaleY(1.015);opacity:1}to{transform:scaleY(1);opacity:1}}@keyframes podium-identity-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:640px){.score-pillar-track{height:82px}.score-pillars{gap:12px}.results-podium{gap:8px;max-width:340px}.podium-identity strong{font-size:20px}}.online-search-active .online-search-player{gap:12px;font-size:15px;font-weight:650}.online-search-player .player-avatar-image{width:56px;height:56px;margin:0;border-radius:50%;object-fit:cover;animation:none}.duel-self{--duel-ink:var(--ai)}.duel-rival{--duel-ink:var(--score-ink)}.online-shell .online-round .online-reveal.duel-reveal{width:min(520px,100%);padding:18px 24px;border-radius:14px;border-color:var(--border-soft);box-shadow:none}.duel-round-number{font-size:11px;font-weight:650;letter-spacing:.035em;color:var(--ink-muted);margin:0 0 8px}.online-round .duel-reveal h1{font-family:var(--font-home-display),Arial,sans-serif;font-size:clamp(17px,2.6vw,23px);font-weight:800;letter-spacing:-.035em;line-height:1.18;margin:0 0 10px;color:var(--ink-primary);text-shadow:none}.duel-reveal h1[data-leading=self]{color:var(--ai)}.duel-reveal h1[data-leading=rival]{color:var(--score-ink)}.duel-answer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 12px;margin:0 0 18px;font-size:12px;color:var(--ink-secondary)}.duel-answer-status{font-size:12px;font-weight:650}.duel-reveal .online-round-good{color:var(--success-ink)}.duel-reveal .online-round-miss{color:var(--error-ink)}.duel-answer strong{font-size:13px}.duel-participants{display:grid;grid-template-columns:1fr 1fr;gap:24px}.duel-participant{min-width:0;text-align:center}.duel-identity{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0}.duel-identity .player-avatar-image{flex:none;margin:0;animation:none}.duel-identity b{font-size:13px;font-weight:650;overflow-wrap:anywhere}.duel-total{display:flex;justify-content:center;align-items:baseline;gap:5px;margin-top:8px;font-family:var(--font-home-display),Arial,sans-serif;font-size:31px;font-weight:800;letter-spacing:-.04em;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--duel-ink)}.duel-total small{font-size:10px;font-weight:500;letter-spacing:0;color:var(--ink-muted)}.duel-round-gain{display:flex;align-items:center;justify-content:center;gap:3px;font-size:17px;font-weight:750;margin-top:4px}.duel-round-gain>span:first-child{margin-right:4px;font-size:12px}.duel-speed-bonus{display:block;font-size:10px;color:var(--ink-muted);margin-top:3px}.duel-comparison{margin-top:18px}.duel-comparison-track{height:8px;border-radius:5px;background:var(--score-ink);overflow:hidden}.duel-comparison-track>div{width:100%;height:100%;background:var(--ai);transform-origin:left center}.duel-comparison-empty{opacity:.5}.duel-gap{font-size:13px;font-weight:750;margin:10px 0 3px;color:var(--ink-primary)}.duel-gap[data-leading=self]{color:var(--ai)}.duel-gap[data-leading=rival]{color:var(--score-ink)}.duel-leader{display:block;font-size:11px;color:var(--ink-muted)}.duel-reveal[data-paused=true]{animation-play-state:paused}.online-results.duel-results{max-width:620px;margin-top:32px}.duel-final-heading{display:flex;align-items:center;justify-content:center;gap:28px;margin-bottom:22px}.duel-final-heading h1{font-family:var(--font-home-display),Arial,sans-serif;font-size:clamp(30px,5vw,44px);font-weight:800;letter-spacing:-.055em;margin:0;text-shadow:none}.duel-outcome-win h1{color:var(--ai)}.duel-outcome-loss h1{color:var(--ink-primary)}.duel-outcome-draw h1{color:var(--score-ink)}.duel-final-heading .online-final-mascot{width:105px;height:100px;margin:0}.duel-results>.duel-participants{max-width:480px;margin:0 auto 28px}.duel-results .duel-total{font-size:36px}.duel-progression{padding:18px 0 12px;border-block:1px solid var(--border-soft)}.duel-progression h2{font-family:var(--font-home-display),Arial,sans-serif;font-size:13px;font-weight:700;color:var(--ink-primary);letter-spacing:.015em;margin:0 0 14px}.duel-chart-legend{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center;margin-bottom:15px}.duel-chart-legend>span{display:flex;align-items:center;gap:7px;font-size:12px;min-width:0}.duel-chart-legend b{font-weight:600;overflow-wrap:anywhere}.duel-chart-legend i{display:block;width:16px;height:3px;background:var(--duel-ink);border-radius:2px}.duel-chart-legend img{margin:0;animation:none}.duel-chart-plot{display:grid;grid-template-columns:37px 1fr;gap:7px;height:172px}.duel-chart-axis{display:flex;flex-direction:column;justify-content:space-between;text-align:right;padding:7px 0;color:var(--ink-muted);font-size:11px;font-variant-numeric:tabular-nums}.duel-chart-plot svg{width:100%;height:100%;min-width:0;overflow:visible}.duel-chart-grid{stroke:var(--border-soft);stroke-width:1;vector-effect:non-scaling-stroke}.duel-chart-line{fill:none;stroke:var(--duel-ink);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.duel-chart-point{fill:var(--duel-ink)}.duel-chart-rounds{display:flex;justify-content:space-between;margin:7px 8px 0 52px;font-size:11px;color:var(--ink-muted)}.duel-chart-details{margin-top:14px;color:var(--ink-muted);font-size:11px}.duel-chart-details summary{cursor:pointer;width:fit-content;margin-inline:auto;padding:4px}.duel-chart-details summary:focus-visible{outline:2px solid var(--ai);outline-offset:3px}.duel-chart-details>div{overflow-x:auto}.duel-chart-details table{width:100%;margin-top:10px;border-collapse:collapse;font-size:12px;color:var(--ink-secondary)}.duel-chart-details td,.duel-chart-details th{padding:6px;border-bottom:1px solid var(--border-soft)}.duel-results .online-leaderboard{margin:18px 0}.duel-results .online-leaderboard li{padding:12px 3px}.duel-results .online-player-name{font-size:14px}.duel-results .online-leaderboard strong{color:var(--score-ink)}.duel-final-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:10px 16px;margin:20px auto 0}.online-results .duel-final-actions .button{width:auto;min-width:180px;margin:0;min-height:48px}.duel-final-actions>.quiet-link{padding:13px 8px;margin:0}@media (prefers-reduced-motion:no-preference){.duel-chart-line{stroke-dasharray:1;animation:duel-chart-draw .6s ease-out both}.duel-chart-point{animation:duel-chart-point-in .18s ease-out .42s both}}@keyframes duel-chart-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes duel-chart-point-in{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.online-shell .online-round .online-reveal.duel-reveal{padding:17px 16px}.duel-participants{gap:14px}.duel-identity{gap:6px}.duel-identity b{font-size:12px}.duel-identity img{width:34px;height:34px}.duel-total{font-size:28px}.duel-answer{margin-bottom:14px;font-size:11px}.duel-final-heading{gap:14px;margin-bottom:20px}.duel-final-heading .online-final-mascot{width:85px;height:85px}.duel-results>.duel-participants{margin-bottom:20px}.duel-results .duel-total{font-size:30px}.duel-chart-plot{height:140px}.duel-chart-legend{gap:10px 16px}}.online-round .duel-reveal .duel-personal-result{text-transform:uppercase;margin-bottom:6px}.online-round .duel-reveal .duel-personal-result.online-round-good{color:var(--success-ink)}.online-round .duel-reveal .duel-personal-result.online-round-miss{color:var(--error-ink)}.duel-reveal .duel-personal-gain{margin:0 0 8px;font-size:20px;font-weight:750;color:var(--ai);font-variant-numeric:tabular-nums}.duel-reveal .duel-answer{font-size:13px;margin-bottom:12px}.online-round .duel-reveal .duel-round-leader{font-family:var(--font-home-display),Arial,sans-serif;font-size:17px;font-weight:800;line-height:1.2;letter-spacing:-.035em;margin:12px 0 5px;overflow-wrap:anywhere;color:var(--ink-primary)}.duel-reveal .duel-round-leader[data-leading=self]{color:var(--ai)}.duel-reveal .duel-round-leader[data-leading=rival]{color:var(--score-ink)}.duel-reveal .duel-gap{font-size:14px;margin-top:0}.duel-reveal .score-pillar-name{font-size:13px}.duel-results .podium-identity small,.duel-reveal .score-pillar>small{font-size:12px;color:var(--ink-secondary)}.duel-results .podium-identity b{font-size:13px}.online-round .online-player-hud .online-hud-name,.online-round .online-player-hud p{font-size:14px}.online-round .online-answer-presence{font-size:14px;color:var(--ink-secondary)}.online-round .online-answer-status{font-size:13px;color:var(--ink-secondary)}.online-results.duel-results{max-width:720px}.duel-results .duel-chart-legend>span{font-size:13px}.duel-results :is(.duel-chart-axis,.duel-chart-rounds,.duel-chart-details){font-size:12px;color:var(--ink-secondary)}.duel-results .duel-chart-legend .player-avatar-image{flex-shrink:0}.duel-results .duel-progression{padding-bottom:10px;margin-bottom:10px}.duel-results>.online-subtitle{font-size:14px;line-height:1.45;margin-top:8px;margin-bottom:8px;color:var(--ink-secondary)}.duel-results .results-podium{margin-bottom:18px}@media (prefers-reduced-motion:no-preference){.duel-reveal .duel-personal-gain{animation:round-detail-in .12s ease-out .1s both}.duel-reveal .duel-gap{animation-delay:1.04s}.duel-reveal[data-paused=true] .duel-personal-gain{animation-play-state:paused}}@media (max-width:620px){.online-round .online-answer-presence,.online-round .online-player-hud .online-hud-name,.online-round .online-player-hud p{font-size:12px}.online-round .duel-reveal .duel-round-leader{font-size:15px}.duel-reveal .duel-personal-gain{font-size:18px}.duel-reveal .duel-gap{font-size:13px}}