/* The shared after-round screen (motions-results.js, RESULTS.md). Moon Jump's run-complete card, three columns wide.
   Themes only change colour; layout, type and behaviour are the same in every game. Default: moon. */
.mxr{--mxr-font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
 --mxr-ink:#17154d;--mxr-sub:#4a4677;--mxr-faint:#17154d1f;--mxr-tile:#ffffff8c;--mxr-edge:#ffffffc4;--mxr-accent:#7a3cff;
 --mxr-bar:linear-gradient(90deg,#e23cf6,#8b3dff);--mxr-track:#17154d24;--mxr-glass:linear-gradient(165deg,#f7f4ffeb,#ddd5fdd6 55%,#c3b8f6cc);
 --mxr-veil:#0b063052;--mxr-cta:linear-gradient(180deg,#e04cff,#9a2cff 55%,#7a1ff0);--mxr-shadow:#0a0a2a80;--mxr-glow:#2a1b8a55;--mxr-ok:#22b573}
.mxr[data-theme=rail]{--mxr-ink:#15184a;--mxr-sub:#4a4766;--mxr-faint:#15184a1f;--mxr-accent:#ff6a45;--mxr-bar:linear-gradient(90deg,#ffbf2e,#ff6a45);--mxr-track:#15184a1f;--mxr-glass:linear-gradient(165deg,#fff8f2e6,#ffdcc6d0 55%,#ffd0b8c4);--mxr-veil:#2a120540;--mxr-cta:linear-gradient(180deg,#ff8a5c,#ff5a36);--mxr-shadow:#2a120580;--mxr-glow:#8a2a1b55}
.mxr[data-theme=rally]{--mxr-ink:#13204a;--mxr-sub:#3f5068;--mxr-faint:#13204a1f;--mxr-accent:#ff6f59;--mxr-bar:linear-gradient(90deg,#1fb5b0,#ff6f59);--mxr-track:#13204a1f;--mxr-glass:linear-gradient(165deg,#effefde6,#c4ecebd0 55%,#ffd9c3c4);--mxr-veil:#1d0b0540;--mxr-cta:linear-gradient(180deg,#ff8b74,#ff5a43);--mxr-shadow:#0b1d2a80;--mxr-glow:#1b4a8a55}
.mxr[data-theme=boxing]{--mxr-ink:#1d1424;--mxr-sub:#5a4a58;--mxr-faint:#1d14241f;--mxr-accent:#e2382b;--mxr-bar:linear-gradient(90deg,#ffd34d,#e2382b);--mxr-track:#1d142424;--mxr-glass:linear-gradient(165deg,#fff7f0eb,#ffe1d6d6 55%,#f6c3b8cc);--mxr-veil:#1a050552;--mxr-cta:linear-gradient(180deg,#ff6a55,#e2382b 55%,#b81f15);--mxr-shadow:#2a0a0a80;--mxr-glow:#8a1b1b55}
.mxr[data-theme=flappy]{--mxr-ink:#10301c;--mxr-sub:#3f5a48;--mxr-faint:#10301c1f;--mxr-accent:#1d9e4a;--mxr-bar:linear-gradient(90deg,#ffd34d,#1fa84f);--mxr-track:#10301c24;--mxr-glass:linear-gradient(165deg,#f4fff4eb,#d5f5d8d6 55%,#b8ebc0cc);--mxr-veil:#03200a40;--mxr-cta:linear-gradient(180deg,#4fd96f,#1fa84f 55%,#138a3c);--mxr-shadow:#0a2a1480;--mxr-glow:#1b8a3a55}

.mxr{position:fixed;inset:0;z-index:2147483600;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));
 color:var(--mxr-ink);font:15px/1.35 var(--mxr-font);font-synthesis:none;-webkit-font-smoothing:antialiased}
.mxr *,.mxr *::before,.mxr *::after{box-sizing:border-box}
.mxr [hidden]{display:none!important}
.mxr[data-side=none] .mxr-side{display:none}
/* Fade the veil, never the root: an animated .mxr would become a backdrop root, and then neither the veil's blur nor the
   card's glass would reach the game underneath (Moon's Unity end card read straight through). */
.mxr-veil{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 40%,transparent 30%,var(--mxr-veil) 100%),var(--mxr-veil);animation:mxr-fade .22s ease-out both}
/* As strong as Moon's own canvas blur: Unity's end card must not read through the glass. */
.mxr[data-backdrop=blur] .mxr-veil{-webkit-backdrop-filter:blur(18px) brightness(.78) saturate(1.1);backdrop-filter:blur(18px) brightness(.78) saturate(1.1)}
.mxr-card{position:relative;display:grid;grid-template-columns:1fr;gap:14px;width:min(1200px,100%);max-height:100%;overflow:auto;scrollbar-width:none;padding:22px;border-radius:34px;
 background:var(--mxr-glass);-webkit-backdrop-filter:blur(26px) saturate(1.5);backdrop-filter:blur(26px) saturate(1.5);border:1.5px solid var(--mxr-edge);
 box-shadow:inset 0 1px 0 #ffffffd0,inset 0 0 40px #ffffff30,0 30px 90px -20px var(--mxr-shadow);animation:mxr-rise .32s cubic-bezier(.2,.9,.25,1.1) both}
.mxr-card::-webkit-scrollbar{display:none}
.mxr-col{display:flex;flex-direction:column;gap:12px;min-width:0}
.mxr-hero{align-items:center;text-align:center;justify-content:space-between}
.mxr-title{margin:4px 0 0;font-weight:900;font-style:italic;font-size:40px;line-height:.95;letter-spacing:-.035em;text-transform:uppercase;text-wrap:balance}
.mxr-score{margin:4px 0 0;font-weight:900;font-style:italic;font-size:min(108px,calc(440px / max(var(--mxr-digits,3),3)));line-height:.9;letter-spacing:-.04em;color:#fff;-webkit-text-stroke:3px var(--mxr-ink);paint-order:stroke fill;
 text-shadow:0 6px 0 var(--mxr-ink),0 14px 26px var(--mxr-glow);font-variant-numeric:tabular-nums;padding:0 .08em}
.mxr-score small{font-size:.45em}
.mxr-pb{display:inline-flex;align-items:center;padding:7px 18px;border-radius:999px;background:linear-gradient(180deg,#ffe57a,#ffc21a);color:#3a2600;font-weight:900;font-size:17px;box-shadow:0 6px 16px -6px #d99a00,inset 0 1px 0 #fff8}
.mxr-best{font-weight:800;font-size:15px;color:var(--mxr-sub)}
.mxr-stats{margin:0;display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;font-size:14px;font-weight:700;color:var(--mxr-sub)}
.mxr-stats b{color:var(--mxr-ink);font-size:18px;font-weight:900;font-variant-numeric:tabular-nums}
.mxr-tip{margin:0;padding:8px 12px;border-radius:14px;background:var(--mxr-tile);border:1.5px solid var(--mxr-edge);font-size:13px;font-weight:600;color:var(--mxr-sub);text-align:left}
.mxr-actions{width:100%;display:grid;gap:8px}
.mxr-btn{appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:999px;font:800 17px var(--mxr-font);transition:transform .14s ease-out}
.mxr-btn:active{transform:scale(.97)}
.mxr-btn:disabled{opacity:.55;cursor:default}
.mxr-btn:focus-visible,.mxr-chip:focus-visible,.mxr-links :focus-visible,.mxr-tabs button:focus-visible,.mxr-speed button:focus-visible{outline:3px solid var(--mxr-accent);outline-offset:3px}
.mxr-again{width:100%;min-height:62px;padding:0 18px;justify-content:flex-start;font-size:22px;background:var(--mxr-cta);color:#fff;box-shadow:0 10px 24px -10px var(--mxr-accent),inset 0 1px 0 #ffffff70}
.mxr-again-label{display:grid;text-align:left;line-height:1.05}
.mxr-again-label small{font-size:12px;font-weight:700;opacity:.85}
.mxr-ring{position:relative;flex:none;width:40px;height:40px}
.mxr-ring svg{width:40px;height:40px;transform:rotate(-90deg)}
.mxr-ring circle{fill:none;stroke-width:4;stroke:#ffffff55}
.mxr-ring .mxr-ring-left{stroke:#fff;stroke-linecap:round;stroke-dasharray:106.8;stroke-dashoffset:calc(106.8 * (1 - var(--left,1)));transition:stroke-dashoffset .1s linear}
.mxr-ring b{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:900;font-size:16px;font-variant-numeric:tabular-nums}
.mxr-hold{min-height:46px;background:#fff;color:var(--mxr-ink);border:2px solid var(--mxr-accent);box-shadow:0 6px 16px -10px #0006}
.mxr-status{margin:0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;color:var(--mxr-sub)}
.mxr-dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--mxr-ok);animation:mxr-pulse 1.6s ease-out infinite}
.mxr-dot.mxr-off{background:var(--mxr-faint);animation:none}
.mxr-links{display:flex;justify-content:center;gap:16px;font-size:14px;font-weight:700}
.mxr-links a,.mxr-links button{color:var(--mxr-ink);background:none;border:0;padding:2px;cursor:pointer;font:inherit;text-decoration:underline;text-underline-offset:3px}
.mxr-tile{border-radius:22px;background:var(--mxr-tile);border:1.5px solid var(--mxr-edge);box-shadow:inset 0 1px 0 #fff,0 10px 30px -18px var(--mxr-shadow);padding:12px 14px}
.mxr-kicker{margin:0;font-weight:800;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mxr-sub)}
.mxr-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.mxr-chip{appearance:none;white-space:nowrap;border:1.5px solid var(--mxr-faint);background:#ffffffa6;color:var(--mxr-ink);border-radius:999px;padding:6px 12px;font:800 13px var(--mxr-font);cursor:pointer}
.mxr-clip{display:grid;gap:10px;padding:10px}
.mxr-video{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#0b0820}
.mxr-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.mxr-video.mxr-portrait video{object-fit:contain}
.mxr-len{position:absolute;left:8px;bottom:8px;z-index:1;padding:3px 8px;border-radius:6px;background:#000000a0;color:#fff;font:800 11px var(--mxr-font)}
.mxr-clip-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 4px 2px}
.mxr-clip-actions{justify-content:flex-start;gap:6px}
.mxr-clip-note{margin:3px 0 0;font-size:13px;font-weight:600;color:var(--mxr-sub)}
.mxr-speed,.mxr-tabs{display:inline-flex;gap:3px;padding:3px;border-radius:999px;background:var(--mxr-faint)}
.mxr-speed button,.mxr-tabs button{appearance:none;border:0;border-radius:999px;padding:4px 11px;background:none;color:var(--mxr-sub);font:800 12px var(--mxr-font);cursor:pointer}
.mxr-speed button[aria-pressed=true],.mxr-tabs button[aria-pressed=true]{background:#fff;color:var(--mxr-ink);box-shadow:0 2px 6px -3px #0004}
.mxr-earnings .mxe{margin:0;max-width:none;--mxe-tile:#ffffff8c}
.mxr-rows{list-style:none;margin:8px 0;padding:0;display:grid;gap:3px}
.mxr-rows li{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:8px;padding:7px 10px;border-radius:12px;font-weight:700;font-size:14px}
.mxr-rows .mxr-rank{color:var(--mxr-sub);font-variant-numeric:tabular-nums}
.mxr-rows .mxr-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mxr-rows .mxr-val{font-weight:900;font-variant-numeric:tabular-nums}
.mxr-rows .mxr-first{background:linear-gradient(90deg,#ffe57a99,transparent)}
.mxr-rows .mxr-you{background:var(--mxr-cta);color:#fff;box-shadow:0 8px 18px -10px var(--mxr-accent)}
.mxr-rows .mxr-you .mxr-rank{color:#fff}
.mxr-rows .mxr-gap{display:block;text-align:center;color:var(--mxr-sub);letter-spacing:.3em;font-weight:900;line-height:.6;padding:2px}
.mxr-rows .mxr-loading{display:block;font-weight:600;color:var(--mxr-sub)}
.mxr-note{font-size:13.5px;font-weight:600;color:var(--mxr-sub)}
/* Wide screens: three columns, the round on the left. */
@media (min-width:1024px) and (min-height:600px){
 .mxr{padding-bottom:max(56px,env(safe-area-inset-bottom))}
 .mxr-card{grid-template-columns:318px minmax(0,1.32fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:16px;padding:24px;height:min(720px,100%);overflow:hidden}
 .mxr-video{max-height:max(150px,calc(100svh - 490px));justify-self:center;width:100%}
 .mxr-clip{justify-items:center}
 .mxr-clip .mxr-clip-foot{width:100%}
 .mxr-mid,.mxr-side{overflow:auto;scrollbar-width:thin;overscroll-behavior:contain;padding:2px;margin:-2px}
 .mxr[data-side=none] .mxr-card{grid-template-columns:318px minmax(0,1fr);width:min(960px,100%)}
 .mxr[data-side=claim] .mxr-card{grid-template-columns:318px minmax(0,1.32fr) minmax(0,.8fr);width:min(1160px,100%)}
}
/* Short or narrow: one column; Run it back stays reachable at the bottom. */
@media (max-width:1023px),(max-height:599px){
 .mxr{place-items:start center;overflow:auto}
 .mxr-card{max-height:none;overflow:visible}
 .mxr-score{font-size:84px}
 .mxr-actions{position:sticky;bottom:0;z-index:2;padding:8px;border-radius:24px;background:var(--mxr-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
}
@media (min-width:1024px) and (max-height:780px){.mxr-rows{margin:6px 0;gap:2px}.mxr-rows li{padding:5px 10px}.mxr-card{gap:12px}.mxr-col{gap:10px}}

/* Account: a guest gets one clear claim; a signed-in player gets a quiet confirmation. */
.mxr-claim{display:grid;gap:8px;background:linear-gradient(150deg,#ffffffd9,#ffffff8c);border-color:var(--mxr-accent)}
.mxr-claim-title{margin:0;font-weight:900;font-size:20px;line-height:1.1}
.mxr-claim-list{margin:0;padding:0;list-style:none;display:grid;gap:4px;font-size:13.5px;font-weight:600;color:var(--mxr-sub)}
.mxr-claim-list li{display:flex;gap:8px;align-items:baseline}
.mxr-claim-list li::before{content:"✓";color:var(--mxr-accent);font-weight:900}
.mxr-claim-btn{min-height:46px;width:100%;background:var(--mxr-cta);color:#fff;font-size:16px;box-shadow:0 8px 18px -8px var(--mxr-accent),inset 0 1px 0 #ffffff70}
.mxr-claim-sub{margin:0;font-size:12.5px;font-weight:600;color:var(--mxr-sub);text-align:center}
.mxr-claimed{grid-template-columns:40px 1fr;align-items:center;gap:12px;border-color:var(--mxr-edge);background:var(--mxr-tile)}
.mxr-claimed .mxr-claim-sub{text-align:left}
.mxr-claim-who{margin:0;font-size:14px;font-weight:700}
.mxr-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--mxr-cta);color:#fff;font-weight:900;font-size:18px}
/* The claim card asks once: the earnings panel's own guest prompt stays hidden while it is up. */
.mxr-side:has(.mxr-claim:not(.mxr-claimed)) .mxe-guest:has([data-act=signin]){display:none}
@keyframes mxr-fade{from{opacity:0}}
@keyframes mxr-rise{from{opacity:0;transform:translateY(14px) scale(.98)}}
@keyframes mxr-pulse{from{box-shadow:0 0 0 0 #22b57399}to{box-shadow:0 0 0 10px #22b57300}}
@media (prefers-reduced-motion:reduce){.mxr,.mxr *{animation:none!important;transition:none!important}}