/* Fbrkha participant experience V2 — modern mode only.
   Player-first hierarchy for join, lobby, answering, voting, reveal and results.
   Host and classic-mode visuals are intentionally left untouched. */

html[data-ui-mode="modern"] body[data-game-brand="fbrkha"]{
  --fp-bg:#080b20;
  --fp-bg-deep:#050717;
  --fp-panel:rgba(15,20,49,.94);
  --fp-panel-2:rgba(22,27,62,.96);
  --fp-line:rgba(255,255,255,.10);
  --fp-line-strong:rgba(255,255,255,.16);
  --fp-text:#faf8f0;
  --fp-muted:#aab2ca;
  --fp-purple:#8b5cf6;
  --fp-purple-2:#b39cff;
  --fp-gold:#f2c94c;
  --fp-green:#35d39c;
  --fp-danger:#ef6575;
}

/* ---------- Join page ---------- */
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.public-screen:has(#joinBtn){
  width:min(650px,calc(100% - 20px))!important;
  min-height:calc(100dvh - 12px)!important;
  margin:6px auto!important;
  padding:clamp(10px,2.5vw,18px)!important;
  display:grid!important;
  align-content:start!important;
  gap:10px!important;
  overflow-x:clip!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.public-screen:has(#joinBtn) .floating-utility-actions{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:7px!important;
  margin:0!important;
  padding:0!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.public-screen:has(#joinBtn) .floating-utility-actions .icon-btn{
  min-width:44px!important;
  min-height:44px!important;
  border:1px solid var(--fp-line)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.035)!important;
  color:var(--fp-text)!important;
  box-shadow:none!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.public-screen:has(#joinBtn) .page-head{
  margin:2px 0 0!important;
  padding:10px 10px 3px!important;
  text-align:center!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.public-screen:has(#joinBtn) .page-head::before{
  content:"";
  display:block;
  width:72px;
  height:72px;
  margin:0 auto 8px;
  background:url('/assets/games/fbrkha-mark-v2.svg') center/contain no-repeat;
  filter:drop-shadow(0 12px 24px rgba(139,92,246,.22));
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.public-screen:has(#joinBtn) .page-head h1{
  margin:0!important;
  font-size:clamp(30px,8vw,45px)!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
  color:var(--fp-text)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.public-screen:has(#joinBtn) .page-head p{
  max-width:480px!important;
  margin:7px auto 0!important;
  color:var(--fp-muted)!important;
  font-size:13px!important;
  line-height:1.55!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.public-screen:has(#joinBtn) > .card{
  margin:0!important;
  padding:clamp(16px,4vw,23px)!important;
  display:grid!important;
  gap:10px!important;
  border:1px solid var(--fp-line)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,var(--fp-panel-2),var(--fp-panel))!important;
  box-shadow:0 20px 55px rgba(0,0,0,.29)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.public-screen:has(#joinBtn) .label{
  margin:1px 0 0!important;
  color:#dfe2ee!important;
  font-size:12px!important;
  font-weight:900!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.public-screen:has(#joinBtn) .code-input{
  width:100%!important;
  min-height:60px!important;
  padding:8px 14px!important;
  border:1px solid rgba(242,201,76,.34)!important;
  border-radius:16px!important;
  background:rgba(5,7,23,.82)!important;
  color:var(--fp-gold)!important;
  text-align:center!important;
  direction:ltr!important;
  font-size:clamp(25px,7vw,34px)!important;
  font-weight:950!important;
  letter-spacing:.18em!important;
  box-shadow:inset 0 0 0 1px rgba(242,201,76,.04)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.public-screen:has(#joinBtn) .code-input:focus{
  border-color:rgba(242,201,76,.72)!important;
  box-shadow:0 0 0 4px rgba(242,201,76,.08)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.public-screen:has(#joinBtn) .join-profile-preview{
  width:100%!important;
  margin:1px 0!important;
  padding:10px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:10px!important;
  border:1px solid var(--fp-line)!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.028)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.public-screen:has(#joinBtn) .join-avatar{
  width:50px!important;
  height:50px!important;
  align-self:center!important;
  overflow:hidden!important;
  border:2px solid rgba(179,156,255,.38)!important;
  border-radius:15px!important;
  background:rgba(139,92,246,.08)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.public-screen:has(#joinBtn) .join-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.public-screen:has(#joinBtn) .join-profile-preview>div{min-width:0!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.public-screen:has(#joinBtn) #playerName{
  width:100%!important;
  min-height:52px!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  background:rgba(5,7,23,.76)!important;
  font-size:17px!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.public-screen:has(#joinBtn) #editPlayerProfile{
  min-height:48px!important;
  padding:8px 11px!important;
  border-radius:13px!important;
  white-space:nowrap!important;
  font-size:11px!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.public-screen:has(#joinBtn) .label:has(#soundHelp){
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin-top:4px!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.public-screen:has(#joinBtn) #soundHelp{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--fp-line)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.04)!important;
  color:var(--fp-muted)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.public-screen:has(#joinBtn) .sound-grid{
  width:100%!important;
  display:flex!important;
  gap:7px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:2px 1px 8px!important;
  scroll-snap-type:inline proximity!important;
  overscroll-behavior-inline:contain!important;
  scrollbar-width:thin!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.public-screen:has(#joinBtn) .sound-option{
  flex:0 0 128px!important;
  min-width:128px!important;
  min-height:50px!important;
  padding:8px!important;
  border:1px solid var(--fp-line)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.035)!important;
  color:var(--fp-text)!important;
  font-size:12px!important;
  font-weight:850!important;
  scroll-snap-align:start!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.public-screen:has(#joinBtn) .sound-option.active{
  border-color:rgba(179,156,255,.58)!important;
  background:rgba(139,92,246,.12)!important;
  box-shadow:inset 0 0 0 1px rgba(179,156,255,.12)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.public-screen:has(#joinBtn) .inline-note{
  margin:0!important;
  color:var(--fp-muted)!important;
  font-size:10px!important;
  line-height:1.45!important;
  text-align:center!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.public-screen:has(#joinBtn) #joinBtn{
  width:100%!important;
  min-height:58px!important;
  margin-top:2px!important;
  border-radius:15px!important;
  font-size:17px!important;
  box-shadow:0 12px 30px rgba(242,201,76,.15)!important;
}

/* ---------- Shared active-player shell ---------- */
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active{
  min-height:100dvh!important;
  overflow-x:hidden!important;
  background:
    radial-gradient(680px 470px at 92% -10%,rgba(139,92,246,.20),transparent 65%),
    radial-gradient(480px 360px at -10% 42%,rgba(242,201,76,.055),transparent 68%),
    linear-gradient(180deg,#0b0f29 0%,#080b20 55%,#050717 100%)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.011) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.009) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(to bottom,#000,transparent 76%);
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active #app.player-shell{
  width:min(720px,calc(100% - 16px))!important;
  min-height:100dvh!important;
  margin:0 auto!important;
  padding:7px 0 calc(18px + env(safe-area-inset-bottom))!important;
  display:grid!important;
  align-content:start!important;
  gap:9px!important;
  overflow-x:clip!important;
}

/* The participant HUD carries only essential context. */
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .game-hud{
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:max(6px,env(safe-area-inset-top)) 7px 6px!important;
  position:sticky!important;
  top:5px!important;
  z-index:80!important;
  border:1px solid var(--fp-line)!important;
  border-radius:18px!important;
  background:rgba(5,8,25,.89)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(18px) saturate(125%)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .game-hud-main{
  min-height:46px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:6px!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .hud-brand{display:grid!important;place-items:center!important;min-width:84px!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .hud-brand .logo{margin:0!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .hud-brand img{max-width:96px!important;max-height:38px!important;object-fit:contain!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .hud-actions{min-width:0!important;display:flex!important;align-items:center!important;gap:5px!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .hud-actions.end{justify-content:flex-end!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .hud-button,
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .hud-chip{
  min-height:40px!important;
  height:40px!important;
  border:1px solid var(--fp-line)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:none!important;
  color:var(--fp-text)!important;
  font-size:11px!important;
  font-weight:900!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active #exitBtn{padding-inline:10px!important;color:#ffb5bd!important;border-color:rgba(239,101,117,.20)!important;background:rgba(239,101,117,.055)!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .room-mini{max-width:91px!important;padding-inline:8px!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;color:var(--fp-gold)!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .settings-icon-only,
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .utility-hud-button{width:40px!important;min-width:40px!important;padding:0!important;display:grid!important;place-items:center!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .desktop-score-chip{display:none!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .mobile-player-score{
  width:max-content!important;
  min-width:104px!important;
  min-height:35px!important;
  margin:5px auto 0!important;
  padding:5px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border:1px solid rgba(179,156,255,.18)!important;
  border-radius:999px!important;
  background:rgba(139,92,246,.075)!important;
  color:var(--fp-muted)!important;
  font-size:10px!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .mobile-player-score strong{color:var(--fp-text)!important;font-size:16px!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .game-hud-meta{
  min-height:25px!important;
  margin-top:5px!important;
  padding:3px 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
  color:var(--fp-muted)!important;
  font-size:10px!important;
}

/* Lobby: reassure the player instead of duplicating host controls. */
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .waiting-stage{
  width:100%!important;
  min-height:calc(100dvh - 145px)!important;
  margin:0!important;
  padding:clamp(22px,7vw,42px) clamp(16px,5vw,26px)!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:10px!important;
  text-align:center!important;
  border:1px solid var(--fp-line)!important;
  border-radius:25px!important;
  background:radial-gradient(circle at 50% 18%,rgba(139,92,246,.13),transparent 37%),linear-gradient(180deg,var(--fp-panel-2),var(--fp-panel))!important;
  box-shadow:0 20px 55px rgba(0,0,0,.25)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .waiting-stage .cinematic-icon{font-size:clamp(46px,14vw,72px)!important;filter:drop-shadow(0 14px 24px rgba(139,92,246,.18))}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .waiting-stage h1{margin:2px 0!important;font-size:clamp(31px,9vw,48px)!important;line-height:1.2!important;text-wrap:balance}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .waiting-stage p{max-width:430px!important;margin:0!important;color:var(--fp-muted)!important;font-size:14px!important;line-height:1.65!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .waiting-name{display:inline-flex!important;align-items:center!important;min-height:36px!important;padding:7px 13px!important;border:1px solid rgba(53,211,156,.20)!important;border-radius:999px!important;background:rgba(53,211,156,.065)!important;color:#b4f6df!important;font-weight:900!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .how-player{min-height:46px!important;margin-top:5px!important;padding-inline:18px!important}

/* Round context — compact and readable above the main task. */
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .tiebreak-banner,
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .round-mode-banner,
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .surprise-banner,
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .late-join-notice{
  width:100%!important;
  margin:0!important;
  padding:8px 10px!important;
  border-radius:13px!important;
  font-size:11px!important;
  line-height:1.45!important;
  box-shadow:none!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .timer-shell{
  width:100%!important;
  min-height:43px!important;
  margin:0!important;
  padding:5px 7px!important;
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr) 24px!important;
  align-items:center!important;
  gap:5px!important;
  border:1px solid var(--fp-line)!important;
  border-radius:13px!important;
  background:rgba(8,11,32,.72)!important;
  box-shadow:none!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .timer-track{height:30px!important;border-radius:9px!important;overflow:hidden!important;background:rgba(255,255,255,.045)!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .timer-fill{background:linear-gradient(90deg,var(--fp-purple),var(--fp-gold))!important;opacity:.24!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .timer-number{font-size:19px!important;color:var(--fp-text)!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .timer-side-icon{font-size:12px!important;color:var(--fp-muted)!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .timer-shell.urgent{border-color:rgba(239,101,117,.36)!important;background:rgba(239,101,117,.055)!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .timer-shell.urgent .timer-number{color:#ff9aa6!important}

/* Question card is the visual anchor. Cover several historical class names safely. */
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active :is(.mobile-question-stage,.question-stage,.question-card,.mobile-question-card){
  width:100%!important;
  min-height:132px!important;
  margin:0!important;
  padding:clamp(15px,5vw,23px)!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:7px!important;
  text-align:center!important;
  border:1px solid rgba(179,156,255,.17)!important;
  border-radius:21px!important;
  background:radial-gradient(circle at 50% 0,rgba(139,92,246,.11),transparent 50%),linear-gradient(180deg,var(--fp-panel-2),var(--fp-panel))!important;
  box-shadow:0 15px 38px rgba(0,0,0,.20)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active :is(.mobile-question-stage,.question-stage,.question-card,.mobile-question-card) h1,
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active :is(.mobile-question-stage,.question-stage,.question-card,.mobile-question-card) h2{
  max-width:100%!important;
  margin:0!important;
  color:var(--fp-text)!important;
  font-size:clamp(23px,6.4vw,34px)!important;
  line-height:1.48!important;
  letter-spacing:-.02em!important;
  text-wrap:balance!important;
  overflow-wrap:break-word!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active :is(.mobile-question-stage,.question-stage,.question-card,.mobile-question-card) :is(small,.stage-kicker,.question-label){color:var(--fp-gold)!important;font-size:10px!important;font-weight:900!important}

html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .personal-challenge{
  margin:0!important;
  padding:9px 10px!important;
  border-radius:13px!important;
  font-size:11px!important;
  line-height:1.5!important;
}

/* Answer composer: one obvious action, thumb-friendly, keyboard-safe. */
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .mobile-answer-composer{
  width:100%!important;
  margin:0!important;
  padding:14px!important;
  position:sticky!important;
  bottom:max(7px,env(safe-area-inset-bottom))!important;
  z-index:46!important;
  display:grid!important;
  gap:8px!important;
  border:1px solid rgba(179,156,255,.19)!important;
  border-radius:19px!important;
  background:rgba(10,13,38,.965)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.36)!important;
  backdrop-filter:blur(18px) saturate(120%)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .mobile-answer-composer>.label{margin:0!important;color:#e5e2ef!important;font-size:13px!important;font-weight:900!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active #answerInput{
  width:100%!important;
  min-height:58px!important;
  padding:11px 14px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:14px!important;
  background:#050719!important;
  color:var(--fp-text)!important;
  font-size:18px!important;
  line-height:1.4!important;
  box-shadow:none!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active #answerInput:focus{border-color:rgba(179,156,255,.62)!important;box-shadow:0 0 0 4px rgba(139,92,246,.09)!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .mobile-answer-composer .inline-note{margin:0!important;color:var(--fp-muted)!important;font-size:10px!important;line-height:1.45!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active #answerBtn{
  width:100%!important;
  min-height:58px!important;
  margin:0!important;
  border-radius:14px!important;
  font-size:16px!important;
}

/* After submission, provide confidence and avoid exposing the private answer by default. */
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active :is(.submission-card,.vote-confirmation){
  width:100%!important;
  min-height:170px!important;
  margin:0!important;
  padding:20px 15px!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:8px!important;
  text-align:center!important;
  border:1px solid rgba(53,211,156,.20)!important;
  border-radius:21px!important;
  background:linear-gradient(180deg,rgba(18,48,49,.72),var(--fp-panel))!important;
  box-shadow:0 15px 38px rgba(0,0,0,.20)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active :is(.submission-card,.vote-confirmation) .submission-icon,
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .vote-confirmation>span{font-size:34px!important;color:var(--fp-green)!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active :is(.submission-card,.vote-confirmation) h2,
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .vote-confirmation strong{margin:0!important;font-size:clamp(20px,6vw,27px)!important;line-height:1.3!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active :is(.submission-card,.vote-confirmation) :is(p,small){max-width:430px!important;margin:0!important;color:var(--fp-muted)!important;font-size:12px!important;line-height:1.55!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .own-fake-preview{width:min(100%,440px)!important;min-height:50px!important;padding:10px 12px!important;display:grid!important;place-items:center!important;border:1px solid var(--fp-line)!important;border-radius:13px!important;background:rgba(5,7,23,.60)!important;font-size:18px!important;line-height:1.45!important;overflow-wrap:break-word!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .own-fake-actions{width:min(100%,440px)!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;gap:7px!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .own-fake-actions .btn{min-height:46px!important;margin:0!important}

/* Voting: large cards, no tiny hit targets, visible selected/pending state. */
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active :is(.vote-grid,.voting-grid,.answers-grid,.answer-options){
  width:100%!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  margin:0!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active [data-option]{
  width:100%!important;
  min-width:0!important;
  min-height:64px!important;
  padding:12px 14px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,rgba(27,32,70,.96),rgba(14,18,47,.96))!important;
  color:var(--fp-text)!important;
  box-shadow:none!important;
  font-size:16px!important;
  line-height:1.5!important;
  text-align:right!important;
  overflow-wrap:break-word!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active [data-option]:not(:disabled):active{transform:scale(.988)!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active [data-option].selected,
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active [data-option].vote-pending{
  border-color:rgba(242,201,76,.58)!important;
  background:linear-gradient(145deg,rgba(72,58,32,.76),rgba(21,24,54,.96))!important;
  box-shadow:inset 0 0 0 1px rgba(242,201,76,.12)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active [data-option]:disabled{opacity:.45!important;cursor:not-allowed!important}

/* Reveal / round recap / ranking: readable on a phone without desktop-scale theatre. */
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active :is(.reveal-stage,.two-truth-reveal-stage,.answers-voters-summary,.ranking-stage,.final-podium-stage,.awards-page,.share-summary-stage){
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  overflow-x:clip!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .reveal-stage{
  min-height:calc(100dvh - 150px)!important;
  display:grid!important;
  place-items:center!important;
  padding:4px 0!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .reveal-answer-card{
  width:100%!important;
  min-height:310px!important;
  padding:clamp(20px,6vw,34px) clamp(15px,5vw,25px)!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:11px!important;
  text-align:center!important;
  border-radius:24px!important;
  box-shadow:0 20px 55px rgba(0,0,0,.28)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .reveal-answer-card .revealed-answer-text{
  max-width:100%!important;
  margin:4px 0!important;
  font-size:clamp(27px,8vw,43px)!important;
  line-height:1.35!important;
  text-wrap:balance!important;
  overflow-wrap:break-word!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .reveal-answer-card .answer-type{font-size:11px!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .reveal-points{font-size:clamp(18px,5vw,26px)!important;font-weight:950!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .answer-authors,
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .answer-voters{max-width:100%!important;font-size:12px!important;line-height:1.5!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .projector-voter-grid{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:5px!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .voter-chip{min-height:30px!important;padding:5px 8px!important;border-radius:999px!important;font-size:10px!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .answer-explanation{max-width:520px!important;font-size:12px!important;line-height:1.65!important}

html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .answers-voters-summary{
  padding:15px!important;
  border:1px solid var(--fp-line)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,var(--fp-panel-2),var(--fp-panel))!important;
  box-shadow:0 17px 46px rgba(0,0,0,.22)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .answers-voters-summary header h1{margin:4px 0 12px!important;font-size:clamp(23px,7vw,32px)!important;line-height:1.35!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .answers-voters-list{display:grid!important;gap:7px!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .answers-voters-list>article{
  min-width:0!important;
  padding:10px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:7px 9px!important;
  border-radius:14px!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .summary-voters{grid-column:1/-1!important;min-width:0!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .summary-answer strong{font-size:15px!important;line-height:1.45!important;overflow-wrap:break-word!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .summary-voters-label,
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .summary-voters :is(span,em){font-size:10px!important}

html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .ranking-stage{
  min-height:calc(100dvh - 150px)!important;
  padding:18px 12px!important;
  border:1px solid var(--fp-line)!important;
  border-radius:23px!important;
  background:linear-gradient(180deg,var(--fp-panel-2),var(--fp-panel))!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .ranking-heading h1{font-size:clamp(28px,8vw,40px)!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .scoreboard-card{width:100%!important;max-width:100%!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .scoreboard-list{display:grid!important;gap:7px!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .scoreboard-row{
  min-width:0!important;
  min-height:58px!important;
  padding:8px 10px!important;
  grid-template-columns:30px minmax(0,1fr) auto!important;
  gap:8px!important;
  border-radius:13px!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .scoreboard-row.me{border-color:rgba(242,201,76,.37)!important;background:rgba(242,201,76,.055)!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .scoreboard-name{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .scoreboard-score{font-size:19px!important}

html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .final-podium-stage,
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .awards-page,
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .share-summary-stage{
  min-height:calc(100dvh - 145px)!important;
  padding:18px 12px!important;
  border:1px solid var(--fp-line)!important;
  border-radius:23px!important;
  background:radial-gradient(circle at 50% 4%,rgba(242,201,76,.08),transparent 34%),linear-gradient(180deg,var(--fp-panel-2),var(--fp-panel))!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .podium-grid{width:100%!important;max-width:100%!important;gap:7px!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .podium-card{min-width:0!important;padding:12px 7px!important;border-radius:16px!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .podium-avatar{width:58px!important;height:58px!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .podium-card h2{max-width:100%!important;font-size:13px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .podium-card>strong{font-size:15px!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .summary-final-actions{width:100%!important;padding:0!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .summary-final-actions .btn{width:100%!important;min-height:52px!important;margin:0!important}

/* Keyboard mode: keep enough question context while giving most of the viewport to typing. */
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active:is(.text-entry-focused,.keyboard-open) #app.player-shell{padding-top:4px!important;gap:5px!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active:is(.text-entry-focused,.keyboard-open) .game-hud{position:relative!important;top:auto!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active:is(.text-entry-focused,.keyboard-open) .game-hud-meta,
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active:is(.text-entry-focused,.keyboard-open) .mobile-player-score,
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active:is(.text-entry-focused,.keyboard-open) .tiebreak-banner,
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active:is(.text-entry-focused,.keyboard-open) .round-mode-banner,
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active:is(.text-entry-focused,.keyboard-open) .surprise-banner,
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active:is(.text-entry-focused,.keyboard-open) .personal-challenge{display:none!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active:is(.text-entry-focused,.keyboard-open) .timer-shell{min-height:35px!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active:is(.text-entry-focused,.keyboard-open) .timer-track{height:24px!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active:is(.text-entry-focused,.keyboard-open) :is(.mobile-question-stage,.question-stage,.question-card,.mobile-question-card){min-height:72px!important;padding:8px 10px!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active:is(.text-entry-focused,.keyboard-open) :is(.mobile-question-stage,.question-stage,.question-card,.mobile-question-card) h1,
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active:is(.text-entry-focused,.keyboard-open) :is(.mobile-question-stage,.question-stage,.question-card,.mobile-question-card) h2{font-size:clamp(18px,5.3vw,26px)!important;line-height:1.35!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active:is(.text-entry-focused,.keyboard-open) .mobile-answer-composer{position:relative!important;bottom:auto!important;padding:10px!important;gap:6px!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active:is(.text-entry-focused,.keyboard-open) .mobile-answer-composer .inline-note{display:none!important}

/* Connection banner should reassure without blocking the primary action. */
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .connection-banner,
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .connection-banner{
  width:min(520px,calc(100% - 20px))!important;
  min-height:43px!important;
  inset:10px 50% auto auto!important;
  transform:translateX(50%)!important;
  padding:8px 11px!important;
  border:1px solid rgba(179,156,255,.22)!important;
  border-radius:999px!important;
  background:rgba(13,16,43,.95)!important;
  color:#e3dcff!important;
  box-shadow:0 14px 34px rgba(0,0,0,.28)!important;
  font-size:11px!important;
  line-height:1.35!important;
  z-index:1000!important;
}

@media(max-width:560px){
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.public-screen:has(#joinBtn){width:calc(100% - 12px)!important;padding:7px!important}
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.public-screen:has(#joinBtn) .page-head::before{width:60px;height:60px}
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.public-screen:has(#joinBtn) .page-head{padding-top:3px!important}
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.public-screen:has(#joinBtn) .join-profile-preview{grid-template-columns:44px minmax(0,1fr)!important;align-items:center!important}
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.public-screen:has(#joinBtn) #editPlayerProfile{grid-column:1/-1!important;width:100%!important;min-height:43px!important}
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active #app.player-shell{width:calc(100% - 10px)!important;padding-top:5px!important}
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .game-hud-main{grid-template-columns:minmax(84px,1fr) auto minmax(84px,1fr)!important}
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .hud-brand img{max-width:82px!important}
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .room-mini{display:none!important}
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .utility-hud-button{display:none!important}
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .waiting-stage{min-height:calc(100dvh - 130px)!important}
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .reveal-answer-card{min-height:280px!important}
}

@media(max-width:380px){
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .game-hud-main{grid-template-columns:1fr auto 1fr!important;gap:4px!important}
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .hud-brand img{max-width:72px!important}
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active #exitBtn{width:40px!important;min-width:40px!important;padding:0!important;font-size:0!important}
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active #exitBtn::before{content:"×";font-size:21px!important}
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .settings-icon-only{width:40px!important;min-width:40px!important}
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .podium-grid{grid-template-columns:1fr!important}
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .podium-card{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:8px!important;text-align:right!important}
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .podium-block{display:none!important}
}

@media(orientation:landscape) and (max-height:520px){
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .game-hud{position:relative!important;top:auto!important}
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .game-hud-meta,
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .mobile-player-score,
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .personal-challenge{display:none!important}
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active :is(.mobile-question-stage,.question-stage,.question-card,.mobile-question-card){min-height:82px!important;padding:9px 12px!important}
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .mobile-answer-composer{position:relative!important;bottom:auto!important}
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active .waiting-stage{min-height:300px!important}
}

@media(prefers-reduced-motion:reduce){
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active *,
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active *::before,
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].player-active *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}