@import url('./trophy-browser.css?v=achievements-100');
@import url('./trophy-navigation.css?v=hockey-public-94-final');

/* Rewards live outside the timed player decision. */
.achievements-page{--reward-gold:#efc670;--reward-ink:#0c1c31;--reward-muted:#b3becd;margin-bottom:64px}
.achievements-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.achievements-heading h1{font:400 clamp(42px,5vw,68px)/1.08 var(--display);margin:0 0 12px;text-wrap:balance}
.achievements-heading p{max-width:64ch;margin:0;color:var(--muted);line-height:1.65}
.achievement-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:32px;align-items:start}
.achievement-layout>*{min-width:0}
.achievement-identity{position:sticky;top:24px;padding:30px 26px;color:#f8f5e9;background:linear-gradient(175deg,#173d62cc 0%,#0c1c31e0 80%),url('/assets/ballpark-stadium-sunburst.webp') center/cover;border-radius:12px;box-shadow:0 16px 34px #0c1c3124;overflow:hidden}
.achievement-identity::after{content:'';position:absolute;left:26px;right:26px;top:0;height:3px;background:var(--reward-gold)}
.achievement-identity-emblem{width:160px;height:160px;display:grid;place-items:center;margin:0 auto 22px;filter:drop-shadow(0 9px 7px #04070ba0)}
.achievement-identity-emblem .achievement-art{width:160px;height:160px;filter:none}
.achievement-identity>h2{font:400 35px/1.18 var(--display);text-align:center;margin:0 0 8px;color:#fff4d2}
.achievement-level{font:650 14px/1.5 var(--body);text-align:center;margin:0 0 24px;color:#cdd4dd}
.achievement-level small{display:block;color:#c2cbd7;font:600 13px/1.5 var(--body);margin-top:8px}
.achievement-totals{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:18px 0;border-block:1px solid #3d5677;font-variant-numeric:tabular-nums}
.achievement-totals dd{font-size:25px;line-height:1.3;color:#fff5d5;margin:5px 0 0;font-weight:700}
.achievement-totals dt,.achievement-totals small{font-size:12px;line-height:1.6;color:#cbd2dc}.achievement-totals span{font-size:14px;font-weight:400;color:#cbd2dc}
.achievement-level-progress{margin:22px 0 10px}.achievement-level-progress label{font:400 13px/1.6 var(--body);color:#dbe0e7}
.achievement-level-progress progress{display:block;width:100%;height:7px;accent-color:var(--reward-gold);margin:10px 0 0;border:0;background:#2d4058;border-radius:2px;overflow:hidden}
.achievement-level-progress progress::-webkit-progress-bar{background:#2d4058}.achievement-level-progress progress::-webkit-progress-value{background:var(--reward-gold)}.achievement-level-progress progress::-moz-progress-bar{background:var(--reward-gold)}
.achievement-next{font-size:13px;line-height:1.6;color:#dbe0e7;margin:10px 0 22px}
.achievement-profile-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px 10px;margin:0;padding:20px 0;border-top:1px solid #3d5677}
.achievement-profile-facts dt{color:#bec7d3;font-size:12px}.achievement-profile-facts dd{color:#fff8e4;font-weight:700;font-size:20px;margin:3px 0 0}
.achievement-preservation{font-size:13px;line-height:1.65;color:#ced5de;margin:16px 0 0}
.achievement-preservation a{color:#fff1be;text-decoration:underline}
.achievement-collection-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:22px}
.achievement-collection-head h2{font:400 29px/1.2 var(--display);margin:0}
.achievement-collection-head p{font-size:14px;line-height:1.6;color:var(--muted);max-width:60ch;margin:9px 0 0}
.achievement-filters{display:flex;flex-wrap:wrap;gap:4px;padding:4px;background:#dae0e7;border-radius:6px}
.achievement-filters button{min-height:44px;padding:8px 15px;border:0;background:transparent;color:#2f425b;border-radius:4px;font:650 13px/1.2 var(--body)}
.achievement-filters button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 2px 5px #121f301c}
.achievement-filters button:hover{color:#000;background:#f3f5f7}
.achievement-shelves{display:flex;flex-direction:column;gap:32px}
.achievement-shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px;border-bottom:2px solid #1b2e48;padding:0 0 12px}
.achievement-shelf-heading h2,.achievement-shelf-heading h3{font:400 25px/1.25 var(--display);margin:0}
.achievement-shelf-heading span,.achievement-shelf-heading small{font:600 12px/1.5 var(--body);color:var(--muted)}
.achievement-list{list-style:none;margin:0;padding:0}
.achievement-row{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:18px;padding:16px 6px;border-bottom:1px solid #c2cbd7}
.achievement-row.is-earned{background:linear-gradient(100deg,#f8efda88,transparent 75%)}
.achievement-art{width:112px;height:112px;display:block;flex:none;object-fit:contain;filter:drop-shadow(0 5px 5px #17273d28)}
.achievement-row.is-locked .achievement-art{filter:grayscale(.88) saturate(.35) drop-shadow(0 4px 4px #17273d20)}
.achievement-copy h3,.achievement-copy h4{font:700 17px/1.35 var(--body);margin:0 0 5px;color:#111e2f}
.achievement-copy p{font:400 14px/1.6 var(--body);margin:0;color:#3d5676;max-width:60ch}
.achievement-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:9px;font:600 12px/1.5 var(--body);color:#3d5676}
.achievement-meta time{font-weight:400}.achievement-row.is-earned .achievement-meta{color:#30435c}
.achievement-row-progress{display:flex;align-items:center;gap:12px;min-width:92px;margin-top:8px;font-size:12px;color:#3d5676;font-variant-numeric:tabular-nums}
.achievement-row-progress progress{display:block;width:92px;height:5px;margin:0;accent-color:#3e5778;background:#d6dce3;border:0;border-radius:0}
.achievement-row-progress progress::-webkit-progress-bar{background:#d6dce3}.achievement-row-progress progress::-webkit-progress-value{background:#3e5778}
.achievement-empty{padding:48px 24px;background:#e3e7ec;border-radius:8px;text-align:center}.achievement-empty h2{font:400 30px var(--display);margin:0 0 10px}.achievement-empty p{max-width:45ch;margin:0 auto 20px;line-height:1.6;color:var(--muted)}
.result-awards{margin:24px 0 30px;padding:26px 28px;background:#111e2e;color:#f6f5eb;border-radius:10px;box-shadow:0 10px 26px #111e2e20}
.result-awards-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.result-awards-heading h2{font:400 29px/1.2 var(--display);margin:0;color:#fff1c2}.result-awards-heading p{color:#c8d0da;font-size:13px;line-height:1.6;margin:8px 0 0}.result-awards-heading a{color:#fff0c2;font-size:14px;text-underline-offset:5px}
.result-award-list{display:flex;flex-wrap:wrap;gap:20px 32px;list-style:none;margin:0;padding:0}
.result-award{display:flex;align-items:center;gap:16px;flex:1 1 230px;min-width:0}.result-award img.achievement-art{width:144px;height:144px;filter:drop-shadow(0 6px 4px #0008)}
.result-award-copy{min-width:0}.result-award-copy h3{font:700 16px/1.4 var(--body);margin:0 0 5px;color:#fff9e8}.result-award-copy p{font-size:13px;line-height:1.55;color:#cad1db;margin:0}.result-award-new{display:inline-block;font:700 11px/1.3 var(--body);letter-spacing:.04em;text-transform:uppercase;color:#ffb787;margin-top:8px}
.result-award-kind{display:inline-block;font:600 11px/1.4 var(--body);color:#cad1db;margin-top:8px}
.result-award-more{margin-top:22px;padding-top:10px;border-top:1px solid #3d5575}.result-award-more-summary{min-height:44px;padding:12px 0;color:#fff0c2;font:600 14px/1.5 var(--body);cursor:pointer}.result-award-more[open] .result-award-list{padding:14px 0 4px}.result-award-more-summary:focus-visible{outline:3px solid #8ca7ca;outline-offset:4px}
.has-new-awards .result-award.is-new{animation:reward-arrival .55s cubic-bezier(.16,1,.3,1) both}
@keyframes reward-arrival{from{transform:translateY(9px);filter:brightness(1.25)}to{transform:translateY(0);filter:brightness(1)}}
@media(min-width:901px) and (max-width:1150px){.main-nav{gap:14px}.main-nav a,.main-nav button{font-size:13px}.site-header{gap:20px}.header-account{gap:12px}}
@media(max-width:950px){.achievement-layout{grid-template-columns:270px minmax(0,1fr);gap:24px}.achievement-identity{padding:26px 22px}.achievement-row{grid-template-columns:96px minmax(0,1fr);gap:14px}.achievement-row-progress{grid-column:2;text-align:left;display:flex;align-items:center;gap:12px}.achievement-row-progress progress{margin:0}.achievement-art{width:96px;height:96px}.achievement-collection-head{align-items:start}}
@media(max-width:700px){.achievements-heading{display:block;margin-bottom:22px}.achievements-heading h1{font-size:44px}.achievements-heading .button{margin-top:18px}.achievement-layout{display:block}.achievement-identity{position:relative;top:auto;margin-bottom:30px;padding:24px}.achievement-identity-emblem{width:112px;height:112px;margin:0 0 18px;float:left}.achievement-identity-emblem .achievement-art{width:112px;height:112px}.achievement-level{text-align:left;margin:12px 0 22px 128px;font-size:32px;min-height:70px}.achievement-totals{clear:both}.achievement-profile-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}.achievement-collection-head{gap:16px}.achievement-row{padding:16px 0;grid-template-columns:88px minmax(0,1fr);gap:12px}.achievement-row>.achievement-art{width:88px;height:88px}.achievement-copy h3,.achievement-copy h4{font-size:16px}.achievement-copy p{font-size:14px}.achievement-shelves{gap:28px}.achievement-filters{width:100%;justify-content:space-between}.achievement-filters button{flex:1}.result-awards{padding:22px 20px}.result-awards-heading h2{font-size:27px}.result-award-list{gap:24px}.result-award{flex-basis:100%}.result-award-list>.result-award{grid-template-columns:96px minmax(0,1fr)}.result-award img.achievement-art{width:96px;height:96px}}
@media(prefers-reduced-motion:reduce){.has-new-awards .result-award.is-new{animation:none}}
@media(max-width:700px){.achievement-identity>h2{font-size:30px;text-align:left;margin:10px 0 4px 128px}.achievement-identity>.achievement-level{margin:0 0 28px 128px;min-height:0;font-size:14px}.achievement-collection-head>div:first-child{width:100%}}
@media(min-width:901px) and (max-height:960px){.achievements-page .achievement-identity{position:relative;top:auto}}

/* Completed guests choose account storage and public Daily sharing separately. */
.result-followup{display:flex;flex-wrap:wrap;gap:26px 36px;margin-top:26px;padding-top:24px;border-top:1px solid #718ba6}
.result-followup>section{flex:1 1 350px;min-width:0}
.result-followup h2{font:400 28px/1.2 var(--display);color:#fff1cf;margin:0 0 10px;text-wrap:balance}
.result-followup p{max-width:66ch;color:#d8e5f2;font:400 14px/1.6 var(--body);margin:0 0 14px}
.result-preservation-actions,.daily-publication-controls,.daily-publication-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.result-followup .button{min-height:44px;white-space:normal;text-align:center}
.result-followup a:not(.button){display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#fff1cf;text-decoration:underline;text-underline-offset:4px;font-weight:650}
.result-followup a:not(.button):hover{color:#ffbd8a}
.daily-publication label{display:block;color:#fff5dc;font:650 14px/1.4 var(--body);margin-bottom:8px}
.daily-publication-controls{align-items:stretch}
.daily-publication-controls input{flex:1 1 190px;min-width:0;min-height:44px;width:100%;padding:11px 12px;border:1px solid #93adc7;border-radius:4px;background:#fffdf6;color:#142b43;caret-color:#142b43;font:400 16px/1.4 var(--body)}
.daily-publication-controls input::placeholder{color:#496078;opacity:1}
.daily-publication-controls input[readonly]{background:#f6f0df}
.daily-publication-controls input[aria-invalid=true]{border-color:#ffbf9b;outline:2px solid #ffbf9b;outline-offset:2px}
.result-followup input:focus-visible,.result-followup button:focus-visible,.result-followup a:focus-visible{outline:3px solid #b6dcff;outline-offset:3px}
.daily-publication form[aria-busy=true] button{cursor:wait;opacity:.75}
.daily-publication p.daily-publication-help{font-size:12px;margin:9px 0 0;color:#cadbed}
.daily-publication p.daily-publication-status{margin:12px 0 0;color:#fff1cf;overflow-wrap:anywhere}
.daily-publication p.daily-publication-status:empty{margin:0}
.daily-publication p.daily-publication-status[role=alert]{color:#ffd1b5}
.daily-publication-status:focus{outline:0}
.daily-publication .badge{vertical-align:middle;margin-left:4px;background:#f1e9d6;color:#142b43}
.daily-publication-links{margin-bottom:10px}
.result-award-ownership{color:#cadbed;font-size:13px;line-height:1.6}
@media(max-width:640px){.result-followup{gap:24px;margin-top:22px;padding-top:22px}.result-followup h2{font-size:26px}.result-preservation-actions .button,.daily-publication-controls .button{flex:1 1 100%}.daily-publication-controls input{flex-basis:100%}.result-followup>section{flex-basis:100%}}

/* Optional guest name stays immediately after the final score. */
.daily-publication-about{margin-top:8px;color:#cadbed;font-size:13px}.daily-publication-about summary{display:flex;align-items:center;min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.daily-publication-about p{font-size:13px;margin:4px 0 10px}.result-followup .daily-publication-remove{color:#cadbed;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:8px 0}.result-followup .daily-publication-remove:is(:hover,:focus-visible){color:#fff1cf;background:transparent}.result-scoreboard>.result-actions{margin:20px 0 24px;justify-content:flex-start}@media(max-width:640px){.result-scoreboard .result-followup{margin-top:14px;padding-top:16px}.result-followup .daily-publication h2{font-size:24px}.result-followup .daily-publication-controls input{flex-basis:100%}.result-scoreboard>.result-actions{margin-top:22px}.result-followup .daily-publication-help{font-size:12px}}

.achievement-collection{min-width:0;background:var(--paper,#faf7ee);color:var(--ink,#142b43);padding:24px;border-radius:4px}.achievement-collection-head{margin-bottom:0}.achievement-row.is-earned{background:#f6f0e2}.achievement-row.is-earned:hover{background:#eee3ce}@media(max-width:700px){.achievement-collection{padding:20px 16px}}