/* RC15.4 — classic BETWEEN screen: full-width scoreboard, one clear start card.
   Scoped to between state; all gameplay/other states retain their RC15.3 layout. */
html[data-guessrd-page] .app-classic .rx-wrapper.rx-game.rx-game-between {
 display:grid!important;
 grid-template-columns:minmax(0,1fr)!important;
 grid-template-rows:auto auto auto auto auto!important;
 align-content:start!important;
 row-gap:clamp(10px,1.8dvh,18px)!important;
 column-gap:0!important;
 width:min(1180px,calc(100% - 32px))!important;
 max-width:1180px!important;
 min-height:0!important;
 padding:clamp(10px,1.5dvh,18px) clamp(2px,1vw,16px) 12px!important;
 margin:0 auto!important;
}
html[data-guessrd-page] .app-classic .rx-game-between > .rx-topline {
 grid-column:1!important;grid-row:1!important;min-width:0!important;
 padding:3px 2px 12px!important;
 margin:0!important;
}
/* The score is the first major visible element — not a small side column. */
html[data-guessrd-page] .app-classic .rx-game-between > .rx-score-row {
 grid-column:1!important;grid-row:2!important;
 width:100%!important;
 display:grid!important;
 grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))!important;
 gap:clamp(8px,1.3vw,16px)!important;
 margin:0!important;padding:2px 2px 5px!important;
 align-items:stretch!important;
}
html[data-guessrd-page] .app-classic .rx-game-between .rx-score {
 min-width:0!important;
 min-height:clamp(84px,12dvh,112px)!important;
 grid-template-columns:clamp(38px,4vw,52px) minmax(0,1fr) auto!important;
 grid-template-rows:auto auto!important;
 padding:clamp(10px,1.3vw,16px)!important;
 gap:2px clamp(8px,1.4vw,16px)!important;
 border:2px solid #e4c497!important;
 border-radius:18px!important;
 background:linear-gradient(160deg,#fff7e8,#ffebc9)!important;
 box-shadow:0 5px 0 #ba8c62,0 10px 21px #14080563,inset 0 2px 0 #fff9!important;
 outline:none!important;
 color:#352217!important;
}
html[data-guessrd-page] .app-classic .rx-game-between .rx-score.rx-score-active {
 background:linear-gradient(160deg,#ffe6a0,#ffc861)!important;
 border-color:#ffc460!important;
 box-shadow:0 5px 0 #be7d34,0 12px 27px #13080582,inset 0 2px 0 #fffa!important;
}
html[data-guessrd-page] .app-classic .rx-game-between .board-team-badge {
 grid-row:1/3!important;width:clamp(37px,4vw,50px)!important;height:clamp(37px,4vw,50px)!important;
 background:#e9654c!important;
 border:1px solid #c94930!important;
 border-radius:13px!important;
 box-shadow:0 3px 0 #ad3f2b,inset 0 1px 0 #fff8!important;
 font-size:clamp(19px,2vw,25px)!important;
}
html[data-guessrd-page] .app-classic .rx-game-between .rx-score:nth-child(2) .board-team-badge {background:#ebae35!important;color:#412814!important;border-color:#d29b31!important;box-shadow:0 3px 0 #b88a2b,inset 0 1px 0 #fff8!important}
html[data-guessrd-page] .app-classic .rx-game-between .rx-score .rx-small {
 min-width:0!important;overflow-wrap:anywhere!important;
 font-size:clamp(12px,1.4vw,17px)!important;line-height:1.17!important;
 color:#5b3c2a!important;
}
html[data-guessrd-page] .app-classic .rx-game-between .rx-score strong {
 font-size:clamp(29px,3.7vw,45px)!important;line-height:1!important;
}
html[data-guessrd-page] .app-classic .rx-game-between .rx-score-goal {
 grid-column:3!important;grid-row:2!important;align-self:end!important;
 font-size:clamp(12px,1vw,15px)!important;
}
/* The central start card uses the existing boardgame stack but no icon/mascot. */
html[data-guessrd-page] .app-classic .rx-game-between > .rx-between-panel {
 grid-column:1!important;grid-row:3!important;
 position:relative!important; isolation:isolate!important;
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:space-between!important;
 width:calc(100% - 22px)!important;max-width:none!important;
 height:clamp(310px,45dvh,440px)!important;
 min-height:0!important;
 margin:clamp(5px,1dvh,10px) auto clamp(6px,1dvh,10px)!important;
 padding:clamp(18px,2.8dvh,30px) clamp(15px,3vw,42px)!important;
 overflow:visible!important;text-align:center!important;
 background:#fff6e7!important;
 border:2px solid #e7d0ac!important;border-radius:24px!important;
 box-shadow:0 7px 0 #ae7956,0 18px 42px #1307048c,inset 0 2px 0 #ffffffd4!important;
 color:#392519!important;
}
html[data-guessrd-page] .app-classic .rx-game-between > .rx-between-panel::before,
html[data-guessrd-page] .app-classic .rx-game-between > .rx-between-panel::after {
 content:''!important;position:absolute!important;z-index:-2!important;
 inset:4px!important;pointer-events:none!important;
 border:2px solid #d19b74!important;border-radius:24px!important;
 box-shadow:0 6px 0 #6e3c2a,0 10px 20px #0004!important;
}
html[data-guessrd-page] .app-classic .rx-game-between > .rx-between-panel::before {
 transform:rotate(-1.1deg) translate(-4px,4px)!important;background:linear-gradient(140deg,#f3ac97 0 49%,#ffd278 49% 100%)!important;
}
html[data-guessrd-page] .app-classic .rx-game-between > .rx-between-panel::after {
 z-index:-1!important;inset:0!important;transform:none!important;
 background:#fff6e7!important;border-color:#e9cda9!important;
}
html[data-guessrd-page] .app-classic .rx-game-between .rx-between-overline {
 display:flex;gap:9px;align-items:center;justify-content:center;
 color:#9e5433!important;letter-spacing:.14em;
 font-weight:950;font-size:clamp(11px,1.2vw,13px)!important;
}
html[data-guessrd-page] .app-classic .rx-game-between .rx-between-overline-dot {
 width:9px;height:9px;border-radius:50%;background:#e9583b;box-shadow:0 0 0 4px #f6d4c4;
}
html[data-guessrd-page] .app-classic .rx-game-between .rx-between-main {
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 gap:clamp(7px,1.1dvh,13px);margin:auto 0;min-height:0;width:100%;
}
html[data-guessrd-page] .app-classic .rx-game-between .rx-between-turn {
 color:#a26040;font-weight:900;letter-spacing:.15em;font-size:12px;
}
html[data-guessrd-page] .app-classic .rx-game-between .rx-between-main h1 {
 margin:0!important;max-width:100%;font-weight:1000!important;
 color:#372215!important;font-size:clamp(36px,6vw,78px)!important;
 letter-spacing:-.055em;line-height:1.05;overflow-wrap:anywhere;
}
html[data-guessrd-page] .app-classic .rx-game-between .rx-between-instruction {
 font-size:clamp(13px,1.5vw,18px)!important;
 line-height:1.32!important;color:#896145!important;
 margin:0!important;
}
html[data-guessrd-page] .app-classic .rx-game-between .rx-between-details {
 display:flex;justify-content:center;align-items:center;flex-wrap:wrap;
 gap:clamp(7px,1.5vw,16px);
 margin:clamp(5px,1.4dvh,12px) 0 0;
}
html[data-guessrd-page] .app-classic .rx-game-between .rx-between-details span {
 padding:8px 15px;background:#ffecd2;border:1px solid #edd1a9;
 border-radius:999px;color:#85593c;font-weight:650;font-size:clamp(12px,1.2vw,14px);
 white-space:nowrap;
}
html[data-guessrd-page] .app-classic .rx-game-between .rx-between-details strong {color:#3e291b;font-weight:900}
html[data-guessrd-page] .app-classic .rx-game-between .rx-between-panel .rx-between-start {
 flex:none;display:flex!important;justify-content:center!important;align-items:center!important;
 gap:clamp(12px,2vw,27px)!important;
 width:min(480px,100%)!important;
 min-height:clamp(55px,7.3dvh,74px)!important;
 margin:0 auto!important;padding:14px 24px!important;
 background:linear-gradient(180deg,#fa7050,#e9472e)!important;
 color:#fffaf1!important;border:1px solid #f48161!important;
 border-radius:17px!important;
 box-shadow:0 5px 0 #b53a28,0 12px 26px #28100766,inset 0 1px 0 #fff8!important;
 font-size:clamp(17px,2vw,22px)!important;font-weight:1000!important;line-height:1.1!important;
}
html[data-guessrd-page] .app-classic .rx-game-between .rx-between-panel .rx-between-start:hover:not(:disabled) {filter:brightness(1.04)!important}
html[data-guessrd-page] .app-classic .rx-game-between .rx-between-panel .rx-between-start:active:not(:disabled) {transform:translateY(3px)!important;box-shadow:0 2px 0 #b53a28,0 5px 16px #28100766!important}
html[data-guessrd-page] .app-classic .rx-game-between .rx-between-start-arrow {font-size:1.4em;line-height:.8}
html[data-guessrd-page] .app-classic .rx-game-between .rx-between-hint {
 margin:clamp(10px,1.5dvh,16px) 0 0!important;
 color:#855b43!important;
 font-size:clamp(10px,1.15vw,12px)!important;line-height:1.2!important;
}
html[data-guessrd-page] .app-classic .rx-game-between > .rx-game-toolbar {
 grid-column:1!important;grid-row:4!important;
 margin:1px auto 0!important;padding:10px 0 4px!important;
 width:100%;border-top:1px solid #9d70544d!important;
 display:flex!important;flex-wrap:wrap;gap:10px!important;
 justify-content:center!important;align-items:center!important;
}
html[data-guessrd-page] .app-classic .rx-game-between .rx-cloud-indicator {
 flex:0 0 auto!important;color:#eed5b7!important;font-size:12px!important;
}
html[data-guessrd-page] .app-classic .rx-game-between .rx-game-code {
 font-size:13px!important;letter-spacing:.1em!important;padding:10px 12px!important;
}
html[data-guessrd-page] .app-classic .rx-game-between .rx-toolbar-button {
 min-height:40px!important;font-size:12px!important;padding:9px 15px!important;
}
@media (max-width:740px) {
 html[data-guessrd-page] .app-classic .rx-wrapper.rx-game.rx-game-between {
  width:calc(100% - 20px)!important;gap:clamp(8px,1.25dvh,12px)!important;
  padding:10px 0 18px!important;
 }
 html[data-guessrd-page] .app-classic .rx-game-between > .rx-score-row {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:0 2px 4px!important;
 }
 html[data-guessrd-page] .app-classic .rx-game-between .rx-score {
  min-height:clamp(73px,11dvh,88px)!important;
  padding:9px!important;grid-template-columns:30px minmax(0,1fr) auto!important;gap:2px 6px!important;
  border-radius:13px!important;
 }
 html[data-guessrd-page] .app-classic .rx-game-between .board-team-badge {
  width:29px!important;height:30px!important;font-size:15px!important;border-radius:8px!important;
 }
 html[data-guessrd-page] .app-classic .rx-game-between .rx-score .rx-small {font-size:11px!important}
 html[data-guessrd-page] .app-classic .rx-game-between .rx-score strong {font-size:clamp(22px,6vw,29px)!important}
 html[data-guessrd-page] .app-classic .rx-game-between .rx-score-goal {font-size:10px!important}
 html[data-guessrd-page] .app-classic .rx-game-between > .rx-between-panel {
  width:calc(100% - 18px)!important;
  height:clamp(310px,44dvh,380px)!important;
  padding:19px 13px!important;border-radius:18px!important;
  margin:5px auto 10px!important;
 }
 html[data-guessrd-page] .app-classic .rx-game-between .rx-between-main h1 {
  font-size:clamp(35px,9vw,55px)!important;
 }
 html[data-guessrd-page] .app-classic .rx-game-between .rx-between-instruction {
  font-size:13px!important;
 }
 html[data-guessrd-page] .app-classic .rx-game-between .rx-between-details {gap:6px!important}
 html[data-guessrd-page] .app-classic .rx-game-between .rx-between-details span {
  padding:7px 9px!important;font-size:11px!important;
 }
 html[data-guessrd-page] .app-classic .rx-game-between .rx-between-panel .rx-between-start {
  width:100%!important;min-height:59px!important;padding:12px!important;font-size:19px!important;
 }
 html[data-guessrd-page] .app-classic .rx-game-between > .rx-game-toolbar {gap:8px!important}
 html[data-guessrd-page] .app-classic .rx-game-between .rx-game-code {
  flex:none!important;font-size:12px!important;
 }
 html[data-guessrd-page] .app-classic .rx-game-between .rx-toolbar-button {
  flex:1 1 auto!important;min-width:0;font-size:11px!important;
 }
}
@media (max-width:380px) {
 html[data-guessrd-page] .app-classic .rx-game-between > .rx-between-panel {
  height:clamp(294px,42dvh,335px)!important;padding:14px 11px!important;
 }
 html[data-guessrd-page] .app-classic .rx-game-between .rx-between-main h1 {font-size:clamp(30px,9vw,42px)!important}
 html[data-guessrd-page] .app-classic .rx-game-between .rx-between-hint {font-size:10px!important}
 html[data-guessrd-page] .app-classic .rx-game-between .rx-between-details span {font-size:10px!important}
}
@media (max-height:650px) and (min-width:741px) {
 html[data-guessrd-page] .app-classic .rx-game-between > .rx-between-panel {height:clamp(260px,42dvh,315px)!important;padding:13px 17px!important}
 html[data-guessrd-page] .app-classic .rx-game-between .rx-between-main h1 {font-size:clamp(31px,5.2vw,59px)!important}
 html[data-guessrd-page] .app-classic .rx-game-between .rx-between-details span {padding:6px 12px!important}
}
@media(prefers-reduced-motion:reduce){html[data-guessrd-page] .app-classic .rx-game-between *{animation:none!important}}

@media (max-width:380px) and (max-height:660px){
 html[data-guessrd-page] .app-classic .rx-game-between > .rx-between-panel {height:231px!important;padding:10px 10px!important;margin:1px auto 3px!important;}
 html[data-guessrd-page] .app-classic .rx-game-between .rx-between-main {gap:3px!important}
 html[data-guessrd-page] .app-classic .rx-game-between .rx-between-main h1 {font-size:30px!important}
 html[data-guessrd-page] .app-classic .rx-game-between .rx-between-instruction {font-size:11px!important}
 html[data-guessrd-page] .app-classic .rx-game-between .rx-between-details {margin-top:4px!important}
 html[data-guessrd-page] .app-classic .rx-game-between .rx-between-details span {padding:4px 6px!important}
 html[data-guessrd-page] .app-classic .rx-game-between .rx-between-panel .rx-between-start {min-height:46px!important;font-size:16px!important}
 html[data-guessrd-page] .app-classic .rx-game-between .rx-between-hint {margin-top:7px!important;font-size:9px!important}
 html[data-guessrd-page] .app-classic .rx-game-between > .rx-game-toolbar {padding:5px 0 2px!important;gap:5px!important}
 html[data-guessrd-page] .app-classic .rx-game-between .rx-game-code {padding:6px 8px!important}
 html[data-guessrd-page] .app-classic .rx-game-between .rx-toolbar-button {min-height:34px!important;padding:7px 9px!important;font-size:10px!important}
}