/* FBRKH r860 | REAL GAME UI REBUILD — adapted from approved light homepage.
   All four games: entrance, setup, lobby and live scene. Visual only.
   The official r843 brand, correct-answer/reveal semantics, QR pixels, drawings,
   category value positioning, button action semantics, timers, score states, and
   game mechanics are explicitly out of scope. */
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"]{
 --g860-paper:#fffaf3;--g860-ivory:#fffefa;--g860-sand:#f7f0e8;
 --g860-lilac:#f1e8f7;--g860-purple:#6527a0;--g860-plum:#31194c;
 --g860-ink:#30213f;--g860-muted:#6c5d7a;--g860-gold:#f6c66c;
 --g860-outline:rgba(108,68,138,.18);
 --g860-card-shadow:0 18px 46px rgba(54,26,77,.11);
 --g860-hero-shadow:0 22px 64px rgba(57,21,92,.16);
 color-scheme:light;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand]{
 --game-accent:#8b4cc3;
 min-height:100svh;
 background:
 radial-gradient(ellipse at 89% 2%,rgba(196,151,223,.23),transparent 37rem),
 radial-gradient(ellipse at 7% 57%,rgba(250,211,155,.17),transparent 35rem),
 linear-gradient(160deg,#fffaf3 0%,#f6effa 60%,#fff9f0 100%)!important;
 color:var(--g860-ink);
 font-family:"Alexandria",Tahoma,Arial,sans-serif;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"]{--game-accent:#7b3bb5}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="qadha"]{--game-accent:#b27534}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="khaltaha"]{--game-accent:#c45b9c}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="top10"]{--game-accent:#5b73c8}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand] :is(button,a,input,select,textarea):focus-visible{
 outline:3px solid var(--g860-gold)!important;outline-offset:3px!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand] :is(.game-brand-logo,.game-brand-mark){
 object-fit:contain;
}
/* A violet flagship navigation with the same restraint as the approved home. */
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand] :is(.q-nav,.k-top,.t10-nav,.participant-top,.game-hud){
 background:linear-gradient(108deg,#49206b,#2d1748 85%)!important;
 border:1px solid rgba(255,211,161,.2)!important;
 box-shadow:0 10px 30px rgba(49,18,85,.19)!important;
 color:#fff9f5!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand] :is(.q-nav,.k-top,.t10-nav,.participant-top) :is(a,button,span,small){
 color:#fff9f5;
}
/* FBRKHA — replace dated dark landing with airy homepage-adjacent ivory
   product hero. The custom violet game mark stays the only game mark. */
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"]:has(#app.home-shell.public-screen) .background-shapes{
 opacity:.3!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] #app.home-shell.public-screen{
 background:transparent!important;
 border:0!important;
 box-shadow:none!important;
 width:min(1100px,calc(100% - 26px))!important;
 max-width:1100px!important;
 min-height:initial!important;
 padding:clamp(17px,3vw,40px)!important;
 margin:clamp(14px,2.4vw,30px) auto!important;
 color:var(--g860-ink)!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] #app.home-shell .brand-hero{
 position:relative;isolation:isolate;overflow:hidden;
 background:linear-gradient(125deg,#fffdf8 0%,#f4e8f9 100%)!important;
 border:1px solid var(--g860-outline)!important;
 border-radius:clamp(23px,3vw,34px)!important;
 padding:clamp(26px,4vw,52px)!important;
 box-shadow:var(--g860-hero-shadow)!important;
 color:var(--g860-ink)!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] #app.home-shell .brand-hero::before{
 content:"";position:absolute;inset:0 auto 0 0;width:clamp(5px,1vw,10px);
 background:linear-gradient(180deg,#f5bd68,#8d48cb);pointer-events:none;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] #app.home-shell .brand-hero::after{
 content:"";position:absolute;z-index:-1;left:-90px;bottom:-135px;
 width:clamp(235px,31vw,410px);aspect-ratio:1;
 border:clamp(28px,4vw,54px) solid rgba(108,50,172,.06);
 border-radius:50%;pointer-events:none;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] #app.home-shell :is(.brand-tagline,.brand-tagline strong,.brand-tagline b){
 color:#42235f!important;-webkit-text-fill-color:#42235f!important;
 text-shadow:none!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] #app.home-shell .brand-subtitle{
 color:#6b577c!important;-webkit-text-fill-color:#6b577c!important;
 max-width:670px!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] #app.home-shell .fbrkha-v2-word{
 color:#6f2ba8!important;-webkit-text-fill-color:#6f2ba8!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] #app.home-shell .home-actions{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.7vw,19px);
 margin-top:clamp(14px,2.5vw,28px)!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] #app.home-shell .home-action{
 background:linear-gradient(140deg,#fffdf9,#f5effa)!important;
 border:1px solid rgba(112,64,152,.19)!important;
 border-radius:clamp(17px,2vw,24px)!important;
 box-shadow:var(--g860-card-shadow)!important;
 color:#40265d!important;min-width:0;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] #app.home-shell .home-action :is(b,small,span){
 color:#40265d!important;-webkit-text-fill-color:#40265d!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] #app.home-shell .home-action-icon{
 color:#7732b5!important;background:rgba(118,48,182,.085)!important;
 border-radius:16px;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] #app.home-shell #createPageBtn{
 background:linear-gradient(128deg,#65279d,#8143bf)!important;
 border-color:rgba(105,36,166,.36)!important;
 color:#fff9fa!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] #app.home-shell #createPageBtn :is(b,small,span){
 color:#fff9fa!important;-webkit-text-fill-color:#fff9fa!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] #app.home-shell #createPageBtn .home-action-icon{
 background:rgba(255,234,182,.15)!important;color:#ffe4b1!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] #app.home-shell .home-features{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;
 margin-top:16px!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] #app.home-shell .home-features>div{
 background:#fffefb!important;border:1px solid var(--g860-outline)!important;
 border-radius:17px!important;color:#503665!important;
 box-shadow:0 8px 26px rgba(50,21,81,.06)!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] #app.home-shell .home-features :is(b,span){
 color:#503665!important;-webkit-text-fill-color:#503665!important;
}
/* FBRKHA join, host lobby and participant answering/voting: cream surfaces
   with ink text. Reveal winner/correct semantics intentionally excluded. */
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] #app.public-screen:has(#joinBtn) :is(.page-head,.card,.join-profile-preview){
 background:linear-gradient(140deg,#fffdf8,#f4eafb)!important;
 border:1px solid var(--g860-outline)!important;border-radius:25px!important;
 box-shadow:var(--g860-card-shadow)!important;color:#3b2655!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] #app.public-screen:has(#joinBtn) :is(.page-head h1,.page-head p,.label){
 color:#44275f!important;-webkit-text-fill-color:#44275f!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body.host-active[data-game-brand="fbrkha"] #app[data-fbrkha-role="host"] :is(.lobby-join-card,.lobby-panel,.host-question-stage,.host-voting-content){
 background:linear-gradient(145deg,#fffdf9,#f3eaf8)!important;
 border:1px solid var(--g860-outline)!important;
 box-shadow:var(--g860-card-shadow)!important;border-radius:24px!important;
 color:#322144!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body.host-active[data-game-brand="fbrkha"] #app[data-fbrkha-role="host"] :is(.lobby-hero h1,.lobby-hero p,.host-question-stage h1,.host-voting-content h1,.question-text){
 color:#38214e!important;-webkit-text-fill-color:#38214e!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body.host-active[data-game-brand="fbrkha"] #app[data-fbrkha-role="host"] .vote-option:not(.correct):not(.wrong):not(.selected){
 background:#fffdfa!important;border:1px solid rgba(112,64,152,.20)!important;
 color:#3c2555!important;border-radius:17px!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body.player-active[data-game-brand="fbrkha"] #app.player-shell :is(.waiting-stage,.mobile-question-stage,.question-stage,.question-card,.mobile-question-card){
 background:linear-gradient(145deg,#fffefa,#f0e7f7)!important;
 border:1px solid var(--g860-outline)!important;
 border-radius:23px!important;box-shadow:var(--g860-card-shadow)!important;
 color:#322144!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body.player-active[data-game-brand="fbrkha"] #app.player-shell :is(.waiting-stage,.mobile-question-stage,.question-stage,.question-card,.mobile-question-card) :is(h1,h2,p,strong,.question-text){
 color:#332047!important;-webkit-text-fill-color:#332047!important;
}
/* QADHA — inviting two-team amber/lilac foyer, but original board geometry,
   category placement, difficulty semantics and drawing area stay untouched. */
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="qadha"] #qApp>.qadha-initial-home{
 background:
 radial-gradient(ellipse at 86% 18%,rgba(248,201,125,.23),transparent 48%),
 linear-gradient(130deg,#fffdf9,#f3e9f8)!important;
 border:1px solid var(--g860-outline)!important;
 color:#3c2454!important;
 border-radius:clamp(23px,3vw,35px)!important;
 box-shadow:var(--g860-hero-shadow)!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="qadha"] #qApp>.qadha-initial-home :is(h1,h1 span){
 color:#4e2671!important;-webkit-text-fill-color:#4e2671!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="qadha"] #qApp>.qadha-initial-home p{
 color:#705b7d!important;-webkit-text-fill-color:#705b7d!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="qadha"] #qApp>.qadha-initial-home .pill{
 background:#fdf0db!important;border:1px solid rgba(194,129,59,.24)!important;
 color:#8a552c!important;-webkit-text-fill-color:#8a552c!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="qadha"] #qApp>.qadha-initial-home .hero-panel{
 background:radial-gradient(ellipse,rgba(218,163,92,.24),transparent 69%)!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="qadha"] #qApp>.qadha-initial-home #qInitialNewGame{
 background:linear-gradient(125deg,#68259b,#8144b7)!important;
 color:#fffaf5!important;-webkit-text-fill-color:#fffaf5!important;
 box-shadow:0 13px 28px rgba(103,46,155,.20)!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="qadha"] #qApp>.qadha-initial-home .btn-ghost{
 background:#fffefd!important;color:#563477!important;-webkit-text-fill-color:#563477!important;
 border:1px solid rgba(103,49,147,.22)!important;
}
/* Qadha setup and lobby content; exclude .drawing*, .slot.used,
   .board geometry, .answer-box and team-state backgrounds. */
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="qadha"] #qApp :is(.setup-panel,.q-setup-card,.settings-panel,.lobby-panel,.q-lobby-card){
 background:linear-gradient(140deg,#fffdf8,#f4eafb)!important;
 border:1px solid var(--g860-outline)!important;
 box-shadow:var(--g860-card-shadow)!important;
 color:#3b2752!important;border-radius:22px!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="qadha"] #qApp .setup-panel :is(h1,h2,h3,p,label){
 color:#433052!important;-webkit-text-fill-color:#433052!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body.q-game-active[data-game-brand="qadha"] .q-board-screen{
 background:linear-gradient(140deg,#f9f3eb,#eee2f4)!important;
 border:1px solid rgba(106,54,152,.14)!important;
 border-radius:20px!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body.q-game-active[data-game-brand="qadha"] :is(.board-category-panel,.premium-team-box){
 border-color:rgba(215,180,246,.32)!important;
 box-shadow:0 8px 27px rgba(21,5,42,.13)!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body.q-game-active[data-game-brand="qadha"] .premium-qadha-toolbar{
 background:linear-gradient(108deg,#442067,#271342)!important;
 border:1px solid rgba(244,205,143,.22)!important;border-radius:17px!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body.q-game-active[data-game-brand="qadha"] .q-question-card:not(.qadha-question-drawing),
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body.q-game-active[data-game-brand="qadha"] .qadha-reveal-shell{
 border:1px solid rgba(225,190,250,.3)!important;border-radius:21px!important;
}
/* KHALTAHA — white/rose mode chooser, genuine multi-mode mix. */
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) #kApp .k-hero{
 background:
 radial-gradient(ellipse at 80% 20%,rgba(234,138,188,.20),transparent 52%),
 linear-gradient(135deg,#fffdf7,#f6eaf4)!important;
 border:1px solid rgba(181,100,148,.18)!important;
 box-shadow:var(--g860-hero-shadow)!important;
 border-radius:28px!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="khaltaha"] #kApp .k-hero :is(h1,h1 span,p){
 color:#4b275b!important;-webkit-text-fill-color:#4b275b!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) #kApp :is(.setup-panel,.k-card,.setup-options>div){
 background:linear-gradient(145deg,#fffdfa,#f6edf8)!important;
 border:1px solid var(--g860-outline)!important;
 border-radius:21px!important;box-shadow:var(--g860-card-shadow)!important;
 color:#432d51!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) #kApp .mode-toggle{
 background:#fffefd!important;border:1px solid rgba(190,105,155,.22)!important;
 border-radius:19px!important;box-shadow:0 8px 23px rgba(79,30,85,.055)!important;
 color:#422d53!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) #kApp .mode-toggle :is(b,small,span){
 color:#422d53!important;-webkit-text-fill-color:#422d53!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) #kApp .mode-toggle:has(input:checked){
 background:linear-gradient(140deg,#f7deef,#f0e5f8)!important;
 border-color:rgba(174,63,132,.55)!important;
 box-shadow:inset 0 0 0 1px rgba(187,82,147,.14),0 12px 26px rgba(91,35,102,.1)!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) #kApp .k-btn:not(.ghost):not(.danger){
 border-color:rgba(118,56,159,.24)!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) #kApp :is(.join-board,.lobby-players,.prompt-card){
 background:linear-gradient(145deg,#fffdfa,#f3e9f7)!important;
 border:1px solid rgba(123,66,146,.22)!important;
 border-radius:22px!important;box-shadow:var(--g860-card-shadow)!important;
 color:#422c51!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) #kApp .prompt-main :is(h1,h2,p){
 color:#3c2554!important;-webkit-text-fill-color:#3c2554!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body.khaltaha-player-v2[data-game-brand="khaltaha"] :is(.prompt-card,.waiting-stage){
 background:linear-gradient(145deg,#fffdf9,#f2e7f5)!important;
 border:1px solid var(--g860-outline)!important;
 color:#39264e!important;
 box-shadow:var(--g860-card-shadow)!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body.khaltaha-player-v2[data-game-brand="khaltaha"] .prompt-card :is(h1,h2,p,.prompt-main){
 color:#39264e!important;-webkit-text-fill-color:#39264e!important;
}
/* TOP10 — redesigned real setup & live question stage, keeping the ten
   reveal cards/heart states and host-only geometry intact. */
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="top10"] #app :is(
 #loadingView,#authView,#errorView,#setupView .setup-hero
){
 background:
 radial-gradient(ellipse at 85% 3%,rgba(151,170,237,.19),transparent 45%),
 linear-gradient(140deg,#fffdf9,#eeeafa)!important;
 border:1px solid rgba(92,97,178,.19)!important;
 box-shadow:var(--g860-hero-shadow)!important;
 border-radius:clamp(22px,3vw,34px)!important;
 color:#33264b!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="top10"] #app :is(
 #loadingView,#authView,#errorView,#setupView .setup-hero
) :is(h1,h2,p){
 color:#3b2c58!important;-webkit-text-fill-color:#3b2c58!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="top10"] #setupView .setup-card{
 background:linear-gradient(135deg,#fffefa,#f3edf9)!important;
 border:1px solid rgba(107,84,170,.19)!important;
 color:#33244d!important;
 border-radius:22px!important;box-shadow:var(--g860-card-shadow)!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="top10"] #setupView .setup-card :is(h2,h3,p,small,label){
 color:#493859!important;-webkit-text-fill-color:#493859!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="top10"] #setupView .section-title>span{
 background:#f1e4cf!important;color:#67408a!important;
 border:1px solid rgba(107,64,137,.13)!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="top10"] #setupView :is(
 .round-option,.timer-options button,.segmented button,.category-option,.content-pack-chip
):not(.active):not(:has(input:checked)){
 background:#fffdfa!important;border-color:rgba(97,65,145,.23)!important;
 color:#43265b!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="top10"] #setupView :is(
 .round-option,.timer-options button,.segmented button
).active{
 background:linear-gradient(145deg,#7541a8,#5d318f)!important;
 color:#fffefa!important;-webkit-text-fill-color:#fffefa!important;
 border:1px solid rgba(104,45,152,.3)!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="top10"] #gameView .question-panel{
 background:
 radial-gradient(ellipse at 88% -20%,rgba(210,173,239,.25),transparent 63%),
 linear-gradient(130deg,#fffefa,#f0e9f8)!important;
 border:1px solid rgba(89,57,136,.19)!important;
 box-shadow:var(--g860-card-shadow)!important;border-radius:21px!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="top10"] #gameView .question-panel :is(h1,p){
 color:#32234e!important;-webkit-text-fill-color:#32234e!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="top10"] #gameView :is(.game-topline,.teams-strip,.turn-panel){
 border-color:rgba(184,144,211,.19)!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="top10"] #gameView .answer-card{
 border-color:rgba(207,173,238,.28)!important;
 border-radius:16px!important;
 box-shadow:0 9px 24px rgba(32,12,66,.13)!important;
 /* Card face/hidden/revealed logic MUST keep its established color semantics. */
}
/* Page-space UX, not game clocks/board geometry. */
@media(max-width:640px){
 html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] #app.home-shell .home-actions{
  grid-template-columns:1fr;
 }
 html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] #app.home-shell .home-features{
  grid-template-columns:repeat(3,minmax(0,1fr));
 }
 html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] #app.home-shell .home-features>div{
  min-width:0;padding:10px 5px!important;
 }
 html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="qadha"] #qApp>.qadha-initial-home{
  border-radius:20px!important;
 }
}
@media(max-width:355px){
 html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] #app.home-shell .home-features{
  grid-template-columns:1fr;
 }
}
@media(prefers-reduced-motion:reduce){
 html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand]{
  scroll-behavior:auto!important;
 }
}

