/* GUESSRD RC9 — Motion Orange visual system. CSS-only; game/Firebase state is unchanged. */
:root{--mo-cream:#fff8e9;--mo-paper:#fff3dc;--mo-orange:#ec6d30;--mo-deep:#9b421f;--mo-ink:#462b23;--mo-peach:#ffc58b;--mo-border:#f0caa8;--mo-yellow:#ffe09c}
/* Background word must be FULLY READABLE, not cut off on either side. */
.app-home .ms-giant{
 font-size:clamp(50px,17.3vw,300px)!important;letter-spacing:-.085em!important;
 top:19.5%!important;left:50%;width:max-content;max-width:100%;
 transform:translate(-50%,-50%) scale(1,1.08)!important;
 color:#fff9ed;opacity:.56!important;white-space:nowrap;
 -webkit-mask-image:none!important;mask-image:none!important;
}
.app-home .ms-stack-wrap{inset:24% 0 20%}
.app-home .ms-spark-one{top:41%}.app-home .ms-spark-two{top:38%}
/* Same cream/orange identity throughout the main React shell. */
.app:not(.app-home) {background:linear-gradient(154deg,#fff9ef 0%,#fff2dc 65%,#ffddbc 100%);color:var(--mo-ink);min-height:100dvh}
.app:not(.app-home) .topnav{background:#fff9ef!important;border-bottom:1px solid #efcfac;box-shadow:0 4px 25px #b55e2010}
.app:not(.app-home) .topnav .brand{color:#65381f}
.app:not(.app-home) .desktop-nav button,.app:not(.app-home) .desktop-nav a{color:#9a4b26;font-weight:800}
.app:not(.app-home) .desktop-nav .is-active{color:#ce5924;border-bottom-color:#e57b3b}
.app-choose .choose-screen{background:transparent}
.app-choose .choice-grid button{background:linear-gradient(145deg,#fffdf7,#ffe8ca);border:1px solid #efc596;border-radius:24px}
.app-choose .choice-grid button:hover{border-color:#dc7733}
/* Four setup steps */
.app-classic .rx-wrapper,.app-live-setup .rx-wrapper{
 background:transparent!important;--rx-dark:#be5427;--rx-ink:#492c20;--rx-lime:#ffe0a6;
 --rx-line:#efceae;--rx-muted:#8e6e5c; color:#452e21
}
.app-classic .rx-kicker,.app-live-setup .rx-kicker,.app-classic .rx-stage-label,.app-live-setup .rx-stage-label{color:#ce6532}
.app-classic .rx-steps .selected,.app-live-setup .rx-steps .selected{border-color:#eb783c;color:#a94521}
.app-classic .rx-three button,.app-live-setup .rx-three button,
.app-classic .rx-category,.app-live-setup .rx-category,
.app-classic .rx-setting-card,.app-live-setup .rx-setting-card,
.app-classic .rx-difficulty button,.app-live-setup .rx-difficulty button,
.app-classic .rx-slider,.app-live-setup .rx-slider,
.app-classic .rx-recovery,.app-live-setup .rx-recovery {
 background:#fffbf4;border-color:#efd3ba;border-radius:17px;box-shadow:0 8px 20px #b45b2510
}
.app-classic .rx-three button.chosen,.app-live-setup .rx-three button.chosen,
.app-classic .rx-category.checked,.app-live-setup .rx-category.checked,
.app-classic .rx-difficulty button.active,.app-live-setup .rx-difficulty button.active {
 background:#ffe0b7!important;border-color:#dc8541!important;color:#83391d!important;box-shadow:inset 0 0 0 1px #d88950
}
.app-classic .rx-quiet,.app-live-setup .rx-quiet,.app-classic .rx-outline,.app-live-setup .rx-outline{background:#ffe7c8;color:#84431e;border:1px solid #e6bb97;border-radius:13px}
.app-classic .rx-solid,.app-live-setup .rx-solid{background:#d7632e;border-color:#d7632e;color:white;border-radius:13px;box-shadow:0 9px 21px #9a441d2a}
.app-classic .rx-solid:hover,.app-live-setup .rx-solid:hover{background:#aa4720}
.app-classic .rx-bottom-steps .rx-step-back,.app-live-setup .rx-bottom-steps .rx-step-back{border-radius:13px!important;background:#fff0db!important;border-color:#e0a979!important;color:#87401f!important}
.app-classic .rx-four-grid input,.app-live-setup .rx-four-grid input,.app-classic .rx-team-inputs input,.app-live-setup .rx-team-inputs input,.app-classic select,.app-live-setup select{border-radius:11px;border-color:#e9c9a5}
.app-classic .rx-recovery-row button,.app-live-setup .rx-recovery-row button{background:#c45d2a;border-radius:11px}
/* Scores, gameplay card, timer & action targets. Keep contrast and 2x2 button behavior. */
.app-classic .rx-score{background:#fff8e7;border:1px solid #ecc59a;border-radius:14px;color:#542e1d}
.app-classic .rx-score.rx-score-active{background:#ffdbab;border-color:#d57635}
.app-classic .rx-score-goal,.app-classic .rx-score .rx-small{color:#925b37}
.app-classic .rx-active-screen{background:linear-gradient(158deg,#703923 0%,#4d2c25 62%,#372822 100%);border:2px solid #ab5e39;border-radius:27px;box-shadow:0 17px 50px #60331d30}
.app-classic .rx-active-screen:before{background:repeating-linear-gradient(0deg,transparent 0 39px,#ffcba209 40px),repeating-linear-gradient(90deg,transparent 0 39px,#ffcba209 40px)}
.app-classic .rx-active-head,.app-classic .rx-playword>small,.app-classic .rx-time span,.app-classic .rx-play-foot{color:#ffddb8}
.app-classic .rx-playword h1,.app-classic .rx-time strong{color:#fff4d9;text-shadow:0 2px 19px #2b181547}
.app-classic .rx-progress{background:#855840;border-radius:999px;overflow:hidden}
.app-classic .rx-progress>span{background:linear-gradient(90deg,#ffc075,#fff1b0)}
.app-classic .rx-play-buttons button{border-radius:14px;box-shadow:0 4px 14px #20120f24}
.app-classic .rx-play-buttons .rx-good{background:#ffe0a2!important;color:#5b310f!important}
.app-classic .rx-play-buttons .rx-skip{background:#ffbca8!important;color:#742c23!important}
.app-classic .rx-play-buttons .rx-undo-visible:not(:disabled){background:#ffedd0!important;color:#6e4329!important;border-color:#e0a874!important}
.app-classic .rx-play-buttons .rx-undo-visible:disabled{background:#997c69!important;color:#e9d1bc!important;border-color:#947663!important}
.app-classic .rx-play-buttons .rx-pause-visible{background:#ff9c57!important;color:#502515!important;border:3px solid #f4b779!important;box-shadow:inset 0 0 0 2px #ffcb91!important}
.app-classic .rx-ten{box-shadow:inset 0 0 0 2px #ffe1a7,0 0 32px #ffca7c2c}
.app-classic .rx-ten .rx-time strong{color:#ffe2a0}
.app-classic .rx-game-center .rx-stage-label{color:#cc6939}
.app-classic .rx-between-art{background:radial-gradient(circle,#fff5dc 20%,#ffe1ac 68%,transparent 72%);border:1px solid #db9c6b;color:#ca662e}
.app-classic .rx-quiet{border-radius:12px}
.app-classic .rx-turn-net,.app-classic .rx-turn-net small{color:#c66a32}
.app-classic .rx-awards button,.app-classic .rx-answers>div{background:#fffaf1;border-color:#f0cbaa;border-radius:10px;color:#653b24}
.app-classic .rx-overtime-word{background:#fff0cd;color:#6d3d22;border-radius:20px;box-shadow:0 10px 25px #a85b2124}
.app-classic .rx-victory{background:linear-gradient(148deg,#d87336,#944122);border-radius:25px;color:white}
.app-classic .rx-victory .rx-stage-label,.app-classic .rx-victory .rx-winner{color:#ffedbe}
.app-classic .rx-victory p{color:#fff1d7}
.app-classic .rx-victory .rx-solid{background:#fff0cb;color:#78361a;border-color:#fff0cb}
.app-classic .rx-game-toolbar{border-top-color:#e3be9f}
.app-classic .rx-game-toolbar .rx-toolbar-button{background:#ffe6c7!important;color:#67351f!important;border-color:#dba376!important;border-radius:12px!important}
.app-classic .rx-game-toolbar .rx-finish-button{background:#ffc3ac!important;color:#79301f!important;border-color:#dd977c!important}
.app-classic .rx-game-toolbar .rx-game-code{background:#fff4da!important;border-color:#e1ad7b!important;color:#824520!important;border-radius:12px!important}
.app-classic .rx-inline-panel{background:#fff4e2;border-color:#e8ba90;border-radius:14px;color:#623a20}
.app-classic .rx-confirm-dialog{background:#fff8ea;border-color:#efb984;border-radius:23px;color:#512f1f}
.app-classic .rx-confirm-eyebrow{color:#c66b32}
.app-classic .rx-confirm-dialog p{color:#8c684f}
.app-classic .rx-confirm-cancel{background:#ffe2bd!important;color:#84411b!important;border-color:#dfb58e!important}
.app-classic .rx-confirm-accept{background:#ba492c!important;color:#fff!important;border-color:#ba492c!important}
/* UI-only on small screens: keep taps and layout legible. */
@media(max-width:600px){
 .app-home .ms-giant{font-size:17.3vw!important;top:18%!important;transform:translate(-50%,-50%) scale(1,1.12)!important}
 .app-home .ms-stack-wrap{inset:22% 0 24%}
 .app-classic .rx-active-screen{border-radius:17px}
 .app-classic .rx-play-buttons button{border-radius:12px}
 .app-classic .rx-victory{border-radius:18px}
}
@media(max-height:700px){
 .app-home .ms-giant{top:17%!important;transform:translate(-50%,-50%) scale(1,1.04)!important}
 .app-home .ms-stack-wrap{inset:22% 0 27%}
}
@media(prefers-reduced-motion:reduce){.app-classic .rx-victory,.app-classic .rx-active-screen{transition:none}}
/* Compact touch play view: preserve tappable 2×2 buttons while reducing dead space. */
@media(max-width:720px){
 .app-classic .rx-wrapper{padding-top:14px;padding-bottom:26px}
 .app-classic .rx-topline{padding-bottom:12px}
 .app-classic .rx-score-row{gap:7px}
 .app-classic .rx-score{padding:10px 12px}
 .app-classic .rx-score strong{font-size:30px}
 .app-classic .rx-active-screen{min-height:0;padding:15px 14px;margin-top:13px}
 .app-classic .rx-playword{min-height:clamp(165px,25dvh,230px);padding:15px 0 12px}
 .app-classic .rx-playword h1{font-size:clamp(37px,9.2vw,55px);margin:12px 0 10px}
 .app-classic .rx-time{margin-top:9px;gap:3px}
 .app-classic .rx-time strong{font-size:clamp(42px,12vw,59px)}
 .app-classic .rx-play-buttons{margin-top:12px;gap:7px}
 .app-classic .rx-play-buttons button{min-height:56px;padding:13px 11px;font-size:clamp(13px,3.65vw,16px)}
 .app-classic .rx-play-buttons .rx-undo-visible,.app-classic .rx-play-buttons .rx-pause-visible{min-height:54px;padding:11px 9px;font-size:clamp(13px,3.6vw,16px)}
 .app-classic .rx-play-foot{padding-top:13px}
 .app-classic .rx-game-toolbar{margin-top:12px;padding:10px 0;gap:8px}
 .app-classic .rx-game-toolbar .rx-toolbar-button{padding:10px 12px!important;min-height:44px!important}
 .app-classic .rx-game-toolbar .rx-game-code{font-size:19px!important}
}
@media(max-width:600px) and (max-height:700px){
 .app-classic .rx-playword{min-height:135px;padding:8px 0}
 .app-classic .rx-playword h1{margin:7px 0;font-size:36px}
 .app-classic .rx-time strong{font-size:41px}
 .app-classic .rx-active-screen{padding:12px 11px}
 .app-classic .rx-play-buttons button{min-height:51px}
}
/* Shorten the noninteractive gap on the between-turn and pause screens. */
@media(min-width:900px) and (max-height:820px){
 .app-classic .rx-wrapper{padding-bottom:9px}
}
@media(max-width:720px){
 .app-classic .rx-game-center{padding:18px 0 7px}
 .app-classic .rx-game-center h1{font-size:clamp(38px,10vw,50px);margin:9px 0}
 .app-classic .rx-game-center>p{margin:10px auto 12px;font-size:14px;line-height:1.45}
 .app-classic .rx-game-center .rx-between-art{width:min(156px,37vw);margin:14px auto 17px;font-size:59px}
 .app-classic .rx-game-center .rx-wide{padding:13px 16px}
 .app-classic .rx-game-center .rx-smallhint{margin-top:12px!important}
 .app-classic .rx-game-toolbar{flex-wrap:wrap}
 .app-classic .rx-game-toolbar .rx-toolbar-button{flex:1 1 40%}
}
/* Logo period is warm on every page, not leftover neon green. */
.app:not(.app-home) .brand-period,.app:not(.app-home) .brand span{color:#e87a38!important}
/* Keep the large word above the floating deck on normal desktop screens: all 7 letters readable. */
@media(min-width:801px) and (min-height:700px){
 .app-home .ms-stack-wrap{inset:29% 0 20%}
 .app-home .ms-stack{width:clamp(188px,24vw,305px);height:clamp(220px,27vw,300px)}
}

/* RC9.4 — remove emoji-like asterisk and tighten the classic finish screen on phones. */
.app-classic .rx-between-art{font-size:0;position:relative;display:flex;align-items:center;justify-content:center}
.app-classic .rx-between-glyph{position:relative;display:grid;place-items:center;width:94px;height:94px;line-height:1;border-radius:25px;background:linear-gradient(145deg,#fff4d6,#ffca78);box-shadow:inset 7px 7px 14px #fff9e5,inset -10px -10px 17px #d28a4768,8px 11px 18px #b9632c2a;transform:rotate(-8deg)}
.app-classic .rx-between-glyph::before{content:'?';font-family:ui-rounded,'Arial Rounded MT Bold','Manrope',sans-serif;font-weight:1000;font-size:72px;color:#be5b2c;text-shadow:1px 2px 0 #f3b86e,3px 5px 0 #ae502477;transform:rotate(8deg)}

.app-classic .rx-victory{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:14px;min-height:auto!important;padding:34px 24px 28px!important}
.app-classic .rx-victory h1{margin:0!important;max-width:12ch}
.app-classic .rx-victory .rx-winner{max-width:20ch}
.app-classic .rx-victory .rx-winner-effects{display:none}
.app-classic .rx-finish-stats{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:2px}
.app-classic .rx-finish-stat{background:#fff2d8;border:1px solid rgba(255,245,224,.42);border-radius:16px;padding:14px 12px;display:flex;flex-direction:column;gap:8px;color:#6e3820;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.app-classic .rx-finish-stat span{font-size:10px;font-weight:800;letter-spacing:.16em;color:#9f5f39}
.app-classic .rx-finish-stat strong{font-size:clamp(18px,2.5vw,30px);line-height:1.05;letter-spacing:-.05em;color:#6f3219}
.app-classic .rx-victory .rx-finish-copy{max-width:34ch;margin:0 auto;color:#fff4df;font-size:15px;line-height:1.5}
.app-classic .rx-victory .rx-finish-cta{margin-top:2px!important}

@media(max-width:720px){
 .app-classic .rx-victory{margin-top:12px;padding:24px 16px 18px!important;gap:12px;border-radius:20px!important}
 .app-classic .rx-victory h1{font-size:clamp(40px,9.7vw,56px)!important;max-width:10ch}
 .app-classic .rx-victory .rx-winner{font-size:clamp(22px,7vw,34px)!important}
 .app-classic .rx-finish-stats{grid-template-columns:1fr;gap:8px}
 .app-classic .rx-finish-stat{padding:12px 13px;border-radius:14px;text-align:left;align-items:flex-start}
 .app-classic .rx-finish-stat span{font-size:9px}
 .app-classic .rx-finish-stat strong{font-size:24px}
 .app-classic .rx-victory .rx-finish-copy{font-size:14px;max-width:100%}
 .app-classic .rx-victory .rx-finish-cta{width:100%!important}
 .app-classic .rx-game-center .rx-between-art{width:min(144px,35vw)!important;height:auto;margin:12px auto 16px!important}
 .app-classic .rx-between-glyph{width:74px;height:74px;border-radius:21px}
 .app-classic .rx-between-glyph::before{font-size:58px}
}

/* RC9.4: keep laptop results above the fold. */
@media(min-width:900px) and (max-height:820px){
 .app-classic .rx-victory{padding:22px 22px 19px!important;gap:10px;margin-top:10px!important}
 .app-classic .rx-victory h1{font-size:clamp(40px,5.6vw,66px)!important;max-width:15ch;line-height:1.01}
 .app-classic .rx-victory .rx-winner{font-size:clamp(22px,2.7vw,32px)!important}
 .app-classic .rx-finish-stat{padding:10px 12px;gap:5px}
 .app-classic .rx-victory .rx-finish-copy{font-size:13px;line-height:1.45}
}