/* A few more reasons to carry one more cake. */
.intro-panel.has-challenges{overflow-y:auto;overscroll-behavior:contain}
:root{--replay-line:#c6d1bc;--replay-warm:#f1e0c2;--replay-green:#e3ecd9}
.replay-hub{width:min(100%,370px);margin:8px 0 0;border:1px solid var(--replay-line);border-radius:4px;background:#f9f6e9c9;overflow:hidden}.replay-hub summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:8px 12px;list-style:none;color:#526b48;font-size:9px;font-weight:800;letter-spacing:.9px;cursor:pointer;touch-action:manipulation}.replay-hub summary::-webkit-details-marker{display:none}.replay-hub summary:focus-visible{outline:3px solid var(--coral);outline-offset:-3px}.replay-hub summary small{display:block;margin-top:4px;color:#819174;font-size:7px;font-weight:600;letter-spacing:.4px}.hub-chevron{font-size:21px;font-weight:400;line-height:1;transition:transform .15s}.replay-hub[open] .hub-chevron{transform:rotate(45deg)}.replay-hub[open] summary{border-bottom:1px solid #d7dfcd;background:#e8efde}.hub-content{padding:12px}.hub-kicker{margin:0 0 6px;color:#7e8d6e;font-size:7px;font-weight:800;line-height:1.4;letter-spacing:1.1px}.daily-card h3{margin:0;color:#3b543c;font-size:15px;line-height:1.2;letter-spacing:-.4px}.daily-card>p:not(.hub-kicker){margin:6px 0 0;font-size:10px;line-height:1.5;color:#728367}.daily-card .hub-status:empty{display:none}.replay-hub .secondary-button{width:100%;min-width:0;min-height:44px;justify-content:space-between;padding:9px 11px;font-size:10px;background:#e2ecd8;border-color:#afc0a2;white-space:normal;text-align:left}.daily-card .secondary-button{margin-top:10px}.service-card{margin-top:12px;padding-top:12px;border-top:1px solid #d9e0cf}.service-card .secondary-button{background:#f1e5cf;border-color:#cbbb9b}.service-card>p{margin:6px 0 0;font-size:9px;line-height:1.5;color:#8b8169}.ghost-setting{margin-top:10px;padding-top:6px;border-top:1px solid #d9e0cf}.ghost-setting label{display:flex;align-items:center;gap:10px;min-height:44px;color:#526b48;font-size:11px;font-weight:700;line-height:1.4;cursor:pointer}.ghost-setting input{flex:none;width:17px;height:17px;margin:0;accent-color:#6f8d62;cursor:pointer}.ghost-setting input:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.ghost-setting small{display:block;margin-top:3px;color:#7e8b71;font-size:9px;font-weight:400;line-height:1.5}
.friend-card{width:min(100%,370px);margin:0 0 12px;padding:10px 12px;border:1px solid #b7c9a7;border-left:3px solid #78936f;border-radius:4px;background:#e8efdcf0;box-shadow:0 3px 12px #31452b09}.friend-card .hub-kicker{margin-bottom:4px;font-size:6.5px}.friend-card h2{margin:0;color:#3d563b;font-size:14px;font-weight:800;line-height:1.3;letter-spacing:-.2px;overflow-wrap:anywhere}.friend-card>p:not(.hub-kicker){margin:5px 0 0;color:#6d7e61;font-size:10px;line-height:1.45;overflow-wrap:anywhere}.friend-actions{display:flex;gap:8px;margin-top:7px}.friend-actions .secondary-button{min-height:44px;min-width:0;justify-content:space-between;background:#d5e4c8;border-color:#a3b796;font-size:10px}.friend-actions .text-button{min-width:54px;min-height:44px;justify-content:center;align-items:center;padding:6px 3px;font-size:9px}.intro-panel:has(#friendCard:not([hidden])) .intro-description{display:none}.intro-panel:has(#friendCard:not([hidden])) h1{font-size:51px;line-height:1;letter-spacing:-2.5px;margin-bottom:15px}
.rival-cue,.split-cue{position:absolute;top:119px;left:0;width:max-content;max-width:280px;margin:0;padding:5px 8px;border:1px solid #bfccb2;border-radius:4px;background:#faf7e9e8;color:#5c7552;font-size:9px;font-weight:700;line-height:1.45;pointer-events:none;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.split-cue{background:#e8efddf0;color:#41643b;border-color:#9bb88c}.split-cue[data-ahead="false"]{background:#f4e5d0;color:#916b43;border-color:#c7b18b}.hud:has(.split-cue:not([hidden])) .rival-cue{visibility:hidden}.paused .rival-cue,.paused .split-cue,.failed .rival-cue,.failed .split-cue,.won .rival-cue,.won .split-cue{display:none}
.replay-result{margin-top:12px;padding-top:10px;border-top:1px solid #d7dbcd}.replay-result:not(:has(> :not([hidden]))){display:none}.result-card .replay-result p{margin:5px 0 0;color:#5d7851;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.result-card .replay-result p:first-child{margin-top:0}.replay-result input{display:block;width:100%;min-width:0;height:44px;margin-top:10px;padding:8px 10px;border:1px solid #b7c7aa;border-radius:4px;background:#f3f5e9;color:#647a58;font:10px var(--sans)}.replay-result input:focus-visible{outline:3px solid var(--coral);outline-offset:2px}.replay-result .secondary-button{width:100%;min-height:44px;margin-top:8px;justify-content:center;background:#e5eedc;border-color:#b4c5a7}.rival-time-button{display:inline-flex;align-items:center;justify-content:flex-end;min-width:62px;min-height:44px;padding:5px 0 5px 8px;border:0;background:transparent;color:#4c6d40;font-size:inherit;font-weight:800;font-variant-numeric:tabular-nums;text-decoration:underline;text-decoration-color:#9bad8e;text-underline-offset:4px}.rival-time-button:hover{color:#243f28;text-decoration-color:currentColor}.help-card .help-replay{margin:14px 0;color:#75876b;font-size:10px;line-height:1.6}
@media(max-width:800px){.rival-cue,.split-cue{top:94px;max-width:130px;padding:4px 6px;font-size:8px}.intro-panel:has(#friendCard:not([hidden])) h1{font-size:47px}}
@media(max-width:600px){.objective-readout{max-width:120px}.replay-hub{width:100%;margin-top:8px}.replay-hub summary{padding:7px 10px;font-size:8px;letter-spacing:.7px}.replay-hub summary small{font-size:6.5px;letter-spacing:.25px}.hub-content{padding:10px}.daily-card h3{font-size:14px}.daily-card>p:not(.hub-kicker){font-size:9px}.replay-hub .secondary-button{font-size:10px}.ghost-setting label{font-size:10px}.ghost-setting small{font-size:8px}.friend-card{margin-bottom:9px;padding:8px 10px}.friend-card h2{font-size:12px}.friend-card>p:not(.hub-kicker){font-size:9px;line-height:1.4}.friend-card .hub-kicker{font-size:6px;letter-spacing:.65px}.friend-actions{margin-top:5px;gap:6px}.friend-actions .secondary-button{font-size:9px}.friend-actions .text-button{font-size:9px}.intro-panel:has(#friendCard:not([hidden])) h1{font-size:36px;letter-spacing:-1.8px;margin-bottom:11px}.rival-cue,.split-cue{top:91px;max-width:120px;font-size:8px}.result-card .replay-result p{font-size:10px}.help-card .help-replay{font-size:9px}}
@media(max-height:740px) and (max-width:600px) and (orientation:portrait){.intro-panel:has(#friendCard:not([hidden])){padding-top:16px}.intro-panel:has(#friendCard:not([hidden])) h1{font-size:30px;letter-spacing:-1.4px;margin-bottom:8px}.intro-panel:has(#friendCard:not([hidden])) .eyebrow{margin-bottom:8px}.friend-card{margin-bottom:8px}.friend-card .hub-kicker{display:none}.friend-card h2{font-size:11px}.friend-card>p:not(.hub-kicker){font-size:8.5px}.friend-actions{margin-top:4px}.replay-hub summary{min-height:44px}}
@media(max-height:550px) and (orientation:landscape){.replay-hub{width:320px}.replay-hub summary{min-height:44px}.rival-cue,.split-cue{top:91px;max-width:160px}.intro-panel:has(#friendCard:not([hidden])) h1{font-size:29px}.friend-card{width:320px}.hub-content{padding:10px}}
@media(prefers-reduced-motion:reduce){.hub-chevron{transition:none}}

@media(max-height:740px) and (max-width:600px) and (orientation:portrait){.intro-panel.has-challenges{padding-top:14px;padding-bottom:14px}.intro-panel.has-challenges h1{font-size:34px;letter-spacing:-1.7px;margin-bottom:8px}.has-challenges .eyebrow{margin-bottom:8px}.has-challenges .intro-description{margin-bottom:8px}.picker-label{margin-bottom:6px}.challenge-list{gap:5px}.challenge-list .challenge-card{padding-top:5px;padding-bottom:5px}.challenge-description{margin-top:4px}.control-hint{margin-top:6px;margin-bottom:6px}.replay-hub{margin-top:6px}.mastery-summary{margin-top:6px}.has-challenges .best-label{margin-top:4px}}
/* Keep the complete desktop result and its next-delivery exit in one view. */
@media(min-width:801px){.result-card{padding:20px 32px}.result-card .result-icon{font-size:28px;margin-bottom:6px}.result-card h2{margin-top:8px;margin-bottom:10px}.result-card .result-description{margin-bottom:12px}.result-card .result-stats{margin-top:12px;padding:12px 0}.result-card .result-best{margin-top:8px}.result-card .mastery-result{margin-top:12px;padding-top:8px}.result-card .replay-result{margin-top:8px;padding-top:8px}.result-card .score-submit-area{margin-top:14px}.result-card .score-form{padding-top:10px}.result-card .primary-button{margin-top:16px}.result-card .result-actions{margin-top:6px}}