/* The existing Silkscreen type, jersey art and rarity colors carry through. */
.hero{min-height:190px;padding-block:20px}.hero h1{font-size:26px}.hero #jersey-number{display:inline}.hero #jersey-number::after{content:'?'}
.hero .jersey{position:relative;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;min-width:0;width:144px;flex-basis:144px;min-height:160px}.hero .jersey canvas{width:160px;height:160px;max-width:none}
#spin-digits{font:400 64px/1 var(--pixel);font-variant-numeric:tabular-nums;letter-spacing:0;display:grid;place-items:center;width:136px;height:136px;border:3px solid var(--ink);background:var(--surface);box-shadow:5px 5px 0 var(--line)}
.is-spinning #spin-digits{border-color:var(--jersey-color,var(--ink));box-shadow:5px 5px 0 var(--jersey-accent,var(--line))}.is-spinning .hero h1{color:var(--muted)}
.spin-button{width:100%;min-height:56px;font-size:20px;box-shadow:4px 4px 0 var(--line);margin:4px 0 8px}.spin-button:disabled{box-shadow:none}
.scoreboard{margin-bottom:16px}.input-row button{min-width:88px}#lineup .position{width:35px;font-size:16px;color:var(--ink)}.slot.missed{color:var(--muted)}.slot.missed .points{background:none;color:var(--muted);border-color:var(--line)}
.slot .player-info small{font-size:12px}.round-actions{justify-content:space-between}.round-actions #scoring-button{margin-left:auto}
.slot .player-info .player-teams{color:var(--ink);margin-top:5px;line-height:1.6;overflow-wrap:anywhere}
#result{border:3px solid var(--ink);background:var(--surface);padding:20px;margin-top:4px}.result-actions{display:flex;gap:10px;flex-wrap:wrap}.result-actions button{flex:1;min-width:120px}#result-copy{font-size:15px;line-height:1.6}#result-heading{font-size:22px}
#reveal-dialog{width:min(420px,calc(100% - 32px));max-height:calc(100dvh - 24px);padding:20px;text-align:center}#reveal-title{font-size:22px;margin-bottom:16px;outline:none}#reveal-step{margin-bottom:8px}#reveal-card:empty{display:none}
#reveal-card .trophy-card{padding:12px 16px 16px;margin-bottom:12px}#reveal-card .trophy-jersey{width:192px;height:192px}#reveal-card .trophy-name{font-size:20px}#reveal-card .trophy-league{font-size:15px}#reveal-card .trophy-team{font-size:16px}#reveal-card .jersey-toggle{width:100%}
.reveal-rarity{display:flex;gap:10px;align-items:center;justify-content:center;font-size:16px;margin:0 0 14px}.reveal-rarity .points{font-size:20px}.reveal-teams{font-size:13px;color:var(--muted);line-height:1.6;overflow-wrap:anywhere;margin:0 0 12px}#reveal-copy{font-size:15px;line-height:1.6;margin-bottom:16px}#continue,#thanks-case{width:100%;min-height:50px}
#thanks-dialog .dialog-heading{flex-wrap:nowrap;align-items:start}#thanks-title{font-size:22px}.close-square{flex:none;min-width:44px;min-height:44px;padding:6px;background:none;border:2px solid var(--ink);font:20px var(--pixel)}
#view-reveal{width:100%}.hero .jersey.awaiting-spin canvas{display:none}.hero .jersey:not(.awaiting-spin) #spin-digits{display:none}
@media(max-width:360px){.hero h1{font-size:22px}.hero .jersey{width:128px;flex-basis:128px}.hero .jersey canvas{width:128px;height:128px}#spin-digits{width:112px;height:120px;font-size:52px}.hero #instruction{font-size:13px}#reveal-dialog{padding:16px}#reveal-card .trophy-jersey{width:160px;height:160px}#reveal-card .trophy-name{font-size:18px}}
@media(prefers-reduced-motion:no-preference){dialog[open] .trophy-card{animation:jersey-reveal .2s steps(4,end)}@keyframes jersey-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}
@media(max-height:700px){
 #reveal-dialog{padding:12px}#reveal-step{font-size:10px;line-height:1.4;margin-bottom:4px}#reveal-title{font-size:18px;line-height:1.3;margin-bottom:8px}
 .reveal-rarity{font-size:14px;margin-bottom:8px}.reveal-rarity .points{width:32px;min-width:32px;height:32px;font-size:16px}
 #reveal-card .trophy-card{padding:8px;margin-bottom:8px}#reveal-card .trophy-jersey{width:128px;height:128px}#reveal-card .trophy-name{font-size:16px;line-height:1.35;margin-top:4px}#reveal-card .trophy-league{font-size:12px;margin-top:3px}#reveal-card .trophy-team{font-size:14px;margin-top:4px}#reveal-card .team-position{display:none}#reveal-card .switch-label{font-size:12px;line-height:1.3;min-height:28px}
 .reveal-teams{font-size:12px;line-height:1.4;margin-bottom:8px}#reveal-copy{font-size:14px;margin-bottom:12px}#continue{min-height:44px}
}

.reset-controls{margin-top:24px}.reset-controls button{width:100%;min-height:48px}.reset-controls .hint{text-align:center;margin:8px 0 0}

.result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.result-actions .new-game{grid-column:1/-1}.new-game{width:100%;min-height:50px}#thanks-new-game{margin-bottom:12px}