.mines-game-layout #minesweeper_cashout.hidden { display: none !important; }
.hilo-btn-place.hidden,
.hilo-btn-cashout.hidden { display: none; }
.bj-btn-place.hidden { display: none; }
.bj-actions.hidden { display: none; }
.ck-btn-place.hidden { display: none; }
.ck-actions.hidden { display: none; }
.cf-btn-place.hidden { display: none; }
.cf-actions.hidden { display: none; }
.av-btn-place.hidden { display: none; }
.av-splash.hidden { display: none; }
.av-celebration.hidden { display: none; }
.av-stall-warning.hidden { display: none; }
.pk-page .hidden { display: none !important; }
.rl-history.hidden { display: none !important; }
.cr-btn-cashout.hidden { display: none !important; }
.cr-btn-next.hidden { display:none !important; }
.tw-btn-cashout.hidden { display: none !important; }
.sl-demo-banner.hidden { display: none; }
.poker-page .pk-away-badge.hidden { display:none!important; }
.pk-share-sheet.hidden { display:none!important; }
.poker-page .pk-preactions,.poker-page .pk-preactions.hidden { min-width:278px;display:flex!important;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:nowrap; }
.poker-page .pk-preaction-btn.hidden { display:inline-flex!important;align-items:center;justify-content:center; }
.poker-page .pk-run-it-modal.hidden { display:none; }

/* Desktop action dock: decisions stay together in the conventional poker
   order, while raise sizing remains a compact secondary control to the right.
   Needs ~730px+ just for the two grid-column floors (340+380+gap), and the
   action-head row's title/React/pre-select controls don't fit inside a
   340px-wide first column either. Must stay strictly above the
   max-width:1050px single-column fallback above (not overlap it) -- this
   used to start at min-width:769px, which overlapped that fallback's range;
   ties in CSS go to source order, so this rule (later in the file) always
   won across 769-1050px and silently broke the two-column layout there. */
