@font-face { font-family: Nunito; src: url('../assets/results/nunito.woff2') format('woff2'); font-style: normal; font-weight: 200 1000; font-display: swap; }
/* Approved mint result card. No gameplay surface is restyled. */
.cr-app[data-tray-ui] .cr-result-dialog, .cr-result-dialog, .cr-weekly-result { width:min(1080px,calc(100vw - 24px)); max-width:none; max-height:calc(100svh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)); padding:0; border:4px solid #08675f; border-radius:38px; background:#d1eddb; color:#073b3e; box-shadow:inset 0 0 0 3px #7ed7bc,0 0 0 1px #003f3b,0 24px 80px #102f3660; overflow:auto; scrollbar-width:thin; }
.cr-weekly-result { width:min(470px,calc(100vw - 24px)); }
.cr-result-dialog::backdrop,.cr-weekly-result::backdrop { background:#092f3980; backdrop-filter:blur(4px); }
.cr-result-dialog .cr-dialog-body { padding:0!important; }
.cr-app[data-tray-ui] .cr-result-dialog .cr-dialog-header,.cr-result-dialog .cr-dialog-header,.cr-weekly-result-header { position:sticky; height:0; min-height:0; top:10px; border:0; padding:0 12px; display:flex; justify-content:flex-end; align-items:flex-start; z-index:5; background:transparent; }
.cr-weekly-result-header h2 { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.cr-result-dialog .cr-dialog-header button,.cr-weekly-result-header button { flex:0 0 44px; height:44px; min-height:44px; padding:0; border:1px solid #36877980; border-radius:50%; background:#e6f7e9ee; color:#145b50; font:26px/1 Nunito,sans-serif; box-shadow:0 2px #87baa0; cursor:pointer; }
:is(.cr-result-dialog,.cr-weekly-result) .cr-result-card { box-sizing:border-box; min-width:0; padding:20px 28px 12px; font-family:Nunito,'Trebuchet MS',sans-serif; font-weight:800; text-align:center; background:#d1eddb url('../assets/results/mint.webp') center/cover; border:3px solid #e9f9df; border-radius:33px; margin:3px; }
:is(.cr-result-dialog,.cr-weekly-result) .cr-result-card *,:is(.cr-result-dialog,.cr-weekly-result) .cr-result-card *::before,:is(.cr-result-dialog,.cr-weekly-result) .cr-result-card *::after { box-sizing:border-box; }
:is(.cr-result-dialog,.cr-weekly-result) .cr-result-card p { margin:0; }
.cr-result-brand { grid-area:brand; display:flex; flex-direction:column; align-items:center; gap:16px; min-width:0; }
.cr-result-logo { display:block; width:93%; max-width:390px; height:auto; mix-blend-mode:normal; }
.cr-result-cleared { display:block; width:100%; max-width:400px; height:auto; mix-blend-mode:normal; }
.cr-result-date { grid-area:date; font-size:20px; color:#073b3e; padding-right:38px; text-align:right; align-self:start; }
.cr-result-edition { color:#2868a9; font-size:14px; letter-spacing:.02em; }
.cr-result-tagline { font-size:16px; color:#35705f; }
:is(.cr-result-dialog,.cr-weekly-result) .cr-result-card h3 { margin:0; font-size:18px; line-height:1.3; font-weight:900; color:#287866; }
:is(.cr-result-dialog,.cr-weekly-result) .cr-result-card button { font-family:inherit; cursor:pointer; }
:is(.cr-result-dialog,.cr-weekly-result) .cr-result-card button:focus-visible,:is(.cr-result-dialog,.cr-weekly-result) .cr-result-card a:focus-visible,.cr-result-dialog .cr-dialog-header button:focus-visible,.cr-weekly-result-header button:focus-visible { outline:3px solid #12534c; outline-offset:3px; }
.cr-result-card-daily { display:grid; grid-template-columns:minmax(0,43fr) minmax(0,57fr); grid-template-areas:'brand date' 'brand route' 'hints route' 'reward route' 'footer route' 'metrics metrics'; column-gap:35px; row-gap:10px; }
:is(.cr-result-dialog,.cr-weekly-result) .cr-result-card .cr-result-metrics { grid-area:metrics; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px 0; margin:4px -28px -12px; padding:20px 45px 22px; background:#146e65; color:#fff0c8; border-radius:0 0 29px 29px; }
:is(.cr-result-dialog,.cr-weekly-result) .cr-result-card .cr-result-metrics>div { min-width:0; padding:0 8px; border:0; background:none; border-radius:0; display:flex; flex-direction:column; align-items:center; gap:4px; }
:is(.cr-result-dialog,.cr-weekly-result) .cr-result-card .cr-result-metrics span { display:block; color:#fff0c8; font-size:15px; font-weight:900; white-space:nowrap; }
:is(.cr-result-dialog,.cr-weekly-result) .cr-result-card .cr-result-metrics strong { display:block; color:#fff0c8; font-size:clamp(38px,5.8vw,67px); font-weight:1000; line-height:1.12; white-space:nowrap; font-variant-numeric:tabular-nums; letter-spacing:-.04em; }
:is(.cr-result-dialog,.cr-weekly-result) .cr-result-card .cr-result-metrics .cr-result-comparison { grid-column:1/-1; display:grid; grid-template-columns:1fr auto; align-items:center; gap:16px; }
.cr-result-roll-bar { display:flex; height:16px; border:1px solid #fff1c8; box-shadow:0 2px #065149; border-radius:15px; background:#e87567; overflow:hidden; }
.cr-result-roll-bar span { display:block; height:100%; background:#20a898; box-shadow:inset 0 1px 1px #aff7de; }
.cr-result-comparison p { font-size:16px; color:#fff0c8; white-space:nowrap; }
.cr-result-route { grid-area:route; align-self:center; display:grid; gap:10px; min-width:0; }
.cr-result-route-board { min-width:0; border-radius:20px; background:#e7f7e740; }
.cr-result-route-svg { display:block; width:100%; height:min(42vw,400px); }
.cr-result-route-tabs { display:flex; gap:6px; justify-content:center; }
.cr-result-route-tabs button { border:1.5px solid var(--route-color); border-radius:13px; padding:6px; min-height:44px; min-width:44px; flex:1; max-width:70px; color:var(--route-color); background:#eff9e8; font-size:19px; font-weight:900; box-shadow:none; }
.cr-result-route-tabs button[aria-pressed=true] { background:var(--route-color); color:#fff2d4; }
.cr-result-route-note { font-size:13px; line-height:1.4; min-height:20px; color:#316b5b; }
.cr-result-hints { grid-area:hints; display:grid; gap:5px; margin:4px auto; width:min(100%,285px); }
.cr-result-hint { display:grid; grid-template-columns:43px 1fr 35px; gap:9px; align-items:center; text-align:left; }
.cr-result-hint img { display:block; width:43px; height:43px; mix-blend-mode:normal; }
.cr-result-hint span { font-size:16px; white-space:nowrap; }
.cr-result-hint strong { color:#148b78; font-size:32px; line-height:1; font-weight:1000; text-align:center; }
:is(.cr-result-dialog,.cr-weekly-result) .cr-result-card .calendar-reward { grid-area:reward; display:grid; grid-template-columns:1fr auto; gap:8px; align-items:center; border:0; border-top:1px solid #8fbea5; margin:4px 0; padding:10px 0 0; background:none; border-radius:0; text-align:left; }
.calendar-reward>div:first-child { display:flex; flex-direction:column; gap:3px; }
:is(.cr-result-dialog,.cr-weekly-result) .cr-result-card .calendar-reward strong { color:#225f51; font-size:14px; }
:is(.cr-result-dialog,.cr-weekly-result) .cr-result-card .calendar-reward span { color:#3d7564; font-size:11px; line-height:1.3; }
:is(.cr-result-dialog,.cr-weekly-result) .cr-result-card .calendar-reward-letters { display:flex; flex-wrap:wrap; justify-content:center; max-width:144px; gap:4px; }
:is(.cr-result-dialog,.cr-weekly-result) .cr-result-card .calendar-reward-letters b,.cr-collection-day b { display:grid; place-items:center; color:#fff5dc; background:#307ce0; border:1px solid #205fac; border-radius:7px; box-shadow:inset 0 0 0 2px #82bbf1,0 4px #1b4992; width:31px; height:33px; font-size:20px; font-weight:900; }
:is(.cr-result-dialog,.cr-weekly-result) .cr-result-card .calendar-reward-letters a { width:100%; color:#1c659c; text-align:center; min-height:32px; padding:5px 0; font-size:12px; font-weight:900; }
.cr-result-footer { grid-area:footer; align-self:start; display:grid; gap:2px; }
:is(.cr-result-dialog,.cr-weekly-result) .cr-result-card .cr-result-invite { display:block; padding:0; border:0; background:none; box-shadow:none; width:100%; min-height:44px; }
.cr-result-invite img { width:100%; display:block; height:auto; mix-blend-mode:normal; }
.cr-result-invite:active { transform:translateY(2px); }
.cr-result-footer-links { display:flex; justify-content:center; align-items:center; }
.cr-result-footer-links button { padding:8px 12px; min-height:44px; background:none; border:0; color:#103f40; font-size:16px; font-weight:900; box-shadow:none; border-radius:0; }
.cr-result-footer-links button+button { border-left:1px solid #367869; }
:is(.cr-result-dialog,.cr-weekly-result) .cr-result-card .cr-result-copy-link { min-height:32px; padding:4px; background:none; border:0; box-shadow:none; color:#3c7563; font-size:11px; text-decoration:underline; }
.cr-share-status,.cr-collection-share-status,.cr-collection-privacy,.cr-result-preview-note { color:#396e5d; font-size:11px; line-height:1.4; }
.weekly-save-retry { display:block; min-height:44px; margin:8px auto 0; padding:8px 16px; border:2px solid #397668; border-radius:10px; background:#e6f5e7; color:#164f43; font:800 13px Nunito,sans-serif; cursor:pointer; }
.weekly-save-retry:focus-visible { outline:3px solid #725777; outline-offset:3px; }
.weekly-save-retry:disabled { opacity:.6; cursor:wait; }
.cr-result-preview-note { grid-area:reward; }
.cr-copy-fallback,.cr-collection-copy { width:100%; min-height:110px; font:14px/1.4 Nunito,sans-serif; color:#153e36; background:#f1fbec; border:1px solid #499c80; padding:8px; border-radius:8px; }
.cr-result-card-weekly { padding:24px 23px 16px; display:flex; flex-direction:column; gap:24px; }
.cr-result-card-weekly .cr-result-brand { gap:14px; }
.cr-result-card-weekly .cr-result-logo { width:75%; }
.cr-result-card-weekly .cr-result-cleared { width:92%; }
:is(.cr-result-dialog,.cr-weekly-result) .cr-result-card.cr-result-card-weekly .cr-result-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); margin:0 -23px; padding:20px 16px; border-radius:0; }
:is(.cr-result-dialog,.cr-weekly-result) .cr-result-card.cr-result-card-weekly .cr-result-metrics>div+div { border-left:1px solid #70b6a1; }
:is(.cr-result-dialog,.cr-weekly-result) .cr-result-card.cr-result-card-weekly .cr-result-metrics strong { font-size:50px; }
.cr-result-metric-note { grid-column:1/-1; font-size:10px; color:#fff0c8; }
.cr-result-week h3 { display:flex; justify-content:space-between; font-size:14px; }
.cr-result-week h3 span { color:#2868a9; }
.cr-collection-album { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:8px; margin-top:18px; }
.cr-collection-day { min-width:0; display:grid; justify-items:center; gap:10px; }
.cr-collection-day b { width:100%; max-width:38px; height:33px; font-size:26px; }
.cr-collection-day span { color:#447566; font-size:11px; }
.cr-collection-phrase { display:grid; gap:20px; text-align:center; }
.cr-collection-phrase h3 { font-size:14px; }
/* Fixed collection grid: never render answer letters or word-length grouping. */
.cr-result-pieces { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:10px 7px; width:min(100%,252px); justify-self:center; }
.cr-result-piece { display:block; min-width:0; height:31px; border:1px solid #1f785e; border-radius:6px; background:#298a6a; box-shadow:inset 0 0 0 2px #7dbea0,0 4px #165c4a; }
.cr-collection-phrase p { font-size:14px; color:#447566; }
.cr-result-card-weekly .cr-result-hints { margin:0 auto; }
.cr-result-card-weekly .cr-collection-privacy { margin:-12px 0; font-size:10px; }
.weekly-result-link { min-height:44px; padding:8px 18px; border:2px solid #1e7966; border-radius:10px; background:#d1eddb; color:#175e50; font:800 14px Nunito,sans-serif; cursor:pointer; }
/* Finite ceremony on the approved artwork, never on simulation state. */
.cr-achievement-enter .cr-result-logo { animation:cr-medal-land 850ms cubic-bezier(.18,.8,.25,1.15) both; }
.cr-achievement-enter .cr-result-cleared { animation:cr-inscription 900ms 180ms cubic-bezier(.18,.8,.25,1.12) both; }
.cr-achievement-enter .cr-result-metrics { animation:cr-result-settle 650ms 350ms ease-out both; }
.cr-achievement-enter .calendar-reward-letters b,.cr-achievement-enter .cr-collection-day { animation:cr-fragment-land 600ms calc(700ms + var(--reveal-order,0) * 100ms) cubic-bezier(.18,.8,.25,1.15) both; }
@keyframes cr-medal-land { 0% { opacity:0; transform:translateY(-12px) scale(.7); } 65% { opacity:1; transform:translateY(0) scale(1.04); } 100% { opacity:1; transform:none; } }
@keyframes cr-inscription { 0% { opacity:0; transform:scale(.86); } 65% { opacity:1; transform:scale(1.025); } 100% { opacity:1; transform:none; } }
@keyframes cr-result-settle { from { opacity:.3; transform:translateY(7px); } to { opacity:1; transform:none; } }
@keyframes cr-fragment-land { from { opacity:0; transform:translateY(10px) scale(.65); } to { opacity:1; transform:none; } }
@media(max-width:760px) {
 .cr-app[data-tray-ui] .cr-result-dialog,.cr-result-dialog,.cr-weekly-result { width:min(470px,calc(100vw - 16px)); max-height:calc(100svh - 16px); border-radius:31px; }
 :is(.cr-result-dialog,.cr-weekly-result) .cr-result-card { border-radius:26px; padding:12px 16px 8px; }
 .cr-result-card-daily { display:flex; flex-direction:column; gap:12px; }
 .cr-result-brand { gap:10px; padding-top:0; }
 .cr-result-logo { width:97%; }
 .cr-result-cleared { width:100%; }
 .cr-result-date { font-size:17px; padding:0; text-align:center; align-self:stretch; margin-top:-7px!important; }
 :is(.cr-result-dialog,.cr-weekly-result) .cr-result-card .cr-result-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); margin:0 -16px; padding:16px 8px 14px; border-radius:0; }
 :is(.cr-result-dialog,.cr-weekly-result) .cr-result-card .cr-result-metrics strong { font-size:clamp(30px,10vw,47px); }
 :is(.cr-result-dialog,.cr-weekly-result) .cr-result-card .cr-result-metrics span { font-size:12px; }
 :is(.cr-result-dialog,.cr-weekly-result) .cr-result-card .cr-result-metrics .cr-result-comparison { display:flex; flex-direction:column; gap:7px; padding:0 15px; }
 .cr-result-roll-bar { width:100%; height:11px; }
 .cr-result-comparison p { font-size:15px; }
 .cr-result-route { gap:10px; align-self:stretch; }
 .cr-result-route-svg { height:auto; max-height:400px; }
 .cr-result-route-tabs { gap:4px; }
 .cr-result-route-tabs button { min-width:0; font-size:16px; }
 .cr-result-hints { margin:0 auto; }
 :is(.cr-result-dialog,.cr-weekly-result) .cr-result-card .calendar-reward { margin:0 12px; padding-top:12px; grid-template-columns:1fr auto; }
 :is(.cr-result-dialog,.cr-weekly-result) .cr-result-card .calendar-reward strong { font-size:13px; }
 :is(.cr-result-dialog,.cr-weekly-result) .cr-result-card .calendar-reward span { font-size:11px; }
 .cr-result-footer-links button { font-size:15px; padding:7px 12px; }
 .cr-result-card-weekly { display:flex; flex-direction:column; gap:18px; }
 .cr-result-card-weekly .cr-result-brand { gap:10px; }
 .cr-result-card-weekly .cr-result-logo { width:68%; }
 :is(.cr-result-dialog,.cr-weekly-result) .cr-result-card.cr-result-card-weekly .cr-result-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); margin:0 -16px; padding:20px 12px; }
 :is(.cr-result-dialog,.cr-weekly-result) .cr-result-card.cr-result-card-weekly .cr-result-metrics strong { font-size:clamp(38px,12vw,53px); }
 .cr-result-week h3 { font-size:13px; }
}
@media(max-width:350px) {
 :is(.cr-result-dialog,.cr-weekly-result) .cr-result-card .calendar-reward { margin-inline:0; }
 .cr-result-hint { grid-template-columns:38px 1fr 30px; gap:5px; }
 .cr-result-hint img { width:38px; height:38px; }
 .cr-result-hint span { font-size:14px; }
 .cr-result-footer-links button { font-size:13px; }
 .cr-collection-album { gap:5px; }
 .cr-collection-day span { font-size:9px; }
}
:is(.cr-result-dialog,.cr-weekly-result) .cr-result-card .cr-result-metrics strong.is-long-time { font-size:calc(270px / var(--time-length)); }
@media (min-width:761px) and (max-height:760px) {
  .cr-result-card-daily { row-gap:5px; padding-top:16px; }
  .cr-result-card-daily .cr-result-brand { gap:8px; }
  .cr-result-card-daily .cr-result-logo { width:80%; }
  .cr-result-card-daily .cr-result-cleared { width:85%; }
  .cr-result-card-daily .cr-result-route-svg { height:300px; }
  .cr-result-card-daily .cr-result-hints { gap:2px; }
  .cr-result-card-daily .cr-result-hint { grid-template-columns:35px 1fr 30px; }
  .cr-result-card-daily .cr-result-hint img { width:35px; height:35px; }
  .cr-result-card-daily .cr-result-hint span { font-size:14px; }
  .cr-result-card-daily .cr-result-footer { width:90%; justify-self:center; }
  :is(.cr-result-dialog,.cr-weekly-result) .cr-result-card-daily .cr-result-metrics { padding-block:12px; }
  :is(.cr-result-dialog,.cr-weekly-result) .cr-result-card-daily .cr-result-metrics strong { font-size:47px; }
}
@media (max-width:760px) { :is(.cr-result-dialog,.cr-weekly-result) .cr-result-card .cr-result-metrics strong.is-long-time { font-size:calc(156px / var(--time-length)); } }
/* Weekly results share data/artwork, but have a real desktop composition.
   Below 960px (including phone landscape), keep the approved vertical card. */
@media (min-width:960px) {
  .cr-weekly-result { width:min(1080px,calc(100vw - 32px)); }
  .cr-weekly-result .cr-result-card.cr-result-card-weekly {
    display:grid; grid-template-columns:minmax(0,40fr) minmax(0,60fr);
    grid-template-areas:'brand album' 'brand phrase' 'hints phrase' 'footer privacy' 'metrics metrics';
    column-gap:38px; row-gap:18px; padding:24px 32px 12px;
  }
  .cr-result-card-weekly .cr-result-brand { align-self:center; gap:12px; }
  .cr-result-card-weekly .cr-result-logo { width:82%; max-width:290px; }
  .cr-result-card-weekly .cr-result-cleared { width:96%; max-width:350px; }
  .cr-result-card-weekly .cr-result-tagline { font-size:15px; }
  .cr-result-card-weekly .cr-result-week { grid-area:album; padding:12px 18px 0; }
  .cr-result-card-weekly .cr-collection-album { max-width:460px; margin:18px auto 0; }
  .cr-result-card-weekly .cr-collection-phrase { grid-area:phrase; align-self:center; padding:14px 12px; }
  .cr-result-card-weekly .cr-result-pieces { grid-template-columns:repeat(14,minmax(0,1fr)); width:min(100%,484px); gap:12px 5px; }
  .cr-result-card-weekly .cr-result-piece { height:34px; }
  .cr-result-card-weekly .cr-result-hints { align-self:center; }
  .cr-result-card-weekly .cr-collection-privacy { grid-area:privacy; align-self:center; margin:0; padding:0 18px; font-size:11px; }
  .cr-result-card-weekly .cr-result-footer { width:100%; max-width:350px; justify-self:center; }
  .cr-weekly-result .cr-result-card.cr-result-card-weekly .cr-result-metrics {
    margin:0 -32px -12px; padding:16px 24px 18px; border-radius:0 0 29px 29px;
  }
  .cr-weekly-result .cr-result-card.cr-result-card-weekly .cr-result-metrics strong { font-size:56px; }
  .cr-weekly-result .cr-result-card.cr-result-card-weekly .cr-result-metrics strong.is-long-time { font-size:calc(270px / var(--time-length)); }
}
@media (min-width:960px) and (max-height:800px) {
  .cr-weekly-result .cr-result-card.cr-result-card-weekly { row-gap:10px; padding-top:16px; }
  .cr-result-card-weekly .cr-result-brand { gap:8px; }
  .cr-result-card-weekly .cr-result-logo { width:70%; max-width:245px; }
  .cr-result-card-weekly .cr-result-cleared { width:84%; max-width:295px; }
  .cr-result-card-weekly .cr-collection-phrase { gap:16px; padding-block:8px; }
}
@media(prefers-reduced-motion:reduce) { .cr-achievement-enter *,.cr-achievement-enter *::before,.cr-achievement-enter *::after,.cr-result-dialog[open],.cr-weekly-result[open] { animation:none!important; transition:none!important; } }