/* RC10 Boardroom — classic and setup; CSS only, no game state changes. */
:root{--bd-brown:#2b1a12;--bd-cream:#fff6e7;--bd-soft:#ffe7bd;--bd-red:#f05236;--bd-yellow:#ffc650;--bd-edge:#2c1b13}
body:has(.app-classic),body:has(.app-choose),body:has(.app-live-setup){background:#2b1913 url('/board-table-soft.svg') center/cover fixed no-repeat;color:#382519}
.app:not(.app-home):not(.app-projector):not(.app-player){background:transparent!important;min-height:100dvh}
.app:not(.app-home):not(.app-projector):not(.app-player)>.topnav{height:64px;background:#261711f0!important;border-bottom:2px solid #68452d!important;color:#fff6df;padding:0 max(3vw,18px)}
.app:not(.app-home):not(.app-projector):not(.app-player) .topnav .brand{color:#fff8e8!important;font-size:23px}
.app:not(.app-home):not(.app-projector):not(.app-player) .topnav .brand-period{color:#ffc34c!important}
.app:not(.app-home):not(.app-projector):not(.app-player) .desktop-nav a,
.app:not(.app-home):not(.app-projector):not(.app-player) .desktop-nav button{color:#fff2d7!important;border-color:transparent!important}
.app:not(.app-home):not(.app-projector):not(.app-player) .desktop-nav button.is-active{color:#ffc650!important;border-bottom-color:#ffc650!important}
.app:not(.app-home):not(.app-projector):not(.app-player) .mobile-menu{background:#ffca59!important;color:#2b1a13!important;border:2px solid #291b16!important;border-radius:12px!important;box-shadow:3px 4px 0 #100a08!important}
/* Mode selection: same page anatomy, friendlier physical cards. */
.app-choose .choose-screen{max-width:1000px;min-height:0;margin:clamp(14px,3vh,35px) auto;padding:clamp(18px,3vw,36px);border-radius:25px;border:3px solid var(--bd-edge);background:var(--bd-cream);box-shadow:10px 12px 0 #160d099c}
.app-choose .choose-screen h1{color:#332016;font-weight:1000}
.app-choose .choose-screen h1 em{color:#e74c30}
.app-choose .choice-grid{gap:15px;margin-top:24px}
.app-choose .choice-grid button{background:#fff0ce;border:3px solid var(--bd-edge);border-radius:19px;box-shadow:5px 6px 0 #26150e;min-height:185px;color:#322016}
.app-choose .choice-grid button:first-child{background:#ffd178}
.app-choose .choice-grid button:last-child{background:#ffebbf}
.app-choose .choice-grid button .choice-icon{color:#cf4d32}
.app-choose .choice-grid button:hover{box-shadow:8px 9px 0 #20130e;transform:translate(-2px,-2px)}
/* Setup wizard */
.app-classic .rx-wrapper:not(.rx-game),.app-live-setup .rx-wrapper{max-width:1200px;min-height:0;margin:clamp(10px,2vh,22px) auto 20px;padding:clamp(16px,2.7vw,30px);background:#fff8e9;border:3px solid var(--bd-edge);border-radius:23px;box-shadow:8px 9px 0 #170c08}
.app-classic .rx-wrapper,.app-live-setup .rx-wrapper{--rx-dark:#372219!important;--rx-line:#e9caa5!important;--rx-ink:#382216!important;--rx-muted:#896e55!important}
.app-classic .rx-topline,.app-live-setup .rx-topline{padding-bottom:12px}
.app-classic .rx-steps,.app-live-setup .rx-steps{margin-bottom:12px}
.app-classic .rx-steps button.selected,.app-live-setup .rx-steps button.selected{border-bottom-color:#ef5639!important;color:#b5412b!important}
.app-classic .rx-setup-panel,.app-live-setup .rx-setup-panel{min-height:0}
.app-classic .rx-three,.app-live-setup .rx-three{gap:10px}
.app-classic .rx-three button,.app-live-setup .rx-three button{border:2px solid #ddb48a;border-radius:14px;background:#fff7e9;min-height:122px;box-shadow:3px 4px 0 #d9a98559}
.app-classic .rx-three button.chosen,.app-live-setup .rx-three button.chosen{border:3px solid #d84d2f;background:#ffe1ac;box-shadow:4px 5px 0 #cf782e4d}
.app-classic .rx-category,.app-live-setup .rx-category{border:2px solid #e4bf99;border-radius:13px;background:#fffaf1;min-height:74px;padding:10px 14px}
.app-classic .rx-category.checked,.app-live-setup .rx-category.checked{background:#ffe0a3;border-color:#df663a}
.app-classic .rx-slider,.app-live-setup .rx-slider,.app-classic .rx-distribution,.app-live-setup .rx-distribution{background:#fff0d4;border:2px solid #e8bb8f;border-radius:14px}
.app-classic .rx-slider input,.app-classic input[type=range],.app-live-setup input[type=range]{accent-color:#e84f34!important}
.app-classic .rx-solid,.app-live-setup .rx-solid{background:#ed5035!important;color:#fff!important;border:3px solid #3c2115!important;border-radius:13px;box-shadow:4px 5px 0 #26160e;font-weight:900}
.app-classic .rx-outline,.app-live-setup .rx-outline{background:#ffce6c!important;color:#3d261a!important;border:3px solid #3a2418!important;border-radius:13px;box-shadow:3px 4px 0 #26160e}
.app-classic .rx-bottom-steps,.app-live-setup .rx-bottom-steps{margin-top:14px;padding:12px 0 0;border-top-color:#ddb791}
.app-classic input:not([type=range]),.app-live-setup input:not([type=range]){border-radius:12px;background:#fffcf7;border:2px solid #ddb893;color:#3c291e}
/* Classic game: readable word card + genuinely usable 2x2 action grid. */
.app-classic .rx-wrapper.rx-game{max-width:1100px;margin:0 auto;padding:clamp(12px,2vw,23px) clamp(14px,3vw,28px) 25px;min-height:0;background:transparent!important;color:#fff7e7}
.app-classic .rx-game .rx-topline{color:#fff8e9!important;border:0}
.app-classic .rx-game .rx-topline button{color:#ffe4b6!important;font-size:13px}
.app-classic .rx-game .rx-score-row{gap:10px;margin-bottom:12px}
.app-classic .rx-game .rx-score{background:#fff4dc;color:#3e281b;border:3px solid var(--bd-edge);border-radius:16px;padding:11px 18px;box-shadow:4px 5px 0 #180d08}
.app-classic .rx-game .rx-score.rx-score-active{background:#ffc956;border-color:#311c12}
.app-classic .rx-game .rx-score .rx-small,.app-classic .rx-game .rx-score-goal{color:#80553e}
.app-classic .rx-game .rx-active-screen{background:#fff8e8!important;color:#302015!important;border:3px solid var(--bd-edge)!important;border-radius:22px;box-shadow:8px 10px 0 #130a07;width:100%;margin:13px auto 8px;min-height:0;padding:clamp(14px,2.5vw,22px)!important}
.app-classic .rx-game .rx-active-screen::before{background:radial-gradient(circle at 2px 2px,#a86d4220 1px,transparent 1px) 0 0/23px 23px!important}
.app-classic .rx-game .rx-active-head,.app-classic .rx-game .rx-playword>small{color:#9c765c!important}
.app-classic .rx-game .rx-playword{min-height:clamp(165px,29vh,270px);padding:10px 0!important}
.app-classic .rx-game .rx-playword h1{color:#2e1e15!important;font-weight:1000;font-size:clamp(38px,7vw,78px)}
.app-classic .rx-game .rx-time{margin-top:11px}
.app-classic .rx-game .rx-time strong{color:#db4b2f!important}
.app-classic .rx-game .rx-time span{color:#9b6a4a!important}
.app-classic .rx-game .rx-progress{height:7px;background:#f0ddc3}
.app-classic .rx-game .rx-progress span{background:#f1b83e}
.app-classic .rx-game .rx-play-buttons{gap:10px;margin-top:13px}
.app-classic .rx-game .rx-play-buttons button{border:3px solid #2d1b13!important;border-radius:13px!important;box-shadow:3px 4px 0 #281710!important;font-weight:950;min-height:58px;font-size:clamp(14px,2vw,18px);padding:11px 14px}
.app-classic .rx-game .rx-play-buttons .rx-good{background:#ffca53!important;color:#332014!important}
.app-classic .rx-game .rx-play-buttons .rx-skip{background:#f1583b!important;color:#fff8ed!important}
.app-classic .rx-game .rx-play-buttons .rx-undo-visible{background:#fff0d3!important;color:#3b271c!important}
.app-classic .rx-game .rx-play-buttons .rx-undo-visible:disabled{background:#ddc5ae!important;color:#8f7d6a!important;opacity:.58}
.app-classic .rx-game .rx-play-buttons .rx-pause-visible{background:#483024!important;color:#fff0d4!important;box-shadow:3px 4px 0 #180d08!important}
.app-classic .rx-game .rx-play-foot{color:#8d6043!important;padding-top:12px}
.app-classic .rx-game .rx-game-toolbar{border-color:#8d674c;color:#ffe6ca;gap:8px;margin-top:12px;padding:10px 0}
.app-classic .rx-game .rx-cloud-indicator{color:#f4dbb8!important}
.app-classic .rx-game .rx-game-code,.app-classic .rx-game .rx-toolbar-button{border:2px solid #2c1b13!important;border-radius:13px!important;box-shadow:3px 4px 0 #100a08!important}
.app-classic .rx-game .rx-game-code{background:#ffe7ba!important;color:#562d19!important}
.app-classic .rx-game .rx-toolbar-button{background:#fff3de!important;color:#4e2b1b!important}
.app-classic .rx-game .rx-finish-button{background:#f6b49d!important}
/* Between rounds, pause, results: compact central cream card with thick ink border */
.app-classic .rx-game .rx-game-center:not(.rx-victory){background:#fff6e4;color:#38271c;max-width:900px;border:3px solid var(--bd-edge);border-radius:23px;padding:18px 21px;margin:10px auto 14px;box-shadow:8px 9px 0 #170d08;overflow:hidden}
.app-classic .rx-game .rx-game-center h1{color:#352115!important;font-weight:1000;margin:6px auto!important;font-size:clamp(37px,6vw,65px)}
.app-classic .rx-game .rx-game-center>p{color:#8b694f!important;margin:7px auto 12px;font-size:14px}
.app-classic .rx-game .rx-stage-label{color:#dc6134!important}
.app-classic .rx-game .rx-between-art{width:min(145px,25vh);margin:12px auto 13px!important;border:3px solid #db9256!important;background:radial-gradient(circle,#fff4d4,#ffd990)!important;box-shadow:4px 5px 0 #e1a04c40}
.app-classic .rx-game .rx-between-glyph{background-image:linear-gradient(#ce642b,#ce642b),linear-gradient(#ce642b,#ce642b)}
.app-classic .rx-game .rx-between-glyph::before{background-image:linear-gradient(#ce642b,#ce642b),linear-gradient(#ce642b,#ce642b)}
.app-classic .rx-game .rx-game-center button.rx-wide{background:#ef5334!important;border:3px solid #2c1b13!important;border-radius:13px;box-shadow:3px 4px 0 #29150d!important;color:#fff8ee!important;font-weight:950}
.app-classic .rx-game .rx-game-center button.rx-quiet{background:#ffecce!important;border:2px solid #bf9470!important;border-radius:12px;color:#52331d}
.app-classic .rx-game .rx-turn-net{color:#d55b30}
.app-classic .rx-game .rx-awards button{border:2px solid #2b1b15!important;background:#ffdd94!important}
.app-classic .rx-game .rx-overtime-word{border:2px solid #2d1d13;background:#ffdfaa}
/* Finished state must fit on a small iPhone and keep all actions visible. */
.app-classic .rx-game .rx-victory{background:#fff6e6!important;color:#352318!important;border:3px solid #2b1a12;border-radius:22px!important;box-shadow:8px 9px 0 #170c08;max-width:760px;min-height:0!important;margin:12px auto;padding:23px!important;display:flex;flex-direction:column;gap:12px}
.app-classic .rx-game .rx-victory h1{color:#302015!important;font-size:clamp(35px,5.5vw,61px)!important;margin:0!important;max-width:100%}
.app-classic .rx-game .rx-victory .rx-winner{color:#d9572b;font-size:clamp(22px,3.4vw,32px)}
.app-classic .rx-game .rx-finish-stat{background:#ffdf9d;border:2px solid #b87640;border-radius:13px;color:#402719;box-shadow:3px 4px 0 #e5b36659;padding:11px}
.app-classic .rx-game .rx-finish-stat strong{color:#3d2519}
.app-classic .rx-game .rx-finish-stats{margin:0;gap:9px}
.app-classic .rx-game .rx-victory .rx-finish-copy{color:#79513b!important;margin:0}
.app-classic .rx-game .rx-victory .rx-finish-cta{background:#ed5036!important;color:#fff9ee!important;margin:4px 0 0!important;max-width:400px}
@media(min-width:900px) and (max-height:800px){
 .app-classic .rx-game .rx-game-center:not(.rx-victory){padding:12px 20px}
 .app-classic .rx-wrapper.rx-game{padding-top:12px;padding-bottom:10px}
 .app-classic .rx-game .rx-playword{min-height:185px}
 .app-classic .rx-game .rx-game-center .rx-between-art{width:110px;margin:8px auto!important}
 .app-classic .rx-wrapper:not(.rx-game){margin-top:8px;padding:13px 25px}
}
@media(max-width:720px){
 body:has(.app-classic),body:has(.app-choose),body:has(.app-live-setup){background-image:url('/board-table-mobile-soft.svg')}
 .app-classic .rx-wrapper:not(.rx-game),.app-live-setup .rx-wrapper{margin:8px 9px 18px;padding:12px;border-radius:17px;box-shadow:4px 5px 0 #190e08}
 .app-choose .choose-screen{margin:10px 9px;padding:20px 14px;border-radius:18px}
 .app-choose .choice-grid button{min-height:140px;padding:15px}
 .app-classic .rx-wrapper.rx-game{padding:10px 12px 12px}
 .app-classic .rx-game .rx-score-row{gap:7px}
 .app-classic .rx-game .rx-score{padding:10px;border-radius:13px;box-shadow:2px 3px 0 #160c08}
 .app-classic .rx-game .rx-active-screen{border-radius:17px;padding:12px!important;box-shadow:4px 5px 0 #170c08}
 .app-classic .rx-game .rx-playword{min-height:clamp(142px,25vh,210px);padding:9px 0!important}
 .app-classic .rx-game .rx-play-buttons{gap:7px}
 .app-classic .rx-game .rx-play-buttons button{padding:10px;min-height:55px;border-width:2px!important;border-radius:11px!important;box-shadow:2px 3px 0 #1b110c!important;font-size:clamp(12px,3.5vw,17px)}
 .app-classic .rx-game .rx-game-center:not(.rx-victory){margin-top:8px;padding:13px 11px;border-radius:17px;box-shadow:4px 5px 0 #160c08}
 .app-classic .rx-game .rx-game-center h1{font-size:clamp(36px,9vw,49px)}
 .app-classic .rx-game .rx-between-art{width:130px!important;margin:8px auto!important}
 .app-classic .rx-game .rx-victory{padding:14px!important;gap:9px;border-radius:18px!important;box-shadow:4px 5px 0 #180d08}
 .app-classic .rx-game .rx-victory h1{font-size:clamp(32px,8vw,43px)!important}
 .app-classic .rx-game .rx-finish-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 .app-classic .rx-game .rx-finish-stat{padding:9px 7px;align-items:center;text-align:center;gap:4px}
 .app-classic .rx-game .rx-finish-stat span{font-size:8px;letter-spacing:0}
 .app-classic .rx-game .rx-finish-stat strong{font-size:clamp(15px,4.7vw,21px)}
 .app-classic .rx-game .rx-victory .rx-finish-cta{width:100%!important}
}