@media (min-width:1051px) {
    .poker-page .pk-raise-presets .pk-chip-btn.is-selected { background:rgba(255,255,255,.14);color:#fff;box-shadow:0 1px 5px rgba(0,0,0,.28); }}

/* =========================================
   CASE BATTLES GAME
   ========================================= */

.cb-page { width: 100%; max-width: 1240px; margin: 0 auto; padding: 24px 22px 42px; }
.cb-page .hidden { display: none !important; }

.cb-page-top { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 22px; flex-wrap: wrap; }
.cb-page-identity { display: flex; align-items: center; gap: 13px; min-width: 0; }
.cb-page-icon { width: 48px; height: 48px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(197,155,255,.24); border-radius: 14px; background: radial-gradient(circle at 30% 20%,rgba(183,120,255,.28),rgba(63,32,91,.78)); box-shadow: 0 12px 30px rgba(74,28,118,.3),inset 0 1px rgba(255,255,255,.1); }
.cb-page-icon img { width: 29px; height: 29px; object-fit: contain; }
.cb-page-kicker { display: block; margin-bottom: 2px; color: #bda6cf; font-size: 10px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.cb-page-identity h1 { margin: 0; color: #fff; font-family: var(--site-font-display); font-size: 26px; line-height: 1.05; }
.cb-page-actions { display: flex; align-items: center; gap: 10px; }
.cb-how-button,.cb-top-fair { height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 14px; border: 1px solid rgba(255,255,255,.09); border-radius: 10px; background: rgba(15,18,27,.72); color: #d9d3df; font-size: 12px; font-weight: 700; text-decoration: none; cursor: pointer; transition: .2s ease; }
.cb-how-button:hover,.cb-top-fair:hover { border-color: rgba(181,116,244,.42); background: rgba(111,55,162,.18); color: #fff; }
.cb-top-fair i { color: #f4c95d; }

/* ── Lobby ── */
.cb-lobby { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; }
.cb-lobby-intro { width: 100%; margin-bottom: 4px; }
.cb-lobby-intro span { color: #a66af2; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.cb-lobby-intro h2 { margin: 6px 0 4px; color: #fff; font-family: var(--site-font-display); font-size: 22px; }
.cb-lobby-intro p { margin: 0; color: rgba(255,255,255,.5); font-size: 13px; }
.cb-lobby-card {
    flex: 1;
    min-width: 260px;
    background: #3b274f;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 10px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.cb-lobby-card:first-of-type { flex: 1.65; }
.cb-label-block { width: 100%; min-width: 0; color: rgba(255,255,255,.66); font-weight: 700; }
.cb-native-case-select { display: none; }
.cb-case-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.cb-case-card {
    position: relative;
    min-width: 0;
    min-height: 154px;
    padding: 13px 11px 11px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.015));
    cursor: pointer;
    transition: border-color .2s,box-shadow .2s,transform .2s,background .2s;
}
.cb-case-card::before { content:""; position:absolute; width:100px; height:100px; left:50%; top:8px; transform:translateX(-50%); border-radius:50%; filter:blur(22px); opacity:.22; background:var(--case-accent); }
.cb-case-card:hover { border-color: color-mix(in srgb,var(--case-accent) 55%,transparent); }
.cb-case-card.is-selected { border-color:var(--case-accent); background:linear-gradient(155deg,color-mix(in srgb,var(--case-accent) 18%,#241d30),rgba(20,18,29,.84)); box-shadow:0 0 0 2px color-mix(in srgb,var(--case-accent) 18%,transparent),0 15px 28px rgba(0,0,0,.2); }
.cb-case-object,.cb-stage-case,.cb-mini-case {
    position:relative;
    display:grid;
    place-items:center;
    color:#fff;
    background:linear-gradient(145deg,color-mix(in srgb,var(--case-accent) 42%,#293036),var(--case-deep));
    border:1px solid color-mix(in srgb,var(--case-accent) 58%,#fff 5%);
    box-shadow:inset 0 1px rgba(255,255,255,.2),inset 0 -12px 20px rgba(0,0,0,.23),0 10px 24px color-mix(in srgb,var(--case-accent) 18%,transparent);
}
.cb-case-object { width:60px; height:60px; border-radius:15px 15px 18px 18px; transform:perspective(120px) rotateX(-4deg); z-index:1; }
.cb-case-object::before,.cb-mini-case::before,.cb-stage-case::before { content:""; position:absolute; left:8%; right:8%; top:12%; height:2px; background:rgba(255,255,255,.34); border-radius:100%; }
.cb-case-object i { font-size:23px; opacity:.34; }
.cb-case-object b,.cb-stage-case b,.cb-mini-case b { position:absolute; font-size:18px; font-weight:950; text-shadow:0 2px 8px rgba(0,0,0,.35); }
.cb-case-card-copy { min-width:0; display:flex; flex-direction:column; align-items:center; gap:2px; z-index:1; }
.cb-case-card-copy strong { font-size:12px; white-space:nowrap; }
.cb-case-card-copy small { max-width:100%; color:rgba(255,255,255,.46); font-size:9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cb-case-tier { position:absolute; top:7px; right:7px; padding:3px 6px; border-radius:10px; background:rgba(0,0,0,.3); color:var(--case-accent); font-size:7px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.cb-lobby-card-icon { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: rgba(166,106,242,.16); color: #c69af8; }
.cb-lobby-title { font-size: 16px; font-weight: 700; color: #fff; }
.cb-lobby-row { display: flex; align-items: center; gap: 10px; }
.cb-lobby-hint { width: 100%; font-size: 13px; color: rgba(255,255,255,0.45); display: flex; align-items: center; gap: 8px; }
.cb-label { font-size: 13px; color: #dbdbdb; flex-shrink: 0; min-width: 90px; }
.cb-select, .cb-input {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    padding: 9px 12px;
    outline: none;
    flex: 1;
    min-width: 0;
}
.cb-select option { background: #2b2333; color: #fff; }
.cb-room-limits { display: flex; gap: 12px; flex-wrap: wrap; padding: 12px; border-radius: 8px; background: rgba(0,0,0,.18); }
.cb-room-limits > div { flex: 1; min-width: 120px; display: flex; flex-direction: column; gap: 2px; }
.cb-room-limits span { font-size: 11px; color: rgba(255,255,255,.45); }
.cb-room-limits strong { font-size: 15px; color: #fff; }
.cb-room-limits small { font-size: 10px; color: rgba(255,255,255,.35); }
.cb-public-toggle { display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:rgba(0,0,0,.14);cursor:pointer; }
.cb-public-toggle input { accent-color:#9b52e8; }
.cb-public-toggle span { color:#fff;font-size:12px;font-weight:700; }
.cb-public-toggle span i { margin-right:5px;color:#62dca0; }
.cb-public-toggle small { margin-left:auto;color:rgba(255,255,255,.4);font-size:10px; }
.cb-public-card { width:100%;padding:16px;background:#30213f;border:1px solid rgba(255,255,255,.08);border-radius:10px;box-sizing:border-box; }
.cb-public-heading,.cb-public-heading>div { display:flex;align-items:center;justify-content:space-between;gap:10px; }
.cb-public-heading>div>i { color:#62dca0;font-size:17px; }
.cb-public-heading span { display:flex;flex-direction:column; }
.cb-public-heading strong { color:#fff;font-size:14px; }.cb-public-heading small { color:rgba(255,255,255,.42);font-size:10px; }
.cb-public-heading button { width:30px;height:30px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:rgba(255,255,255,.05);color:#ddd;cursor:pointer; }
.cb-public-list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px; }
.cb-public-row { display:flex;align-items:center;gap:10px;min-width:0;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(0,0,0,.15); }
.cb-public-case { width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:color-mix(in srgb,var(--case-accent) 20%,#20182a);color:var(--case-accent); }
.cb-public-info { display:flex;flex-direction:column;min-width:0;flex:1; }.cb-public-info strong { color:#fff;font-size:12px; }.cb-public-info small,.cb-public-entry small { color:rgba(255,255,255,.4);font-size:9px; }
.cb-public-entry { display:flex;flex-direction:column;text-align:right; }.cb-public-entry b { color:#fff;font-size:12px; }
.cb-public-join { height:32px;padding:0 13px;border:0;border-radius:7px;background:#8d3bde;color:#fff;font-weight:700;cursor:pointer; }
.cb-public-empty { grid-column:1/-1;padding:18px;text-align:center;color:rgba(255,255,255,.45);font-size:12px; }

/* Current table-creation controls, aligned with the Poker lobby system. */
.cb-page .cb-lobby { display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.75fr);gap:14px; }
.cb-page .cb-lobby-intro,.cb-page .cb-public-card,.cb-page .cb-lobby-hint { grid-column:1/-1; }
.cb-page .cb-lobby-card { min-width:0;position:relative;padding:24px;gap:14px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(155,86,218,.1),transparent 34%),linear-gradient(145deg,rgba(26,23,34,.96),rgba(14,17,25,.98));box-shadow:0 18px 42px rgba(0,0,0,.23); }
.cb-page .cb-create-card { display:grid;grid-template-columns:repeat(3,minmax(0,1fr)); }
.cb-page .cb-create-card>.cb-lobby-card-icon { grid-column:1;grid-row:1; }
.cb-page .cb-create-card>.cb-lobby-heading { grid-column:1/-1;grid-row:1;padding-left:50px;align-self:center; }
.cb-page .cb-create-card>.cb-case-row,.cb-page .cb-create-card>.cb-case-gallery,.cb-page .cb-create-card>.cb-room-limits,.cb-page .cb-create-card>.cb-public-toggle,.cb-page .cb-create-card>.cb-btn { grid-column:1/-1; }
.cb-page .cb-lobby-card-icon { width:38px;height:38px;border:1px solid rgba(187,126,244,.22);border-radius:11px;background:rgba(135,67,198,.13);color:#c58df4; }
.cb-page .cb-lobby-title { font-family:var(--site-font-display);font-size:17px; }
.cb-page .cb-lobby-heading>small { display:block;margin-top:4px;color:#7f7786;font-size:10px;line-height:1.35; }
.cb-page .cb-price-row,.cb-page .cb-rounds-row,.cb-page .cb-players-row { min-width:0;padding:11px;display:flex;flex-direction:column;align-items:stretch;gap:9px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(7,8,13,.3); }
.cb-page .cb-field-label { min-width:0;display:flex;align-items:center;gap:9px; }
.cb-page .cb-field-icon { width:29px;height:29px;display:grid;place-items:center;flex:0 0 29px;border-radius:8px;background:rgba(150,82,211,.13);color:#c58df4; }
.cb-page .cb-field-label>span:last-child { min-width:0;display:flex;flex-direction:column;gap:2px; }
.cb-page .cb-field-label strong { color:#eee8f2;font-size:11px; }.cb-page .cb-field-label small { color:#77717d;font-size:8px; }
.cb-page .cb-value-field,.cb-page .cb-stepper { height:42px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(7,10,16,.58);box-sizing:border-box;transition:border-color .2s,box-shadow .2s; }
.cb-page .cb-value-field:focus-within,.cb-page .cb-stepper:focus-within { border-color:#9555ce;box-shadow:0 0 0 3px rgba(149,85,206,.12); }
.cb-page .cb-value-field .cb-input,.cb-page .cb-stepper .cb-select { height:40px;padding:0 10px;border:0;background:transparent;box-shadow:none; }
.cb-page .cb-value-field span { padding-right:11px;color:#81798a;font-size:9px;font-weight:800; }
.cb-page .cb-stepper .cb-select { text-align:center;font-weight:800;color:#ead8fa;text-align-last:center;appearance:none; }
.cb-page .cb-step { width:34px;height:40px;flex:0 0 34px;border:0;background:transparent;color:#b98bdf;cursor:pointer;transition:color .2s,background .2s; }
.cb-page .cb-step:hover:not(:disabled) { color:#fff;background:rgba(149,85,206,.12); }.cb-page .cb-step:disabled { color:#49434e;cursor:default; }
.cb-page .cb-room-limits { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0;background:transparent; }
.cb-page .cb-room-limits>div { min-width:0;padding:10px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;grid-template-rows:1fr;align-items:center;column-gap:8px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:rgba(7,8,13,.34); }
.cb-page .cb-limit-icon { width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:rgba(150,82,211,.13);color:#be82ed; }
.cb-page .cb-limit-copy { min-width:0;display:flex;flex-direction:column; }.cb-page .cb-limit-copy span { color:#aaa2b0;font-size:9px; }.cb-page .cb-limit-copy small { color:#625d67;font-size:7px; }
.cb-page .cb-room-limits>div>strong { color:#f2eaf7;font-size:11px;text-align:right;white-space:nowrap; }
.cb-page .cb-public-toggle { padding:12px 13px;border-color:rgba(98,220,160,.18);border-radius:11px;background:linear-gradient(90deg,rgba(31,124,82,.12),rgba(24,88,61,.035)); }
.cb-page .cb-public-toggle>input { position:absolute;opacity:0;pointer-events:none; }
.cb-page .cb-public-switch { position:relative;width:36px;height:20px;flex:0 0 36px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(255,255,255,.08);transition:.18s; }
.cb-page .cb-public-switch::after { content:'';position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#817887;transition:.18s; }
.cb-page .cb-public-toggle>input:checked+.cb-public-switch { border-color:rgba(98,220,160,.55);background:rgba(42,174,110,.3); }
.cb-page .cb-public-toggle>input:checked+.cb-public-switch::after { transform:translateX(16px);background:#79efb4;box-shadow:0 0 8px rgba(98,220,160,.42); }
.cb-page .cb-public-copy { min-width:0;display:flex;flex-direction:column;gap:3px; }.cb-page .cb-public-copy strong { color:#dff5e9;font-size:11px; }.cb-page .cb-public-copy strong i { margin-right:5px;color:#62dca0; }
.cb-page .cb-public-copy em { margin-left:5px;padding:2px 5px;border-radius:5px;background:rgba(98,220,160,.1);color:#77dfaa;font-size:7px;font-style:normal;text-transform:uppercase; }.cb-page .cb-public-copy small { color:#71887b;font-size:8px; }
.cb-page .cb-join-card .cb-lobby-heading { margin-top:-48px;padding-left:50px;min-height:38px; }
.cb-page .cb-code-field { width:100%;height:46px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(7,10,16,.58);transition:border-color .2s,box-shadow .2s; }
.cb-page .cb-code-field:focus-within { border-color:#9555ce;box-shadow:0 0 0 3px rgba(149,85,206,.12); }.cb-page .cb-code-field>i { padding-left:13px;color:#aa74d5; }
.cb-page .cb-code-field .cb-input { height:44px;border:0;background:transparent;text-align:center;font-weight:800;letter-spacing:.14em;box-shadow:none; }
.cb-page .cb-public-copy small { margin:0; }

/* Public battle browser */
.cb-page .cb-public-card { position:relative;overflow:hidden;padding:20px;border:1px solid rgba(177,112,239,.14);border-radius:18px;background:radial-gradient(circle at 92% -20%,rgba(151,75,224,.2),transparent 32%),linear-gradient(145deg,rgba(25,20,34,.98),rgba(12,14,21,.98));box-shadow:0 20px 48px rgba(0,0,0,.24); }
.cb-page .cb-public-card::before { content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(205,157,249,.55),transparent); }
.cb-page .cb-public-heading { position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px; }
.cb-page .cb-public-title { display:flex;align-items:center;gap:12px; }
.cb-page .cb-public-title-icon { position:relative;width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border:1px solid rgba(114,229,171,.24);border-radius:13px;background:rgba(43,154,99,.1);color:#77e7ae;font-size:18px; }
.cb-page .cb-public-title-icon b { position:absolute;right:4px;bottom:4px;width:7px;height:7px;border:2px solid #18121f;border-radius:50%;background:#4ce58f;box-shadow:0 0 9px rgba(76,229,143,.75); }
.cb-page .cb-public-title>span:last-child { display:flex;flex-direction:column;align-items:flex-start; }
.cb-page .cb-public-title small { color:#63d99c;font-size:7px;font-weight:900;letter-spacing:.16em; }
.cb-page .cb-public-title strong { margin-top:2px;color:#fff;font-family:var(--site-font-display);font-size:18px;line-height:1.1; }
.cb-page .cb-public-title em { margin-top:3px;color:#77717f;font-size:9px;font-style:normal; }
.cb-page .cb-public-tools { display:flex;align-items:center;gap:8px; }
.cb-page .cb-public-count { padding:6px 9px;border:1px solid rgba(101,219,158,.14);border-radius:999px;background:rgba(43,154,99,.08);color:#73dba7;font-size:8px;font-weight:800;text-transform:uppercase; }
.cb-page .cb-public-heading button { width:34px;height:34px;border-color:rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.035);color:#a89eae;transition:border-color .2s,color .2s,background .2s; }
.cb-page .cb-public-heading button:hover { border-color:rgba(184,119,241,.3);background:rgba(139,67,202,.1);color:#fff; }
.cb-page .cb-public-heading button.is-refreshing i { animation:cb-public-refresh-spin .6s linear infinite; }
.cb-page .cb-public-list { position:relative;z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px; }
.cb-page .cb-public-row { position:relative;min-width:0;padding:13px;display:flex;flex-direction:column;gap:12px;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:linear-gradient(155deg,color-mix(in srgb,var(--case-accent) 7%,#17141e),rgba(9,11,17,.82));box-shadow:inset 0 1px rgba(255,255,255,.025);transition:border-color .2s,background .2s,box-shadow .2s; }
.cb-page .cb-public-row::after { content:'';position:absolute;width:110px;height:110px;right:-45px;top:-50px;border-radius:50%;background:var(--case-accent);opacity:.055;filter:blur(4px);pointer-events:none; }
.cb-page .cb-public-row:hover { border-color:color-mix(in srgb,var(--case-accent) 30%,rgba(255,255,255,.08));background:linear-gradient(155deg,color-mix(in srgb,var(--case-accent) 10%,#17141e),rgba(9,11,17,.9));box-shadow:0 12px 30px rgba(0,0,0,.18); }
.cb-page .cb-public-row-top { display:flex;align-items:center;gap:9px;min-width:0; }
.cb-page .cb-public-case { position:relative;width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border:1px solid color-mix(in srgb,var(--case-accent) 36%,transparent);border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--case-accent) 27%,#27212e),var(--case-deep));color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--case-accent) 12%,transparent); }
.cb-page .cb-public-case i { font-size:17px;opacity:.42; }.cb-page .cb-public-case b { position:absolute;font-size:12px;font-weight:950; }
.cb-page .cb-public-info { align-items:flex-start;gap:1px; }.cb-page .cb-public-info>small { color:var(--case-accent);font-size:6px;font-weight:900;letter-spacing:.1em;text-transform:uppercase; }.cb-page .cb-public-info>strong { max-width:100%;overflow:hidden;color:#f4eef7;font-size:11px;text-overflow:ellipsis;white-space:nowrap; }
.cb-page .cb-public-info>em { margin-top:2px;color:#63d99c;font-size:7px;font-style:normal;font-weight:700; }.cb-page .cb-public-info>em i { margin-right:3px;font-size:5px;vertical-align:1px; }
.cb-page .cb-public-code { margin-left:auto;align-self:flex-start;color:#5f5965;font-size:7px;font-weight:800;letter-spacing:.06em; }
.cb-page .cb-public-meta { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:rgba(3,4,8,.26); }
.cb-page .cb-public-meta>span { min-width:0;padding:7px 5px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:5px;border-right:1px solid rgba(255,255,255,.045); }.cb-page .cb-public-meta>span:last-child { border-right:0; }
.cb-page .cb-public-meta i { grid-row:1/3;color:#786c82;font-size:8px; }.cb-page .cb-public-meta b { overflow:hidden;color:#eae2ef;font-size:9px;text-overflow:ellipsis;white-space:nowrap; }.cb-page .cb-public-meta small { color:#5f5965;font-size:6px;text-transform:uppercase; }
.cb-page .cb-public-row-bottom { display:flex;align-items:center;gap:8px; }
.cb-page .cb-public-seats { min-width:0;display:flex;flex-direction:column;gap:3px; }.cb-page .cb-public-seats>span { display:flex;gap:3px; }.cb-page .cb-public-seats i { width:6px;height:6px;border-radius:50%;background:#37313d; }.cb-page .cb-public-seats i.is-filled { background:#63d99c;box-shadow:0 0 6px rgba(99,217,156,.45); }.cb-page .cb-public-seats small { color:#66606b;font-size:6px;white-space:nowrap; }
.cb-page .cb-public-entry { margin-left:auto; }.cb-page .cb-public-entry small { color:#696270;font-size:6px;text-transform:uppercase; }.cb-page .cb-public-entry b { color:#f5eaf9;font-size:11px; }
.cb-page .cb-public-join { height:34px;padding:0 11px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid color-mix(in srgb,var(--case-accent) 42%,transparent);border-radius:9px;background:color-mix(in srgb,var(--case-accent) 18%,#5e2990);font-size:8px;transition:border-color .2s,background .2s;white-space:nowrap; }
.cb-page .cb-public-join:hover { border-color:var(--case-accent);background:color-mix(in srgb,var(--case-accent) 27%,#5e2990); }.cb-page .cb-public-join:disabled { opacity:.55;cursor:default; }
.cb-page .cb-public-empty { min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px dashed rgba(255,255,255,.08);border-radius:13px;background:rgba(5,6,10,.2); }
.cb-page .cb-public-empty>span { width:38px;height:38px;display:grid;place-items:center;margin-bottom:3px;border-radius:12px;background:rgba(143,73,207,.1);color:#ab73dc; }.cb-page .cb-public-empty strong { color:#ddd4e2;font-size:11px; }.cb-page .cb-public-empty small { color:#6c6571;font-size:8px; }

@media (max-width:1050px) { .cb-page .cb-public-list { grid-template-columns:repeat(2,minmax(0,1fr)); }}

@media (max-width:768px), (pointer:coarse) and (max-width:1199px) and (max-height:600px) and (orientation:landscape) {
	body.is-game-page .cb-page .cb-create-card>.cb-lobby-heading { grid-column:1/-1!important;grid-row:1!important;padding:0!important;align-self:center!important; }
	body.is-game-page .cb-page .cb-lobby-heading>small { display:none!important; }
	body.is-game-page .cb-page .cb-create-card>.cb-price-row,
	body.is-game-page .cb-page .cb-create-card>.cb-rounds-row,
	body.is-game-page .cb-page .cb-create-card>.cb-players-row { padding:2px!important;border:0!important;background:transparent!important; }
	body.is-game-page .cb-page .cb-field-icon,
	body.is-game-page .cb-page .cb-field-label small { display:none!important; }
	body.is-game-page .cb-page .cb-field-label { min-height:8px!important;gap:0!important; }
	body.is-game-page .cb-page .cb-field-label strong { font-size:6px!important;line-height:1!important; }
	body.is-game-page .cb-page .cb-value-field,
	body.is-game-page .cb-page .cb-stepper { width:100%!important;height:31px!important;min-height:31px!important; }
	body.is-game-page .cb-page .cb-value-field .cb-input,
	body.is-game-page .cb-page .cb-stepper .cb-select { height:29px!important;min-height:29px!important;padding:2px 3px!important;font-size:9px!important; }
	body.is-game-page .cb-page .cb-step { width:23px!important;height:29px!important;flex-basis:23px!important;padding:0!important;font-size:7px!important; }
	body.is-game-page .cb-page .cb-value-field span { padding-right:5px!important;font-size:6px!important; }
	body.is-game-page .cb-page .cb-public-copy strong { font-size:8px!important; }
	body.is-game-page .cb-page .cb-public-copy small,
	body.is-game-page .cb-page .cb-public-copy em { display:none!important; }
	body.is-game-page .cb-page .cb-public-switch { width:30px!important;height:17px!important;flex-basis:30px!important; }
	body.is-game-page .cb-page .cb-public-switch::after { width:11px!important;height:11px!important; }
	body.is-game-page .cb-page .cb-public-toggle>input:checked+.cb-public-switch::after { transform:translateX(13px)!important; }
	body.is-game-page .cb-page .cb-join-card>.cb-lobby-heading { grid-column:1/-1!important;grid-row:1!important;margin:0!important;padding:0!important; }
	body.is-game-page .cb-page .cb-code-field { height:46px!important; }}
.cb-btn {
    height: 46px;
    background: #8d3bde;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
}
.cb-btn:hover { background: #7c2fcf; }
.cb-btn-small {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 6px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 12px;
    cursor: pointer;
}
.cb-btn-small:hover { background: rgba(255,255,255,0.14); }

/* ── Room top bar ── */
.cb-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background: #3b274f;
    border-radius: 8px 8px 0 0;
    padding: 10px 16px;
    border: 1px solid rgba(255,255,255,0.05);
    border-bottom: none;
    flex-wrap: wrap;
}
.cb-topbar-left { color: #dbdbdb; font-size: 14px; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.cb-topbar-left b { color: #fff; letter-spacing: 0.08em; }
.cb-room-meta { color: rgba(255,255,255,0.5); font-size: 13px; }
.cb-topbar-right { display: flex; align-items: center; gap: 12px; }
.cb-hash { font-size: 11px; color: rgba(255,255,255,0.35); max-width: 320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cb-invite-button { min-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 9px;border:1px solid rgba(169,103,226,.2);border-radius:8px;background:rgba(132,67,187,.09);color:#aa91ba;font-size:9px;font-weight:800;white-space:nowrap;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s; }
.cb-invite-button:hover { border-color:rgba(178,112,235,.4);background:rgba(132,67,187,.18);color:#fff; }
.cb-invite-button i { color:#b979e7; }
.cb-invite-button.is-copied { border-color:rgba(82,219,158,.35);background:rgba(56,175,121,.1);color:#68dfa9; }
.cb-invite-button.is-copied i { color:#68dfa9; }

/* ── Stage / arena ── */
.cb-stage { position:relative; min-height:118px; overflow:hidden; background:radial-gradient(circle at 50% 50%,rgba(130,71,189,.18),transparent 42%),linear-gradient(180deg,#292232,#201b29); border:1px solid rgba(255,255,255,.07); border-top:none; padding:16px 20px; display:flex; align-items:center; justify-content:center; gap:17px; color:#dbdbdb; }
.cb-stage::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,transparent,rgba(255,255,255,.025),transparent); transform:translateX(-100%); }
.cb-stage.is-live::after { animation:cb-stage-scan 1.8s linear infinite; }
.cb-stage-orbit { position:absolute; left:50%; top:50%; width:220px; height:220px; transform:translate(-50%,-50%); opacity:.22; pointer-events:none; }
.cb-stage-orbit i { position:absolute; inset:0; border:1px solid rgba(190,132,255,.28); border-radius:50%; animation:cb-orbit 8s linear infinite; }
.cb-stage-orbit i:nth-child(2){inset:22px;animation-direction:reverse;animation-duration:6s}.cb-stage-orbit i:nth-child(3){inset:44px;animation-duration:4s}
.cb-stage-case { width:66px; height:66px; flex:0 0 66px; border-radius:17px; z-index:1; }
.cb-stage-case i { font-size:26px; opacity:.28; }
.cb-stage-case.is-opening { animation:cb-case-float .7s ease-in-out infinite alternate; }
.cb-stage-case.is-opening::after { content:""; position:absolute; inset:-12px; border:1px solid var(--case-accent); border-radius:24px; opacity:0; animation:cb-case-wave 1.2s ease-out infinite; }
.cb-stage-copy { z-index:1; display:flex; flex-direction:column; align-items:flex-start; min-width:180px; }
.cb-stage-copy span { color:#a98ac4; font-size:9px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.cb-stage-copy strong { margin-top:4px; color:#fff; font-size:16px; }
.cb-round-progress { position:absolute; left:50%; bottom:12px; display:flex; gap:5px; transform:translateX(-50%); z-index:2; }
.cb-round-progress i { width:24px; height:3px; border-radius:3px; background:rgba(255,255,255,.12); }
.cb-round-progress i.is-complete { background:#4be1a0; box-shadow:0 0 9px rgba(75,225,160,.45); }
.cb-round-progress i.is-current { background:#b56eff; animation:cb-progress-pulse .7s ease-in-out infinite alternate; }
.cb-invite-join { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px 16px; border:1px solid rgba(67,226,157,.26); border-top:0; background:linear-gradient(90deg,rgba(32,143,102,.15),rgba(50,35,61,.88)); box-shadow:inset 3px 0 #3be4a0; }
.cb-invite-join-copy { min-width:0; display:flex; flex-direction:column; gap:2px; }
.cb-invite-join-copy span { color:#52dda2; font-size:9px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.cb-invite-join-copy span i { margin-right:4px; }
.cb-invite-join-copy strong { color:#fff; font-size:13px; }
.cb-invite-join-copy small { color:rgba(255,255,255,.4); font-size:10px; }
.cb-join-room-button { width:auto; min-width:190px; height:42px; padding:0 13px; display:flex; align-items:center; justify-content:center; gap:9px; white-space:nowrap; }
.cb-join-room-button b { padding-left:9px; border-left:1px solid rgba(255,255,255,.2); color:#d8ffec; font-size:12px; }
.cb-join-room-button:disabled { opacity:.55; cursor:wait; }
.cb-arena {
    background: #241d30;
    border: 1px solid rgba(255,255,255,0.05);
    border-top: none;
    padding: 20px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
}
.cb-col {
    position:relative;
    overflow:hidden;
    background: linear-gradient(180deg,#30263a,#282130);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 10px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    transition: border-color .2s, box-shadow .2s;
}
.cb-col::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:0; background:radial-gradient(circle at 50% 32%,rgba(181,110,255,.22),transparent 45%); transition:opacity .2s; }
.cb-col-revealing::before { opacity:1; animation:cb-player-flash .9s ease-out; }
.cb-col-empty { align-items: center; justify-content: center; min-height: 160px; border-style: dashed; }
.cb-col-empty-inner { display: flex; flex-direction: column; align-items: center; gap: 8px; color: rgba(255,255,255,.3); font-size: 12px; }
.cb-col-empty-inner i { font-size: 20px; }
.cb-col-me { border-color: rgba(166,106,242,.5); }
.cb-col-winner { border-color: rgba(91,224,158,.65); box-shadow: 0 0 0 1px rgba(91,224,158,.3), 0 0 24px rgba(67,216,141,.18); }
.cb-col-head { position:relative; z-index:2; display: flex; align-items: center; gap: 8px; min-width: 0; }
.cb-col-person { min-width:0; display:flex; flex-direction:column; }
.cb-col-person small { color:rgba(255,255,255,.34); font-size:9px; }
.cb-col-name { color: #fff; font-size: 13px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cb-player-opening { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:9px; }
.cb-mini-case { width:52px; height:45px; border-radius:11px; }
.cb-mini-case i { font-size:18px; opacity:.26; }
.cb-mini-case b { font-size:14px; }
.cb-mini-case.is-active { animation:cb-mini-case .8s ease-in-out infinite alternate; }
.cb-reel { position:relative; width:100%; height:78px; overflow:hidden; border:1px solid rgba(255,255,255,.08); border-radius:10px; background:rgba(8,9,14,.48); box-shadow:inset 0 0 18px rgba(0,0,0,.35); }
.cb-reel::before,.cb-reel::after { content:""; position:absolute; top:0; bottom:0; width:24px; z-index:4; pointer-events:none; }
.cb-reel::before { left:0; background:linear-gradient(90deg,#211b29,transparent); }.cb-reel::after { right:0; background:linear-gradient(-90deg,#211b29,transparent); }
.cb-reel-marker { position:absolute; left:50%; top:0; bottom:0; width:2px; z-index:5; transform:translateX(-50%); background:linear-gradient(transparent,#fff 22%,#fff 78%,transparent); box-shadow:0 0 9px rgba(255,255,255,.7); }
.cb-reel-marker::before,.cb-reel-marker::after { content:""; position:absolute; left:50%; transform:translateX(-50%); border-left:5px solid transparent; border-right:5px solid transparent; }.cb-reel-marker::before{top:0;border-top:6px solid #fff}.cb-reel-marker::after{bottom:0;border-bottom:6px solid #fff}
.cb-reel-track { position:absolute; left:0; top:7px; display:flex; gap:6px; transform:translateX(calc(50% - 132px)); }
.cb-reel.is-spinning .cb-reel-track { animation:cb-reel-spin 3.5s cubic-bezier(.06,.72,.1,1) both; }
.cb-drop { width:78px; height:62px; flex:0 0 78px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; border:1px solid var(--rarity); border-radius:8px; background:linear-gradient(160deg,color-mix(in srgb,var(--rarity) 20%,#24202b),#18161d); box-shadow:inset 0 -12px 20px rgba(0,0,0,.2); }
.cb-drop i { color:var(--rarity); font-size:17px; filter:drop-shadow(0 0 6px color-mix(in srgb,var(--rarity) 55%,transparent)); }
.cb-drop small { max-width:68px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:rgba(255,255,255,.64); font-size:7px; }
.cb-drop b { color:#fff; font-size:8px; }
.cb-rarity-empty { --rarity:#6e7180; }.cb-rarity-common{--rarity:#6fba8d}.cb-rarity-rare{--rarity:#52a9ff}.cb-rarity-epic{--rarity:#b56eff}.cb-rarity-legendary{--rarity:#ffbe4d}
.cb-col-total { position:relative; z-index:1; display: flex; align-items: center; justify-content: space-between; padding: 9px 10px; border-radius: 8px; background: rgba(0,0,0,.24); }
.cb-col-total span { font-size: 11px; color: rgba(255,255,255,.45); }
.cb-col-total strong { font-size: 15px; color: #f4c95d; }
.cb-col-rounds { position:relative; z-index:1; display: flex; flex-direction: column; gap: 6px; }
.cb-round-cell { min-height:38px; display: flex; align-items: center; gap:7px; padding:6px 8px; border-radius:7px; border:1px solid rgba(255,255,255,.055); background:rgba(255,255,255,.035); font-size:11px; color:rgba(255,255,255,.5); }
.cb-round-cell.cb-round-pending { color:rgba(255,255,255,.23); }
.cb-round-cell.cb-round-revealed { animation: cb-round-in .3s ease-out; border-color:color-mix(in srgb,var(--rarity) 28%,transparent); background:linear-gradient(90deg,color-mix(in srgb,var(--rarity) 11%,transparent),rgba(255,255,255,.025)); }
.cb-round-cell > i { width:17px; color:var(--rarity,rgba(255,255,255,.24)); text-align:center; }
.cb-round-index { width:16px; height:16px; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.07); color:rgba(255,255,255,.4); font-size:8px; font-weight:900; }
.cb-round-item { min-width:0; flex:1; display:flex; flex-direction:column; }.cb-round-item b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:9px}.cb-round-item small{color:var(--rarity);font-size:8px}
.cb-round-mult { color: #c69af8; font-weight: 700; }
.cb-round-value { color: #fff; font-weight: 700; }

.cb-winner-banner { position:relative; display:none; min-height:130px; margin-top:14px; padding:20px 16px; overflow:hidden; border-radius:14px; background:radial-gradient(circle at 50% 35%,rgba(255,191,74,.18),transparent 42%),linear-gradient(135deg,rgba(56,175,121,.12),rgba(83,47,113,.18)); border:1px solid rgba(255,194,80,.32); color:#fff; text-align:center; }
.cb-winner-banner.show { display: block; }
.cb-winner-banner > small,.cb-winner-banner > strong { position:relative; z-index:2; display:block; }.cb-winner-banner>small{margin:7px 0 3px;color:#e9b94d;font-size:9px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.cb-winner-banner>strong{font-size:16px}
.cb-winner-crown { position:relative; z-index:2; width:48px; height:48px; margin:auto; display:grid; place-items:center; border-radius:50%; color:#261d10; font-size:21px; background:linear-gradient(145deg,#ffe59a,#e9a72d); box-shadow:0 0 28px rgba(255,191,74,.35); animation:cb-winner-pop .55s cubic-bezier(.2,1.7,.4,1) both; }
.cb-confetti i { position:absolute; left:50%; top:42%; width:5px; height:11px; border-radius:2px; background:hsl(calc(var(--i) * 47),80%,62%); transform:rotate(calc(var(--i) * 20deg)) translateY(-20px); animation:cb-confetti 1.4s ease-out calc(var(--i) * 25ms) infinite; }
.cb-result-rule { position:relative; z-index:2; max-width:620px; margin:12px auto; padding:9px 11px; border-radius:8px; color:rgba(255,255,255,.62); background:rgba(0,0,0,.2); font-size:10px; line-height:1.45; }
.cb-result-rule i { margin-right:5px; color:#e9b94d; }
.cb-result-standings { position:relative; z-index:2; max-width:620px; margin:0 auto; display:flex; flex-direction:column; gap:5px; }
.cb-result-standing { min-height:35px; display:grid; grid-template-columns:24px minmax(0,1fr) auto auto; align-items:center; gap:8px; padding:5px 9px; border:1px solid rgba(255,255,255,.07); border-radius:7px; background:rgba(0,0,0,.18); text-align:left; }
.cb-result-standing>span { width:20px; height:20px; display:grid; place-items:center; border-radius:50%; color:rgba(255,255,255,.46); background:rgba(255,255,255,.07); font-size:8px; font-weight:900; }
.cb-result-standing b { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff; font-size:10px; }
.cb-result-standing small { color:rgba(255,255,255,.35); font-size:8px; }
.cb-result-standing strong { color:#fff; font-size:11px; }
.cb-result-standing.is-winner { border-color:rgba(255,191,74,.32); background:linear-gradient(90deg,rgba(255,191,74,.13),rgba(0,0,0,.17)); }.cb-result-standing.is-winner>span{color:#2b210f;background:#e9b94d}.cb-result-standing.is-winner strong{color:#ffd875}
.cb-result-proof { position:relative; z-index:2; max-width:620px; margin:9px auto 0; border:1px solid rgba(255,255,255,.08); border-radius:8px; background:rgba(0,0,0,.14); text-align:left; }
.cb-result-proof summary { padding:9px 11px; color:rgba(255,255,255,.62); font-size:9px; font-weight:800; cursor:pointer; }
.cb-result-proof>div { padding:0 11px 10px; display:flex; flex-direction:column; gap:5px; }.cb-result-proof span{display:flex;flex-direction:column;gap:2px;color:rgba(255,255,255,.36);font-size:8px}.cb-result-proof code{padding:5px 7px;overflow-wrap:anywhere;border-radius:5px;color:#cbb4de;background:rgba(255,255,255,.045);font-size:8px}.cb-result-proof small{color:rgba(255,255,255,.3);font-size:8px}
.cb-result-actions { position:relative; z-index:2; max-width:620px; margin:12px auto 0; display:flex; align-items:center; justify-content:center; gap:10px; }.cb-result-actions span{color:rgba(255,255,255,.4);font-size:8px}.cb-result-actions span b{color:#ffd875;font-size:10px}.cb-result-actions button i{margin-right:4px}

/* ── Log ── */
.cb-log-panel { margin-top: 16px; background: #2b2333; border: 1px solid rgba(255,255,255,0.05); border-radius: 10px; padding: 14px 16px; }
.cb-log-heading { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 8px; color: #dbdbdb; font-size: 13px; font-weight: 700; }
.cb-log-heading small { color: rgba(255,255,255,.35); font-weight: 400; font-size: 11px; }
.cb-log { max-height: 160px; overflow-y: auto; display: flex; flex-direction: column; gap: 4px; }
.cb-log-line { font-size: 12px; color: rgba(255,255,255,.55); }

@media (max-width: 760px) {
    .cb-topbar-left { width: 100%; }
    .cb-invite-button { flex: 1; }
    .cb-arena { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
    .cb-case-gallery { grid-template-columns:1fr; }
    .cb-case-card { min-height:82px; flex-direction:row; justify-content:flex-start; padding:10px 12px; }
    .cb-case-object { width:48px; height:48px; flex:0 0 48px; }
    .cb-case-card-copy { align-items:flex-start; }
    .cb-stage { justify-content:flex-start; }
    .cb-stage-orbit { left:30%; }
    .cb-invite-join { align-items:stretch; flex-direction:column; }
    .cb-join-room-button { width:100%; }}
@media (max-width: 420px) {
    .cb-invite-button { width: 31px; min-width: 31px; flex: 0 0 31px; padding: 0; }
    .cb-invite-button span { display: none; }
    .cb-page { padding-right:12px; padding-left:12px; }
    .cb-stage-case { width:52px; height:52px; flex-basis:52px; }
    .cb-stage-copy { min-width:0; }
    .cb-stage-copy strong { font-size:13px; }
    .cb-result-standing { grid-template-columns:22px minmax(0,1fr) auto; }.cb-result-standing small{display:none}.cb-result-actions{align-items:stretch;flex-direction:column}.cb-result-actions button{width:100%}}

@media (prefers-reduced-motion: reduce) {
    .cb-page * { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; }}
.ft-page .hidden { display: none !important; }
.ft-skin-option.is-selected { border-color:rgba(210,164,255,.7);background:linear-gradient(145deg,rgba(166,106,242,.24),rgba(78,35,126,.16));color:#fff;box-shadow:0 8px 24px rgba(74,27,124,.22),inset 0 1px rgba(255,255,255,.08); }
.ft-skin-option.is-selected::after { content:"\f00c";position:absolute;right:6px;top:6px;display:grid;width:17px;height:17px;place-items:center;border-radius:50%;background:#a85bea;color:#fff;font:9px/1 FontAwesome;box-shadow:0 3px 8px rgba(0,0,0,.3); }
.ft-quick.is-selected { border-color: var(--ft-gold); background: rgba(244,201,93,.15); color: #fff; }
.ft-public-title-icon > .fa { display: block; width: 1em; height: 1em; margin-top: 12px; font-size: 16px; line-height: 1; text-align: center; }
.cf-page .cf-btn-guess.is-selected { outline:2px solid rgba(255,255,255,.7); outline-offset:2px; filter:brightness(1.12); transform:translateY(-1px); }

/* Coin Flip mobile game scene ------------------------------------------- */
@media (max-width:768px) and (orientation:portrait) {
    body.is-game-page .cf-page .cf-actions.hidden { display:none!important; }}

/* Chicken mobile game scene --------------------------------------------- */
@media (max-width:768px) and (orientation:portrait) {
    body.is-game-page .ck-page .ck-actions.hidden { display:none!important; }}

/* Blackjack mobile game scene ------------------------------------------- */
@media (max-width:768px) and (orientation:portrait) {
    body.is-game-page .bj-page .bj-actions.hidden { display:none!important; }}

/* Poker mobile table ---------------------------------------------------- */
@media (max-width:768px), (pointer:coarse) and (max-width:1199px) and (max-height:600px) and (orientation:landscape) {
    body.is-game-page .poker-page .pk-lobby.hidden { display:none!important; }
    body.is-game-page .poker-page .pk-bottombar.hidden { display:none!important; }
    body.is-game-page .poker-page .pk-actions.hidden { display:none!important; }}

/* Case Battles mobile app ---------------------------------------------- */
@media (max-width:768px), (pointer:coarse) and (max-width:1199px) and (max-height:600px) and (orientation:landscape) {
    body.is-game-page .cb-page {
        width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;box-sizing:border-box!important;
    }
    body.is-game-page .cb-page .cb-log-panel { display:none!important; }

    /* Creation and joining fit into the viewport as two app cards. */
    body.is-game-page .cb-page .cb-lobby {
        width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;display:grid!important;
        grid-template-columns:1fr!important;grid-template-rows:minmax(430px,1fr) 100px minmax(230px,auto)!important;gap:7px!important;overflow:auto!important;
    }
    body.is-game-page .cb-page .cb-lobby.hidden { display:none!important; }
    body.is-game-page .cb-page .cb-lobby-intro,
    body.is-game-page .cb-page .cb-lobby-hint { display:none!important; }
    body.is-game-page .cb-page .cb-lobby-card {
        width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:9px!important;gap:5px!important;
        overflow:hidden!important;border-radius:15px!important;box-sizing:border-box!important;
    }
    body.is-game-page .cb-page .cb-create-card {
        display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
        grid-template-rows:30px 70px 42px minmax(34px,1fr) 34px 46px!important;gap:5px!important;
    }
    body.is-game-page .cb-page .cb-lobby-card-icon { display:none!important; }
    body.is-game-page .cb-page .cb-lobby-title { grid-column:1/-1!important;grid-row:1!important;align-self:center!important;font-size:13px!important; }
    body.is-game-page .cb-page .cb-create-card > .cb-case-row { display:none!important; }
    body.is-game-page .cb-page .cb-case-gallery {
        grid-column:1/-1!important;grid-row:2!important;width:100%!important;height:70px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;
    }
    body.is-game-page .cb-page .cb-case-card {
        width:100%!important;height:70px!important;min-height:70px!important;padding:5px 3px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:2px!important;border-radius:10px!important;
    }
    body.is-game-page .cb-page .cb-case-card::before { width:54px!important;height:54px!important;top:3px!important; }
    body.is-game-page .cb-page .cb-case-object { width:30px!important;height:30px!important;min-width:30px!important;flex:0 0 30px!important;border-radius:8px!important; }
    body.is-game-page .cb-page .cb-case-object i { font-size:11px!important; }
    body.is-game-page .cb-page .cb-case-object b { font-size:10px!important; }
    body.is-game-page .cb-page .cb-case-card-copy { width:100%!important;align-items:center!important; }
    body.is-game-page .cb-page .cb-case-card-copy strong { max-width:100%!important;overflow:hidden!important;font-size:7px!important;text-overflow:ellipsis!important; }
    body.is-game-page .cb-page .cb-case-card-copy small,
    body.is-game-page .cb-page .cb-case-tier { display:none!important; }
    body.is-game-page .cb-page .cb-create-card > .cb-price-row,
    body.is-game-page .cb-page .cb-create-card > .cb-rounds-row,
    body.is-game-page .cb-page .cb-create-card > .cb-players-row {
        grid-row:3!important;min-width:0!important;height:42px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important;overflow:hidden!important;
    }
    body.is-game-page .cb-page .cb-create-card > .cb-price-row { grid-column:1!important; }
    body.is-game-page .cb-page .cb-create-card > .cb-rounds-row { grid-column:2!important; }
    body.is-game-page .cb-page .cb-create-card > .cb-players-row { grid-column:3!important; }
    body.is-game-page .cb-page .cb-label { min-width:0!important;font-size:6px!important;line-height:1!important; }
    body.is-game-page .cb-page .cb-select,
    body.is-game-page .cb-page .cb-input { width:100%!important;height:31px!important;min-height:31px!important;padding:3px 6px!important;font-size:9px!important;box-sizing:border-box!important; }
    body.is-game-page .cb-page .cb-room-limits {
        grid-column:1/-1!important;grid-row:4!important;min-height:34px!important;margin:0!important;padding:4px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;overflow:hidden!important;
    }
    body.is-game-page .cb-page .cb-room-limits > div { min-width:0!important;gap:0!important;padding:2px 5px!important; }
    body.is-game-page .cb-page .cb-room-limits span,
    body.is-game-page .cb-page .cb-room-limits small { font-size:5px!important; }
    body.is-game-page .cb-page .cb-room-limits strong { font-size:9px!important; }
    body.is-game-page .cb-page .cb-public-toggle { grid-column:1/-1!important;grid-row:5!important;min-height:34px!important;padding:4px 8px!important;box-sizing:border-box!important; }
    body.is-game-page .cb-page .cb-public-toggle small { font-size:7px!important; }
    body.is-game-page .cb-page .cb-create-card > .cb-btn { grid-column:1/-1!important;grid-row:6!important;width:100%!important;height:46px!important;min-height:46px!important;margin:0!important;font-size:11px!important; }
    body.is-game-page .cb-page .cb-public-card { min-height:230px!important;padding:10px!important;overflow:hidden!important; }
    body.is-game-page .cb-page .cb-public-title-icon { width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:10px!important;font-size:14px!important; }
    body.is-game-page .cb-page .cb-public-title strong { font-size:13px!important; }
    body.is-game-page .cb-page .cb-public-title em { display:none!important; }
    body.is-game-page .cb-page .cb-public-list { grid-template-columns:1fr!important;max-height:174px!important;margin-top:7px!important;overflow:auto!important; }
    body.is-game-page .cb-page .cb-public-row { padding:6px!important; }

    body.is-game-page .cb-page .cb-join-card {
        display:grid!important;grid-template-columns:minmax(0,1fr) minmax(105px,.7fr)!important;grid-template-rows:24px minmax(0,1fr)!important;gap:4px 7px!important;
    }
    body.is-game-page .cb-page .cb-join-card .cb-lobby-title { grid-column:1/-1!important;grid-row:1!important;font-size:11px!important; }
    body.is-game-page .cb-page .cb-join-card .cb-lobby-row { grid-column:1!important;grid-row:2!important;height:46px!important; }
    body.is-game-page .cb-page .cb-join-card #cb_code { height:46px!important;min-height:46px!important;text-align:center!important;font-size:15px!important;letter-spacing:.13em!important; }
    body.is-game-page .cb-page .cb-join-card .cb-btn { grid-column:2!important;grid-row:2!important;width:100%!important;height:46px!important;min-height:46px!important;font-size:9px!important; }

    /* Battle room: compact status row, live stage and player arena. */
    body.is-game-page .cb-page .cb-room {
        position:relative!important;width:100%!important;height:100%!important;min-height:0!important;display:grid!important;
        grid-template-columns:1fr!important;grid-template-rows:40px 76px auto minmax(0,1fr)!important;gap:0!important;overflow:hidden!important;
    }
    body.is-game-page .cb-page .cb-room.hidden { display:none!important; }
    body.is-game-page .cb-page .cb-topbar {
        grid-row:1!important;width:100%!important;height:40px!important;min-height:40px!important;padding:4px 7px!important;flex-wrap:nowrap!important;overflow:hidden!important;border-radius:12px 12px 0 0!important;box-sizing:border-box!important;
    }
    body.is-game-page .cb-page .cb-topbar-left { min-width:0!important;width:auto!important;gap:4px!important;flex-wrap:nowrap!important;font-size:0!important; }
    body.is-game-page .cb-page .cb-room-code { display:none!important; }
    body.is-game-page .cb-page .cb-topbar-left b { padding:4px 5px!important;font-size:9px!important; }
    body.is-game-page .cb-page .cb-room-meta { max-width:105px!important;overflow:hidden!important;font-size:7px!important;text-overflow:ellipsis!important;white-space:nowrap!important; }
    body.is-game-page .cb-page .cb-topbar-right { margin-left:auto!important;gap:4px!important; }
    body.is-game-page .cb-page .cb-hash { display:none!important; }
    body.is-game-page .cb-page .cb-invite-button,
    body.is-game-page .cb-page #cb_leave { width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;font-size:0!important; }
    body.is-game-page .cb-page .cb-invite-button span { display:none!important; }
    body.is-game-page .cb-page .cb-invite-button i { margin:0!important;font-size:9px!important; }
    body.is-game-page .cb-page #cb_leave::before { content:'×';font-size:16px!important;line-height:1!important; }
    body.is-game-page .cb-page .cb-stage {
        grid-row:2!important;width:100%!important;height:76px!important;min-height:76px!important;padding:7px 10px!important;justify-content:center!important;gap:9px!important;overflow:hidden!important;box-sizing:border-box!important;
    }
    body.is-game-page .cb-page .cb-stage-orbit { width:110px!important;height:110px!important; }
    body.is-game-page .cb-page .cb-stage-case { width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:11px!important; }
    body.is-game-page .cb-page .cb-stage-case i { font-size:16px!important; }
    body.is-game-page .cb-page .cb-stage-case b { font-size:12px!important; }
    body.is-game-page .cb-page .cb-stage-copy { min-width:0!important;max-width:180px!important; }
    body.is-game-page .cb-page .cb-stage-copy span { font-size:6px!important; }
    body.is-game-page .cb-page .cb-stage-copy strong { margin-top:2px!important;overflow:hidden!important;font-size:10px!important;text-overflow:ellipsis!important;white-space:nowrap!important; }
    body.is-game-page .cb-page .cb-round-progress { bottom:5px!important;gap:3px!important; }
    body.is-game-page .cb-page .cb-round-progress i { width:17px!important;height:3px!important; }
    body.is-game-page .cb-page .cb-invite-join {
        grid-row:3!important;width:100%!important;min-height:50px!important;padding:5px 7px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:6px!important;overflow:hidden!important;box-sizing:border-box!important;
    }
    body.is-game-page .cb-page .cb-invite-join.hidden { display:none!important; }
    body.is-game-page .cb-page .cb-invite-join-copy span { font-size:6px!important; }
    body.is-game-page .cb-page .cb-invite-join-copy strong { overflow:hidden!important;font-size:8px!important;text-overflow:ellipsis!important;white-space:nowrap!important; }
    body.is-game-page .cb-page .cb-invite-join-copy small { display:none!important; }
    body.is-game-page .cb-page .cb-join-room-button { width:auto!important;min-width:116px!important;height:38px!important;min-height:38px!important;padding:0 7px!important;font-size:8px!important; }
    body.is-game-page .cb-page .cb-join-room-button b { font-size:8px!important; }
    body.is-game-page .cb-page .cb-arena {
        grid-row:4!important;width:100%!important;height:100%!important;min-height:0!important;padding:5px!important;display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:minmax(0,1fr)!important;align-content:stretch!important;gap:5px!important;overflow:hidden!important;box-sizing:border-box!important;
    }
    body.is-game-page .cb-page .cb-col {
        width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:6px!important;gap:4px!important;border-radius:10px!important;overflow:hidden!important;box-sizing:border-box!important;
    }
    body.is-game-page .cb-page .cb-col-head { min-height:25px!important;height:25px!important;gap:5px!important; }
    body.is-game-page .cb-page .cb-col-head .avatar { width:23px!important;height:23px!important; }
    body.is-game-page .cb-page .cb-col-name { font-size:8px!important; }
    body.is-game-page .cb-page .cb-col-person small { font-size:6px!important; }
    body.is-game-page .cb-page .cb-player-opening { min-height:0!important;flex:1!important;gap:3px!important; }
    body.is-game-page .cb-page .cb-mini-case { display:none!important; }
    body.is-game-page .cb-page .cb-reel { width:100%!important;height:62px!important;min-height:62px!important;border-radius:8px!important; }
    body.is-game-page .cb-page .cb-reel-track { top:4px!important; }
    body.is-game-page .cb-page .cb-drop { height:52px!important; }
    body.is-game-page .cb-page .cb-col-total { min-height:29px!important;height:29px!important;padding:3px 6px!important; }
    body.is-game-page .cb-page .cb-col-total span { font-size:7px!important; }
    body.is-game-page .cb-page .cb-col-total strong { font-size:10px!important; }
    body.is-game-page .cb-page .cb-col-rounds { display:none!important; }
    body.is-game-page .cb-page .cb-col-empty { min-height:0!important; }
    body.is-game-page .cb-page .cb-col-empty-inner { gap:4px!important;font-size:7px!important;text-align:center!important; }
    body.is-game-page .cb-page .cb-col-empty-inner i { font-size:13px!important; }

    /* Result becomes a contained mobile modal instead of extending the page. */
    body.is-game-page .cb-page .cb-winner-banner.show {
        position:fixed!important;z-index:9600!important;top:calc(var(--mobile-header-h,52px) + var(--mobile-safe-top,0px) + 8px)!important;
        right:max(8px,var(--mobile-safe-right,0px))!important;bottom:calc(var(--mobile-tabs-h,64px) + var(--mobile-safe-bottom,0px) + 8px)!important;left:max(8px,var(--mobile-safe-left,0px))!important;
        min-height:0!important;margin:0!important;padding:12px 10px!important;overflow-y:auto!important;border-radius:17px!important;box-shadow:0 28px 80px rgba(0,0,0,.72)!important;
    }
    body.is-game-page .cb-page .cb-winner-crown { width:38px!important;height:38px!important;font-size:16px!important; }
    body.is-game-page .cb-page .cb-winner-banner > small { margin:4px 0 2px!important;font-size:7px!important; }
    body.is-game-page .cb-page .cb-winner-banner > strong { font-size:12px!important; }
    body.is-game-page .cb-page .cb-result-rule { margin:7px auto!important;padding:6px!important;font-size:7px!important; }
    body.is-game-page .cb-page .cb-result-standing { min-height:30px!important;padding:3px 6px!important; }
    body.is-game-page .cb-page .cb-result-proof { margin-top:6px!important; }
    body.is-game-page .cb-page .cb-result-actions { margin-top:7px!important; }}

@media (max-width:350px) and (orientation:portrait) {
    body.is-game-page .cb-page .cb-lobby { grid-template-rows:minmax(0,1fr) 92px!important; }
    body.is-game-page .cb-page .cb-create-card { grid-template-rows:25px 62px 39px minmax(29px,1fr) 42px!important; }
	body.is-game-page .cb-page .cb-public-toggle { display:none!important; }
	body.is-game-page .cb-page .cb-create-card > .cb-btn { grid-row:5!important; }
    body.is-game-page .cb-page .cb-case-gallery,
    body.is-game-page .cb-page .cb-case-card { height:62px!important;min-height:62px!important; }
    body.is-game-page .cb-page .cb-create-card > .cb-btn { height:42px!important;min-height:42px!important; }
    body.is-game-page .cb-page .cb-join-card #cb_code,
    body.is-game-page .cb-page .cb-join-card .cb-btn { height:40px!important;min-height:40px!important; }
    body.is-game-page .cb-page .cb-reel { height:56px!important;min-height:56px!important; }
    body.is-game-page .cb-page .cb-drop { height:46px!important; }}

@media (max-width:768px) and (orientation:landscape), (pointer:coarse) and (max-width:1199px) and (max-height:600px) and (orientation:landscape) {
	body.is-game-page .cb-page .cb-lobby { grid-template-columns:minmax(0,1.6fr) minmax(220px,.7fr)!important;grid-template-rows:minmax(360px,1fr) 120px!important; }
    body.is-game-page .cb-page .cb-create-card { grid-column:1!important; }
	body.is-game-page .cb-page .cb-public-toggle { display:none!important; }
	body.is-game-page .cb-page .cb-create-card > .cb-btn { grid-row:5!important; }
	body.is-game-page .cb-page .cb-public-card { grid-column:1/-1!important;grid-row:2!important; }
    body.is-game-page .cb-page .cb-join-card { grid-column:2!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:25px minmax(0,1fr) 42px!important; }
    body.is-game-page .cb-page .cb-join-card .cb-lobby-title,
    body.is-game-page .cb-page .cb-join-card .cb-lobby-row,
    body.is-game-page .cb-page .cb-join-card .cb-btn { grid-column:1!important; }
    body.is-game-page .cb-page .cb-join-card .cb-lobby-title { grid-row:1!important; }
    body.is-game-page .cb-page .cb-join-card .cb-lobby-row { grid-row:2!important;align-self:center!important; }
    body.is-game-page .cb-page .cb-join-card .cb-btn { grid-row:3!important;height:42px!important;min-height:42px!important; }
    body.is-game-page .cb-page .cb-room { grid-template-columns:170px minmax(0,1fr)!important;grid-template-rows:38px 62px auto minmax(0,1fr)!important; }
    body.is-game-page .cb-page .cb-topbar { grid-column:1/-1!important;grid-row:1!important;height:38px!important;min-height:38px!important; }
    body.is-game-page .cb-page .cb-stage { grid-column:1!important;grid-row:2/5!important;width:100%!important;height:100%!important;min-height:0!important;flex-direction:column!important;padding:7px!important; }
    body.is-game-page .cb-page .cb-stage-copy { align-items:center!important;text-align:center!important; }
    body.is-game-page .cb-page .cb-invite-join { grid-column:2!important;grid-row:2!important;min-height:48px!important; }
    body.is-game-page .cb-page .cb-arena { grid-column:2!important;grid-row:3/5!important; }
    body.is-game-page .cb-page .cb-reel { height:54px!important;min-height:54px!important; }
    body.is-game-page .cb-page .cb-drop { height:44px!important; }}

/* Aviamasters mobile flight scene -------------------------------------- */
@media (max-width:768px) and (orientation:portrait) {

    body.is-game-page .av-page .av-autobet-segment:has(.av-autobet-panel:not(.hidden)) {
        position:fixed!important;z-index:9500!important;right:max(8px,var(--mobile-safe-right,0px))!important;bottom:calc(var(--mobile-tabs-h,64px) + var(--mobile-safe-bottom,0px) + 8px)!important;
        left:max(8px,var(--mobile-safe-left,0px))!important;width:auto!important;height:auto!important;max-height:min(64dvh,470px)!important;padding:10px!important;
        display:flex!important;flex-direction:column!important;gap:8px!important;overflow-y:auto!important;border-color:rgba(178,112,235,.3)!important;border-radius:17px!important;
        background:linear-gradient(155deg,#21172e,#100d18 76%)!important;box-shadow:0 24px 70px rgba(0,0,0,.65)!important;
    }}

@media (max-width:768px) and (orientation:landscape), (pointer:coarse) and (max-width:1199px) and (max-height:600px) and (orientation:landscape) {
    body.is-game-page .av-page .av-autobet-segment:has(.av-autobet-panel:not(.hidden)) {
        position:fixed!important;z-index:9500!important;inset:8px!important;width:auto!important;height:auto!important;max-height:calc(100dvh - 16px)!important;padding:9px!important;
        display:flex!important;flex-direction:column!important;gap:6px!important;overflow-y:auto!important;border-radius:15px!important;background:linear-gradient(155deg,#21172e,#100d18 76%)!important;box-shadow:0 24px 70px rgba(0,0,0,.65)!important;
    }}
.bnz-free-banner:not(.hidden) { animation:bnz-free-aura 1.65s ease-in-out infinite; }
.co-case-card.is-selected { border-color: rgba(244,201,93,.55); background: linear-gradient(150deg,rgba(69,44,102,.7),rgba(20,13,32,.75)); box-shadow: 0 0 0 1px rgba(244,201,93,.16),0 14px 30px rgba(5,2,14,.4); }
#page_content2.is-game-fullscreen .cb-lobby,
#page_content2.is-game-fullscreen .cb-room {
    width:100%!important;min-height:0!important;max-width:none!important;
    margin:0!important;flex:1 1 auto!important;overflow:auto!important;
}
.nv-page .hidden { display: none !important; }
.nv-field-icon .fa-users, .nv-field-icon .fa-money { margin-top: 8px; }
.nv-quick.is-selected { border-color: var(--nv-amber); background: rgba(255,180,95,.15); color: #fff; }
.nv-seat-option.is-selected { border-color: var(--nv-violet); background: rgba(166,106,242,.18); color: #fff; }
.nv-public-title-icon > .fa { display: block; width: 1em; height: 1em; margin-top: 12px; font-size: 16px; line-height: 1; text-align: center; }
.rv-page .hidden { display: none !important; }
.rv-quick.is-selected { border-color: var(--rv-brass); background: rgba(232,185,106,.15); color: #fff; }
.rv-public-title-icon > .fa { display: block; width: 1em; height: 1em; margin-top: 12px; font-size: 16px; line-height: 1; text-align: center; }
.cb-stage.is-done .cb-stage-case,
.cb-stage.is-done .cb-stage-copy,
.cb-stage.is-done .cb-round-progress { opacity: .16; }
@media (max-width: 768px), (pointer: coarse) and (max-width: 1199px) and (max-height: 600px) and (orientation: landscape) {
    body.is-game-page .cb-page .cb-winner-banner.show {
        top: calc(var(--mobile-header-h,52px) + var(--mobile-safe-top,0px) + 124px)!important;
    }}
.bd-page .hidden { display: none !important; }
.bd-quick.is-selected { border-color: var(--bd-b); background: rgba(255,180,95,.15); color: #fff; }
.bd-public-title-icon > .fa { display: block; width: 1em; height: 1em; margin-top: 12px; font-size: 16px; line-height: 1; text-align: center; }