/* Bator Games clubhouse identity — shared across the five games. */
:root{color-scheme:dark;--club-bg:#101116;--club-panel:#1b1c27;--club-teal:#39e1ca;--club-purple:#af85ff;--club-yellow:#e7f56c;--club-orange:#ffad72}
body{background:radial-gradient(ellipse at 10% 0,#12534933,transparent 43%),radial-gradient(ellipse at 100% 30%,#7532a22a,transparent 45%),var(--club-bg);color:#f5f3ed;padding:78px 24px 40px;font-family:Arial,Helvetica,sans-serif;line-height:1.5}
.container{background:linear-gradient(145deg,#22212c,#151820);border:1px solid #393846;border-radius:22px;box-shadow:0 24px 80px #0004;padding:32px;overflow:visible}
.club-brand{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #383744;padding:0 0 20px;margin-bottom:22px;text-align:left}.club-brand>a{display:flex;align-items:center;gap:13px;color:#f6f4ee;text-decoration:none;font-size:17px;font-weight:900;font-style:italic;letter-spacing:-.6px}.club-brand img{width:76px;height:76px;object-fit:contain;border-radius:12px}.club-brand small{display:block;font-size:9px;letter-spacing:1.5px;font-style:normal;font-weight:700;color:var(--club-teal);margin-top:5px}.club-age{color:#a5a4b7;font-size:9px;letter-spacing:1px;border:1px solid #454352;border-radius:6px;padding:5px 8px}
.container h1{display:flex;align-items:center;justify-content:center;gap:12px;font-size:clamp(24px,4vw,36px);font-weight:900;letter-spacing:-1.2px;line-height:1.1;color:#f6f4ee;background:none;-webkit-text-fill-color:currentColor;margin:0 0 24px}.club-game-icon{width:78px;height:78px;filter:drop-shadow(3px 4px 0 #0004);transform:rotate(-8deg);flex-shrink:0}.hero-text{background:#af85ff0a;border:1px solid #af85ff33;border-radius:12px;padding:17px 20px;box-shadow:none}.hero-text p{color:#c0bdd0;font-size:14px;line-height:1.65}.hero-text .muted{color:#a5a4b7}.hero-text br+br{display:none}.hero-text h4{font-weight:normal}
.panel{background:#151720;border:1px solid #3d3a4e;border-radius:12px;box-shadow:none}h2{color:#f4f1ec;letter-spacing:-.4px}.muted{color:#a7a6ba}.btn,.mode-btn,.hub-name-btn{border-radius:9px;box-shadow:none;font-weight:800;transition:transform .15s,border-color .15s,background .15s}.btn:hover,.mode-btn:hover{transform:translateY(-2px)}.main-btn,.start-btn,.play-btn,.online-btn,.timer-btn{background:var(--club-yellow);color:#151720;border:1px solid #e7f56c;box-shadow:3px 3px 0 #e7f56c20}.main-btn:hover,.start-btn:hover,.timer-btn:hover{background:#f1ff88;color:#151720;box-shadow:3px 3px 0 #e7f56c40}.back-btn,.small-btn{background:#292636;border:1px solid #524363;color:#d7c1ff}.mode-btn{background:#252232;border:1px solid #58466c;color:#f4f0fa}.mode-description{color:#c2bace}.mode-icon{filter:drop-shadow(2px 3px 0 #0003)}.text-input,.name-input,.chat-input,textarea,input[type=text],input[type=number]{background:#11131c;color:#f4f2ec;border:1px solid #494659;border-radius:8px;box-shadow:none}.text-input:focus,.name-input:focus,textarea:focus{border-color:var(--club-teal);outline:2px solid #39e1ca22}.home-link{position:fixed;top:18px;left:18px;background:#161820ed;border:1px solid #3e4050;border-radius:8px;color:var(--club-teal);font-size:12px;font-weight:800;padding:10px 14px;text-decoration:none;box-shadow:none;z-index:100}.home-link:hover{border-color:var(--club-teal)}.chip{border-radius:8px;background:#af85ff14;border-color:#af85ff55;color:#ddccff}.video-tile{border-radius:12px;border-color:#494257}.video-grid{gap:12px}.media-bar{background:#191b24f2;border:1px solid #474052;border-radius:12px}.media-btn{border-radius:8px;border:1px solid #494659;background:#262333}.media-off{background:#af85ff20!important;border-color:#af85ff!important;position:relative}.media-off:after{content:"";position:absolute;width:24px;height:2px;background:#f1c4ff;transform:rotate(-45deg);top:50%;left:calc(50% - 12px);pointer-events:none}.result-card,.wheel-picker-card,.chat-panel{background:#1b1b28;border:1px solid #625078;border-radius:16px}.chat-fab{background:var(--club-purple);box-shadow:0 5px 25px #0004}.share-link{color:var(--club-teal)}.turn-order{gap:8px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--club-teal);outline-offset:4px}.hidden{display:none!important}
@media(max-width:600px){body{padding:72px 12px 90px}.container{padding:20px 15px;border-radius:16px}.club-brand img{width:58px;height:58px}.club-brand>a{font-size:15px}.club-brand{margin-bottom:18px;padding-bottom:15px}.club-game-icon{width:58px;height:58px}.container h1{font-size:25px;gap:8px;letter-spacing:-.7px}.hero-text p{font-size:12px}.hero-text{padding:14px}.home-link{top:14px;left:12px;font-size:11px;padding:9px 11px}.btn{white-space:normal}.media-bar{max-width:calc(100vw - 24px)}}
@media(prefers-reduced-motion:reduce){.btn,.mode-btn{transition:none}.btn:hover,.mode-btn:hover{transform:none}}

/* DiceDare visibility fixes (white-on-white + invisible buttons) */
.btn-primary,.btn-dice,.btn-center,.btn-camera,.btn-secondary,.btn-info{background:linear-gradient(135deg,#26283a,#1c1e2b)!important;color:#f6f6f1!important;border:2px solid var(--club-teal)!important;border-radius:12px!important;padding:10px 18px!important;font-weight:700;box-shadow:0 4px 14px rgba(57,225,202,.18)!important}
.btn-primary:hover,.btn-dice:hover,.btn-center:hover,.btn-camera:hover,.btn-secondary:hover,.btn-info:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(57,225,202,.3)!important;border-color:#7dffe6!important}
.btn-dice{background:linear-gradient(135deg,var(--club-purple),#7a4fd0)!important;border-color:#d3b8ff!important}
.btn-center{background:linear-gradient(135deg,var(--club-yellow),#c7cf4c)!important;color:#151720!important;border-color:#f1ff88!important}
.dare-item{background:#1c1e2b!important;color:#f0f0ea!important;border:1px solid #45475c!important;border-radius:10px}
.dare-item.eliminated{background:#101116!important;opacity:.5}
.dare-item .dare-number{color:var(--club-teal);font-weight:800}
.dare-type{color:#c9c8d4}
.info-box{background:#1c1e2b!important;border:1px solid #45475c!important;color:#f0f0ea}
.footer{background:#101116!important;color:#a5a4b7!important}
.footer a{color:var(--club-teal)!important}
.roller-status,.timer,.stats{background:#1c1e2b!important;color:#f0f0ea!important;border-color:#45475c!important}

/* DiceDare: kill the giant white panels (white-on-washed-out) */
.game-setup,.game-info,.dice-section,.center-dare-section,.camera-section,.dare-grid,.dare-grid-container,.modal-content{background:#1c1e2b!important;color:#f0f0ea!important;border:1px solid #45475c!important;border-radius:16px}
.game-stats span{background:#272a3f!important;color:#f0f0ea!important;border:1px solid #4d5168!important;border-radius:18px}
.dice{background:#272a3f!important;color:#f6f6f1!important;border:2px solid var(--club-teal)!important;border-radius:16px;box-shadow:0 6px 20px rgba(57,225,202,.2)}
#center-dare-text{color:#f0f0ea!important}
.current-player{color:var(--club-teal)!important;font-weight:800}
.modal-content h2,.modal-content h3{color:#f6f6f1!important}
.modal-content p,.modal-content li{color:#d9d8e0!important}
.camera-placeholder p{color:#a7a6ba!important}
.rules-content ul li{color:#f0f0ea!important}
.limit-options label,.player-roles label{background:#272a3f!important;color:#f0f0ea!important;border:1px solid #4d5168!important}
.limit-options label:hover,.player-roles label:hover{background:#30344e!important;border-color:#5f6478!important}
.role-selector input[type="radio"]:checked + .role-label { color: var(--club-teal)!important; }

/* the giant outer game card was still white */
.game-area{background:#1c1e2b!important;border:1px solid #45475c!important;border-radius:22px;color:#f0f0ea}
.game-controls{background:#1c1e2b!important}
.dare-grid h3,.camera-section h3{color:#f6f6f1!important}
.center-dare-info h4{color:#f6f6f1!important;font-weight:700}
.dare-item .dare-text{color:#e8e8e2!important}