/* Shared room-scale presentation for the four BRITER games being refreshed. */
:root{--navy:#1B3D8E;--teal:#179B8F;--accent:#7e3f8f;--gold:#e89a3b;--green:#7e3f8f}
body{background:#fcf8fd}
.wrap{width:min(1500px,calc(100% - 32px));margin-inline:auto}
.topbar,.panel{border-radius:20px;border-color:#e6d8eb}
.topbar{padding:18px clamp(18px,3vw,34px)}
.panel{padding:clamp(24px,3.5vw,50px)}
.tag,.eyebrow,.nm,.team .n{font-size:.82rem;line-height:1.35}
.team .s,.sc{font-size:1.7rem}
button:focus-visible,a:focus-visible{outline:3px solid #c7237e;outline-offset:3px}
button{border-radius:12px;font-size:1rem}
.pill,.cat span{border-radius:10px;font-size:.85rem}
.question{max-width:1200px;font-size:clamp(1.9rem,3.1vw,3rem);line-height:1.2}
.cell{min-height:70px}.cell .txt{font-size:1.1rem;line-height:1.35}.cell .idx{border-radius:8px}.cell .val{font-size:1.05rem}
.bm-cell,.answer{font-size:1.08rem;line-height:1.4}
.board{max-width:none}
.card{min-height:155px}.card .back{font-size:1.05rem;line-height:1.35}.card .back strong{font-size:1.1rem}
@media(max-width:680px){.wrap{width:calc(100% - 20px)}.panel{padding:22px 14px}.cell .txt,.bm-cell,.answer{font-size:1rem}.card .back{font-size:1rem}}
/* Wheel of BRITER: readable letters and a wider puzzle board. */
.board:has(.tile){overflow-x:auto;justify-content:center;padding:26px 18px;scrollbar-width:thin}
.word{flex:0 0 auto}
.tile{font-size:calc(var(--tw,36px) * .67);border-color:#b99dc4;border-radius:9px}
.tile.blank{background:#5e2b6d}
.lt{width:50px;height:50px;font-size:1.3rem;font-weight:800}
.letters{gap:9px}
.wheelstage{width:min(420px,82vw);--wheel-label-radius:170px}
.wheel{outline-color:#7e3f8f;background:repeating-conic-gradient(transparent 0 29.1deg,rgba(255,255,255,.9) 29.1deg 30deg),conic-gradient(#7e3f8f 0 30deg,#c7237e 30deg 60deg,#5e2b6d 60deg 90deg,#ef6e6e 90deg 120deg,#7e3f8f 120deg 150deg,#552363 150deg 180deg,#c7237e 180deg 210deg,#e89a3b 210deg 240deg,#7e3f8f 240deg 270deg,#ef6e6e 270deg 300deg,#e89a3b 300deg 330deg,#5e2b6d 330deg)}
.wheel-label{width:84px;margin-left:-42px;font-size:.85rem;line-height:1.1;transform:rotate(var(--a)) translateY(calc(-1 * var(--wheel-label-radius)))}
.wheel-label.dark{color:#32163c}
@media(max-width:700px){.board:has(.tile){justify-content:flex-start}.wheelstage{--wheel-label-radius:calc(41vw - 25px)}.wheel-label{font-size:.72rem;width:62px;margin-left:-31px}}
/* Leaderopardy keeps a game-board feel in BRITER purple. */
.leaderopardy-game{--bg:#fcf8fd;--panel:#fff;--panel2:#f6edf8;--line:#ddcde4;--ink:#172033;--muted:#526071;--gold:#7e3f8f;--green:#7e3f8f;--red:#c7237e;background:#fcf8fd;color:#172033;font-family:"DM Sans",Arial,sans-serif}
.leaderopardy-game .topbar,.leaderopardy-game .panel{background:#fff;color:#172033;border:1px solid #e1d3e7;box-shadow:0 8px 25px rgba(75,38,90,.08)}
.leaderopardy-game .topbar{border-top:6px solid #7e3f8f}
.leaderopardy-game h1,.leaderopardy-game h2,.leaderopardy-game .cluetext,.leaderopardy-game .banner{font-family:"Playfair Display",Georgia,serif;font-weight:700;letter-spacing:0}
.leaderopardy-game h1{color:#532363;font-size:clamp(1.7rem,3vw,2.5rem)}
.leaderopardy-game h1 em{color:#c7237e}
.leaderopardy-game h2{color:#632e73;font-size:clamp(1.8rem,3vw,2.7rem)}
.leaderopardy-game .team{background:#fcf8fd;border-color:#d6bedf}
.leaderopardy-game .team .n,.leaderopardy-game .tag{color:#654b70}
.leaderopardy-game .team .s{color:#532363}
.leaderopardy-game .sub,.leaderopardy-game .progress{color:#526071;font-size:1rem}
.leaderopardy-game .boardpanel{padding:14px;background:#f6edf8;border:1px solid #cfb7d8;border-radius:16px}
.leaderopardy-game .board{grid-template-columns:repeat(6,minmax(140px,1fr));min-width:900px;gap:8px}
.leaderopardy-game .cat{min-height:75px;border-radius:10px;font:800 1rem/1.2 "DM Sans",sans-serif;color:#fff}
.leaderopardy-game .cat[style*="#e89a3b"],.leaderopardy-game .pill[style*="#e89a3b"]{color:#28192d}
.leaderopardy-game .value{min-height:75px;background:#fff;border:1px solid #d5bcdf;border-radius:10px;color:#653075;font:700 2rem "DM Sans",sans-serif}
.leaderopardy-game .value:hover{background:#f1e3f5}
.leaderopardy-game .value.done{background:#eee5f1;color:#9a84a1}
.leaderopardy-game .cluebox{min-height:280px;background:#5a2c6a;border:2px solid #5a2c6a;border-radius:16px;color:#fff}
.leaderopardy-game .cluetext{max-width:1150px;color:#fff;font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.22}
.leaderopardy-game .response{color:#fff;font-size:clamp(1.35rem,2.8vw,2.1rem)}
.leaderopardy-game .response small{color:#f6dced;font-size:.83rem}
.leaderopardy-game .pill{background:#7e3f8f;color:#fff;font-size:.82rem}
.leaderopardy-game button{background:#7e3f8f;color:#fff;font:700 1rem "DM Sans",sans-serif}
.leaderopardy-game button.gold{background:#e89a3b;color:#28192d}
.leaderopardy-game button.ghost{background:#fff;color:#632e73;border:1px solid #af8ebb}
.leaderopardy-game button.good{background:#6b337b;color:#fff}
.leaderopardy-game button.bad{background:#c7237e;color:#fff}
.leaderopardy-game .award{background:#fcf8fd;border:1px solid #d8c3e0;color:#172033}
.leaderopardy-game .note{background:#fcf8fd;border-left:5px solid #c7237e;color:#172033}
.leaderopardy-game .note b,.leaderopardy-game .dd,.leaderopardy-game .banner{color:#7e3f8f}
.leaderopardy-game input{background:#fff;border-color:#ccb6d5;color:#172033}
.leaderopardy-game .response:not(:empty){padding-top:12px}
.leaderopardy-game .toast{background:#c7237e;color:#fff}

.board-scroll-hint{display:none;margin:6px 0 0;color:#62466c;font-size:.9rem;text-align:center}@media(max-width:700px){.board-scroll-hint{display:block}}