/* Some legacy game-entry CSS binds body dark canvas to :has(#app/#qApp/#kApp).
   That ID-based selector outranks a simple body selector, even when r860
   loads last. Explicitly out-rank it for every game's actual app root. */
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"]:has(#app),
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="qadha"]:has(#qApp),
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="khaltaha"]:has(#kApp),
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="top10"]:has(#app){
 background:
 radial-gradient(ellipse at 89% 2%,rgba(196,151,223,.23),transparent 37rem),
 radial-gradient(ellipse at 7% 57%,rgba(250,211,155,.17),transparent 35rem),
 linear-gradient(160deg,#fffaf3 0%,#f6effa 60%,#fff9f0 100%)!important;
 color:#30213f;
}

/* Fbrkha r859 also matches #app.home-shell.public-screen (two classes
   inside :has) and therefore outranks the generic #app body surface above.
   This final rule fixes that exact first-screen winner without altering
   non-home room/reveal classes. */
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"]:has(#app.home-shell.public-screen){
 background:
 radial-gradient(ellipse at 89% 2%,rgba(196,151,223,.23),transparent 37rem),
 radial-gradient(ellipse at 7% 57%,rgba(250,211,155,.17),transparent 35rem),
 linear-gradient(160deg,#fffaf3 0%,#f6effa 60%,#fff9f0 100%)!important;
}