/* The room stays visible behind a compact club menu on every screen. */
#menu{align-items:flex-start;justify-content:center;padding:clamp(20px,4vw,72px);gap:24px;background:linear-gradient(90deg,rgba(6,17,14,.96),rgba(6,17,14,.76) 32%,transparent 78%)}
.brand{text-align:left;margin:0;max-width:520px}
.brand .edition{color:#d4b779;font-size:11px;letter-spacing:.32em}
.brand h1{font-size:clamp(38px,5vw,76px);max-width:500px;line-height:1.04;color:#fff4dc;text-shadow:0 2px 30px #0004}
.brand p{color:#c8cfc3;font-size:13px;line-height:1.6;margin-top:12px}
.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:min(450px,100%);margin:0;gap:8px}
.menu-item{min-height:72px;padding:12px 16px;border-radius:10px;background:#14382dd9;border-color:#a18a593d;box-shadow:inset 0 1px 0 #ffffff0d,0 8px 20px #0002;transition:transform .18s,background .18s}
.menu-item.primary{background:linear-gradient(145deg,#efddb2,#c2a671);color:#18261d}
.menu-item span{font-size:10px;opacity:1;color:#d8c6a0}.menu-item.primary span{color:#344535}
.menu-item b{font:500 20px Georgia,serif;margin:4px 0 0}.menu-item small{display:none}
.menu-item:hover{transform:translateY(-2px);background:#245743}.menu-item.primary:hover{background:#f1deb0}
.menu-item:disabled{opacity:.65;cursor:wait}
.menu-footer{gap:4px;flex-wrap:wrap;max-width:470px}.text-btn{font-size:12px;color:#e1d3b2}
.main-btn{width:fit-content;min-width:150px;max-width:100%}
.throw-hud{width:auto;max-width:calc(100% - 20px);background:#0d241eea;border-color:#d0b16a66;bottom:20px}
.throw-btn,.main-btn{background:linear-gradient(145deg,#efddb2,#c2a671)}
.readout span{color:#becbbd}.score-pill .eyebrow{color:#e3c68a}
#loadingStatus{position:absolute;bottom:18px;right:24px;z-index:25;color:#eddbb7;font-size:13px;padding:10px 16px;border-radius:12px;background:#102b23ee;max-width:330px}
#loadingStatus button{padding:12px 16px;margin-top:10px;min-height:44px;color:#1b271b;background:#eddbb7;border:0;border-radius:8px}
button:focus-visible,input:focus-visible{outline:2px solid #f8d58a;outline-offset:4px}
.screen:not(#menu){background:#071c16aa;backdrop-filter:blur(8px)}
@media(max-width:720px){
 #menu{justify-content:flex-end;gap:14px;padding:22px 20px;background:linear-gradient(0deg,#071b16f5,rgba(7,27,22,.9) 49%,transparent 94%)}
 .brand{margin:0}.brand h1{font-size:46px;line-height:1.05}.brand p{font-size:12px;margin-top:6px}
 .menu-grid{width:min(430px,100%);grid-template-columns:repeat(2,minmax(0,1fr))}.menu-item{min-height:62px;padding:9px 12px}.menu-item b{font-size:18px}
 .menu-footer{margin:0;gap:0}.menu-footer .text-btn{font-size:11px;padding:9px 7px}
 .throw-hud{width:auto;max-width:calc(100% - 16px);bottom:10px}.readout{min-width:49px}.readout:nth-child(1){display:block}.readout span{font-size:9px;letter-spacing:.08em}
 .throw-btn{min-width:90px;padding:0 12px}.turn-pill{display:none}
 #loadingStatus{top:16px;bottom:auto;right:16px;font-size:12px}
}
@media(max-height:540px) and (min-width:600px){
 #menu{padding:16px 28px;gap:10px}.brand h1{font-size:36px}.brand p{display:none}.menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:500px}
 .menu-item{min-height:58px;padding:9px}.menu-item b{font-size:17px}.brand .edition{font-size:10px}.menu-footer{margin:0}
}
@media(prefers-reduced-motion:reduce){.menu-item{transition:none}.menu-item:hover{transform:none}}