html[data-ui-mode="modern"] body.game-fbrkha-online{
  --bg:#0B0F2B;
  --panel:rgba(17,23,51,.92);
  --panel2:rgba(23,30,61,.95);
  --line:rgba(255,255,255,.11);
  --text:#F8F7EF;
  --muted:#A8B0C9;
  --pink:#8B5CF6;
  --purple:#8B5CF6;
  --cyan:#A78BFA;
  --green:#19C38D;
  --danger:#F06A76;
  --gold:#F4C430;
  --shadow:0 22px 56px rgba(0,0,0,.28);
  background:
    radial-gradient(700px 500px at 86% -8%,rgba(139,92,246,.22),transparent 64%),
    radial-gradient(560px 440px at -10% 36%,rgba(244,196,48,.07),transparent 65%),
    linear-gradient(180deg,#0B0F2B,#070A1C 90%);
  color:var(--text);
}
html[data-ui-mode="modern"] .game-fbrkha-online .ambient{opacity:.08;filter:blur(110px)}
html[data-ui-mode="modern"] .game-fbrkha-online .ambient-a{background:#8B5CF6}
html[data-ui-mode="modern"] .game-fbrkha-online .ambient-b{background:#F4C430}
html[data-ui-mode="modern"] .game-fbrkha-online .topbar{
  width:min(760px,calc(100% - 24px));
  margin:8px auto 0;
  padding:max(9px,env(safe-area-inset-top)) 12px 9px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  background:rgba(7,10,28,.80);
  box-shadow:0 12px 30px rgba(0,0,0,.17);
  backdrop-filter:blur(18px) saturate(125%);
}
html[data-ui-mode="modern"] .game-fbrkha-online .back-link{color:#F8F7EF}
html[data-ui-mode="modern"] .game-fbrkha-online .online-pill{border-color:rgba(25,195,141,.27);background:rgba(25,195,141,.09)}
html[data-ui-mode="modern"] .game-fbrkha-online .shell{padding-top:10px}
html[data-ui-mode="modern"] .game-fbrkha-online .brand{padding-top:24px}
html[data-ui-mode="modern"] .game-fbrkha-online .brand::before{
  content:"";
  display:block;
  width:76px;height:76px;
  margin:0 auto 10px;
  background:url('/assets/fbrkh-approved-brand.svg') center/contain no-repeat;
  filter:drop-shadow(0 14px 28px rgba(139,92,246,.24));
}
html[data-ui-mode="modern"] .game-fbrkha-online .brand-logo{display:none!important}
html[data-ui-mode="modern"] .game-fbrkha-online .eyebrow{color:#C9B8FA;background:rgba(139,92,246,.09);border:1px solid rgba(139,92,246,.17);border-radius:999px;padding:7px 10px}
html[data-ui-mode="modern"] .game-fbrkha-online .gradient-text{background:linear-gradient(90deg,#F8F7EF 8%,#A78BFA 62%,#F4C430 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-ui-mode="modern"] .game-fbrkha-online .brand p{color:var(--muted)}
html[data-ui-mode="modern"] .game-fbrkha-online .card{
  background:linear-gradient(180deg,rgba(23,30,61,.95),rgba(12,17,44,.97));
  border:1px solid var(--line);
  border-radius:22px;
  box-shadow:var(--shadow);
}
html[data-ui-mode="modern"] .game-fbrkha-online .mode{background:rgba(255,255,255,.035);border-color:var(--line);border-radius:18px;transition:transform .18s ease,border-color .18s ease,background .18s ease}
html[data-ui-mode="modern"] .game-fbrkha-online .mode:hover{transform:translateY(-2px);border-color:rgba(139,92,246,.34);background:rgba(139,92,246,.07)}
html[data-ui-mode="modern"] .game-fbrkha-online .mode.quick{background:linear-gradient(145deg,rgba(139,92,246,.13),rgba(139,92,246,.04))}
html[data-ui-mode="modern"] .game-fbrkha-online .mode.private{background:linear-gradient(145deg,rgba(244,196,48,.08),rgba(139,92,246,.04))}
html[data-ui-mode="modern"] .game-fbrkha-online .input,
html[data-ui-mode="modern"] .game-fbrkha-online .fake-form textarea{background:rgba(7,10,28,.72);border-color:rgba(255,255,255,.13);color:#F8F7EF}
html[data-ui-mode="modern"] .game-fbrkha-online .input:focus,
html[data-ui-mode="modern"] .game-fbrkha-online .fake-form textarea:focus{border-color:rgba(244,196,48,.55);box-shadow:0 0 0 4px rgba(244,196,48,.08)}
html[data-ui-mode="modern"] .game-fbrkha-online .btn-primary{color:#17120A;background:linear-gradient(135deg,#FFD967,#F4C430);box-shadow:0 12px 30px rgba(244,196,48,.18)}
html[data-ui-mode="modern"] .game-fbrkha-online .btn-secondary{background:linear-gradient(135deg,#9F7AEA,#7651E8);box-shadow:0 12px 30px rgba(139,92,246,.17)}
html[data-ui-mode="modern"] .game-fbrkha-online .room-code{background:rgba(244,196,48,.045);border-color:rgba(244,196,48,.24)}
html[data-ui-mode="modern"] .game-fbrkha-online .room-code strong{color:#F4C430}
html[data-ui-mode="modern"] .game-fbrkha-online .category-btn:hover,
html[data-ui-mode="modern"] .game-fbrkha-online .vote-option:not(:disabled):hover{border-color:rgba(139,92,246,.45);background:rgba(139,92,246,.10)}
html[data-ui-mode="modern"] .game-fbrkha-online .progress{background:linear-gradient(90deg,#8B5CF6,#F4C430)}
html[data-ui-mode="modern"] .game-fbrkha-online .avatar{background:linear-gradient(135deg,#8B5CF6,#F4C430);color:#0B0F2B}
html[data-ui-mode="modern"] .game-fbrkha-online .you{color:#C5B4FF}
html[data-ui-mode="modern"] .game-fbrkha-online .queue-orbit:before{border-top-color:#F4C430;border-right-color:#8B5CF6}
html[data-ui-mode="modern"] .game-fbrkha-online .rank:first-child{background:linear-gradient(135deg,rgba(244,196,48,.12),rgba(255,255,255,.035));border-color:rgba(244,196,48,.25)}
html[data-ui-mode="modern"] .game-fbrkha-online :focus-visible{outline:3px solid rgba(244,196,48,.9);outline-offset:3px}
@media(max-width:420px){
  html[data-ui-mode="modern"] .game-fbrkha-online .topbar{width:calc(100% - 16px);margin-top:6px}
  html[data-ui-mode="modern"] .game-fbrkha-online .shell{padding-left:10px;padding-right:10px}
  html[data-ui-mode="modern"] .game-fbrkha-online .brand{padding-top:18px}
  html[data-ui-mode="modern"] .game-fbrkha-online .brand::before{width:66px;height:66px}
  html[data-ui-mode="modern"] .game-fbrkha-online .card{padding:15px;border-radius:19px}
  html[data-ui-mode="modern"] .game-fbrkha-online .btn{min-height:50px}
}
@media(prefers-reduced-motion:reduce){html[data-ui-mode="modern"] .game-fbrkha-online *,html[data-ui-mode="modern"] .game-fbrkha-online *::before,html[data-ui-mode="modern"] .game-fbrkha-online *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}