@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap');
        body {
            font-family: 'Outfit', sans-serif;
            background-color: #0b0f19;
            overflow-x: hidden;
        }
        /* Custom scrollbar for premium feel */
        ::-webkit-scrollbar {
            width: 6px;
        }
        ::-webkit-scrollbar-track {
            background: #0f172a;
        }
        ::-webkit-scrollbar-thumb {
            background: #1e293b;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #334155;
        }
        /* Casino Table Felt Glow */
        .poker-felt {
            background: radial-gradient(circle, #064e3b 0%, #022c22 100%);
            box-shadow: inset 0 0 60px rgba(0,0,0,0.8), 0 8px 24px rgba(0,0,0,0.5);
        }
        /* Glassmorphism utility */
        .glass-panel {
            background: rgba(15, 23, 42, 0.45);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.05);
        }
        /* Card Flip animations */
        .flip-card {
            perspective: 1000px;
        }
        .flip-card-inner {
            transition: transform 0.6s;
            transform-style: preserve-3d;
        }
        .flip-card.revealed .flip-card-inner {
            transform: rotateY(180deg);
        }
        .flip-card-front, .flip-card-back {
            backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
        }
        .flip-card-back {
            transform: rotateY(180deg);
        }
        /* 3.8.7.94: keep every community-card value optically centred, including wrapped 3-digit values. */
        .flip-card-back .card-point-value{display:block;width:100%;text-align:center;line-height:1.05;white-space:normal;}
        .bot-avatar{position:absolute;left:50%;top:-22px;transform:translateX(-50%);width:43px;height:43px;border-radius:9999px;display:flex;align-items:center;justify-content:center;border:3px solid rgba(52,211,153,.82);background:linear-gradient(145deg,#172033,#07101d);font-size:27px;line-height:1;box-shadow:0 5px 14px rgba(0,0,0,.42);z-index:2;overflow:hidden}
        .player-seat-bot.has-avatar{padding-top:23px;}
        .player-seat-you.has-avatar{padding-top:23px;}
        .player-avatar{position:absolute;left:50%;top:-22px;transform:translateX(-50%);width:43px;height:43px;border-radius:9999px;display:flex;align-items:center;justify-content:center;border:3px solid rgba(52,211,153,.9);background:linear-gradient(145deg,#172033,#07101d);font-size:27px;line-height:1;box-shadow:0 5px 14px rgba(0,0,0,.42);z-index:2;overflow:hidden}
        .qh-avatar-choice.active{border-color:rgba(52,211,153,.9);background:rgba(16,185,129,.15);color:#6ee7b7;}
        .qh-player-avatar-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:9999px;}
        .qh-avatar-choice-img{display:block;width:38px;height:38px;object-fit:cover;border-radius:9999px;margin:0 auto 4px;border:2px solid rgba(251,191,36,.85);}
        body[data-level-theme="family"] .bot-avatar{border-color:rgba(236,72,153,.85);background:linear-gradient(145deg,#7e22ce,#be185d)}
        body[data-level-theme="mastermind"] .bot-avatar{border-color:rgba(251,191,36,.85);background:linear-gradient(145deg,#451a03,#111827)}
        /* Custom layout split: 55% Table on Left, 45% Controls/Questions on Right */
        @media (min-width: 1024px) {
            .main-grid {
                grid-template-columns: 55% 45% !important;
                height: 100%;
            }
        }
    
        /* PHASE 2 UX POLISH */
        #trivia-cards-viewport { scroll-behavior: smooth; overscroll-behavior: contain; scroll-padding-top: 6px; }
        .phase2-current-question { box-shadow: 0 0 0 1px rgba(16,185,129,.25), 0 10px 28px rgba(0,0,0,.18); }
        .phase2-answer-locked { animation: phase2Lock .28s ease-out both; }
        @keyframes phase2Lock { from { transform: scale(.985); opacity:.72; } to { transform: scale(1); opacity:1; } }

        /* PHASE 2.5.2 TABLE-SIDE COMMAND DECK */
        .table-command-deck {
            box-shadow: 0 0 0 1px rgba(16,185,129,.05), 0 16px 40px rgba(0,0,0,.25);
        }
        .table-command-deck button:disabled { opacity:.38; cursor:not-allowed; }
        @media (min-width:1024px){
            .table-command-deck { margin-top:-2px; }
        }

        /* PHASE 2.5.7 TABLE START OVERLAY */
        #table-start-overlay {
            background: rgba(0,0,0,.78);
            backdrop-filter: blur(3px);
        }
        #table-start-overlay .start-card {
            background: #050505;
            box-shadow: 0 22px 60px rgba(0,0,0,.55), 0 0 0 1px rgba(16,185,129,.08);
        }


        #options-menu {
            z-index: 9999 !important;
            background: #000 !important;
            box-shadow: 0 24px 70px rgba(0,0,0,.85), 0 0 0 1px rgba(255,255,255,.03);
            max-height: calc(100dvh - 4.5rem);
            overflow-y: auto;
            overscroll-behavior: contain;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: thin;
            scrollbar-color: #334155 #020617;
        }
        #options-menu::-webkit-scrollbar { width: 6px; }
        #options-menu::-webkit-scrollbar-track { background:#020617; border-radius:999px; }
        #options-menu::-webkit-scrollbar-thumb { background:#334155; border-radius:999px; }
        @media (max-height: 650px) {
            #options-menu { top: .75rem !important; max-height: calc(100dvh - 1.5rem); }
        }
        /* PHASE 2.7 TABLE PERSONALISATION */
        body[data-felt="classic"] .poker-felt { background: radial-gradient(circle, #064e3b 0%, #022c22 100%); }
        body[data-felt="midnight"] .poker-felt { background: radial-gradient(circle, #173a5e 0%, #071827 100%); }
        body[data-felt="royal"] .poker-felt { background: radial-gradient(circle, #4b2a67 0%, #1e102b 100%); }
        body[data-cardback="emerald"] .flip-card-back { background: linear-gradient(145deg,#34d399,#059669) !important; color:#02130e !important; }
        body[data-cardback="gold"] .flip-card-back { background: linear-gradient(145deg,#fbbf24,#b45309) !important; color:#1c1202 !important; }
        body[data-cardback="crimson"] .flip-card-back { background: linear-gradient(145deg,#fb7185,#9f1239) !important; color:#24050b !important; }
        .personal-option-active { background:#10b981 !important; color:#020617 !important; box-shadow:0 5px 18px rgba(16,185,129,.14); }
        body[data-motion="off"] *, body[data-motion="off"] *::before, body[data-motion="off"] *::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
        #showdown-table-banner { background:rgba(2,6,23,.91); backdrop-filter:blur(4px); }
        #showdown-table-banner.show { opacity:1; transform:translate(-50%,-50%) scale(1); }
        #showdown-table-banner.user-win { border-color:rgba(251,191,36,.75); box-shadow:0 0 38px rgba(251,191,36,.22); }
        #showdown-table-banner.bot-win { border-color:rgba(34,211,238,.48); }
        #showdown-table-banner.tie-win { border-color:rgba(167,139,250,.6); }
        .showdown-score-count { font-variant-numeric:tabular-nums; }
        .showdown-user-win .showdown-card { border-color:rgba(251,191,36,.55)!important; box-shadow:0 0 55px rgba(251,191,36,.12); }
        .showdown-bot-win .showdown-trophy { filter:saturate(.75); }
        .showdown-tie .showdown-trophy { background:linear-gradient(135deg,#a78bfa,#22d3ee)!important; }
        .showdown-seat-winner { animation:winnerSeatPulse .8s ease-in-out 2; box-shadow:0 0 0 2px rgba(251,191,36,.65),0 0 35px rgba(251,191,36,.35) !important; }
        @keyframes winnerSeatPulse { 0%,100%{transform:translate(-50%,-50%) scale(1)} 50%{transform:translate(-50%,-50%) scale(1.08)} }
        .pot-chip-fly { position:fixed; z-index:10020; width:13px; height:13px; border-radius:999px; background:radial-gradient(circle at 35% 30%,#fde68a 0 22%,#f59e0b 25% 70%,#92400e 74%); border:1px solid rgba(255,255,255,.4); pointer-events:none; animation:potChipFly .72s cubic-bezier(.2,.7,.2,1) forwards; }
        @keyframes potChipFly { from{transform:translate(0,0) scale(.65) rotate(0);opacity:.1} 20%{opacity:1} to{transform:translate(var(--dx),var(--dy)) scale(1.05) rotate(420deg);opacity:0} }
        #showdown-modal .showdown-card { transform:translateY(16px) scale(.98); opacity:0; }
        #showdown-modal.showdown-open .showdown-card { animation:showdownCardIn .34s ease-out forwards; }
        #showdown-modal.showdown-open .showdown-trophy { animation:showdownTrophy .6s .18s cubic-bezier(.2,.8,.2,1) both; }
        #showdown-modal.showdown-open .showdown-winner-panel { animation:showdownPanel .4s .3s ease-out both; }
        #showdown-modal.showdown-open .showdown-board { animation:showdownPanel .4s .46s ease-out both; }
        @keyframes showdownCardIn { to{transform:translateY(0) scale(1);opacity:1} }
        @keyframes showdownTrophy { from{transform:scale(.45) rotate(-14deg);opacity:0} 65%{transform:scale(1.14) rotate(5deg);opacity:1} to{transform:scale(1) rotate(0);opacity:1} }
        @keyframes showdownPanel { from{transform:translateY(10px);opacity:0} to{transform:translateY(0);opacity:1} }

        /* PHASE 2.7.3 MOBILE RESPONSIVE TABLE FIT */
        .player-seat { min-height: 58px; }
        #community-card-row, #table-pot-panel { transition: top .2s ease, transform .2s ease; }

        /* Phone / narrow portrait: shrink seats and reserve a clean centre lane. */
        @media (max-width: 767px) and (orientation: portrait) {
            #poker-table-focus { height: 292px !important; border-width: 5px !important; border-radius: 1.65rem !important; padding: .65rem !important; }
            #player-positions-container .player-seat {
                width: 69px !important; min-height: 50px !important; padding: 5px 4px !important; border-radius: 10px !important;
            }
            #player-positions-container .player-seat-you,
            #player-positions-container .player-seat-leader { width: 75px !important; min-height: 54px !important; }
            #player-positions-container .player-seat span.text-\[9px\] { font-size: 7.5px !important; max-width: 58px !important; }
            #player-positions-container .player-seat span.text-\[6px\] { font-size: 5.5px !important; }
            #player-positions-container .player-seat span.text-\[7px\] { font-size: 6px !important; }
            #player-positions-container .player-seat i.text-\[6px\] { font-size: 5px !important; }

            /* Spread seats around the perimeter and protect the centre. */
            #player-positions-container [data-seat="6"] { left:50% !important; top:89% !important; }
            #player-positions-container [data-seat="0"] { left:17% !important; top:76% !important; }
            #player-positions-container [data-seat="1"] { left:10% !important; top:44% !important; }
            #player-positions-container [data-seat="2"] { left:31% !important; top:14% !important; }
            #player-positions-container [data-seat="3"] { left:69% !important; top:14% !important; }
            #player-positions-container [data-seat="4"] { left:90% !important; top:44% !important; }
            #player-positions-container [data-seat="5"] { left:83% !important; top:76% !important; }

            #community-card-row { top: 25% !important; gap: 3px !important; }
            #community-card-row .flip-card { width: 29px !important; height: 42px !important; }
            #table-pot-panel { top: 54% !important; padding: 5px 8px !important; min-width: 150px; }
            #table-pot-panel #table-pot { font-size: 14px !important; }
            #table-pot-panel #hand-category-hud { max-width: 145px; font-size: 7px !important; line-height: 1.15; }
            main.main-grid { padding: 10px !important; gap: 12px !important; }
            main.main-grid > section:first-child { gap: 10px !important; }
        }

        /* Phone / tablet landscape: use a wide-table layout rather than stretched portrait coordinates. */
        @media (max-width: 950px) and (orientation: landscape) {
            header { padding-top: 4px !important; padding-bottom: 4px !important; }
            main.main-grid { padding: 7px 10px 10px !important; gap: 9px !important; }
            main.main-grid > section:first-child { gap: 7px !important; }
            #poker-table-focus { height: 228px !important; min-height: 228px !important; border-width: 5px !important; border-radius: 1.5rem !important; padding: .5rem !important; }
            #poker-table-focus > .absolute.inset-3 { inset: 8px !important; }

            #player-positions-container .player-seat {
                width: 70px !important; min-height: 45px !important; padding: 4px 4px !important; border-radius: 9px !important;
            }
            #player-positions-container .player-seat-you,
            #player-positions-container .player-seat-leader { width: 76px !important; min-height: 49px !important; }
            #player-positions-container .player-seat span.text-\[9px\] { font-size: 7px !important; max-width: 60px !important; }
            #player-positions-container .player-seat span.text-\[6px\] { font-size: 5px !important; }
            #player-positions-container .player-seat span.text-\[7px\] { font-size: 5.5px !important; }
            #player-positions-container .player-seat i.text-\[6px\] { font-size: 5px !important; }

            /* Wide oval seating: top pair high, side pair wide, lower pair outboard, YOU low-centre. */
            #player-positions-container [data-seat="6"] { left:50% !important; top:87% !important; }
            #player-positions-container [data-seat="0"] { left:18% !important; top:75% !important; }
            #player-positions-container [data-seat="1"] { left:10% !important; top:45% !important; }
            #player-positions-container [data-seat="2"] { left:30% !important; top:15% !important; }
            #player-positions-container [data-seat="3"] { left:70% !important; top:15% !important; }
            #player-positions-container [data-seat="4"] { left:90% !important; top:45% !important; }
            #player-positions-container [data-seat="5"] { left:82% !important; top:75% !important; }

            #community-card-row { top: 24% !important; gap: 3px !important; }
            #community-card-row .flip-card { width: 28px !important; height: 40px !important; }
            #table-pot-panel { top: 55% !important; padding: 4px 8px !important; min-width: 170px; }
            #table-pot-panel > span:first-child { font-size: 7px !important; }
            #table-pot-panel #table-pot { font-size: 13px !important; }
            #table-pot-panel #pot-breakdown-hud { font-size: 5px !important; }
            #table-pot-panel #hand-category-hud { max-width: 175px; font-size: 6.5px !important; padding: 2px 6px !important; }
            .table-command-deck { margin-top: 0 !important; }
        }


        #pass-device-overlay{position:fixed;inset:0;z-index:10050;background:rgba(0,0,0,.96);display:flex;align-items:center;justify-content:center;padding:24px;}
        #pass-device-overlay.hidden{display:none;}
        #pass-device-overlay .pass-card{width:min(92vw,420px);background:#020617;border:1px solid rgba(16,185,129,.28);border-radius:22px;padding:24px;text-align:center;box-shadow:0 24px 80px rgba(0,0,0,.65);}
        .multiplayer-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(34,211,238,.2);background:rgba(34,211,238,.08);color:#67e8f9;border-radius:999px;padding:4px 9px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;}


        /* PHASE 3.4 CASINO TABLE REDESIGN */
        body { background:
            radial-gradient(circle at 15% 18%, rgba(120,53,15,.12), transparent 25%),
            radial-gradient(circle at 85% 12%, rgba(120,53,15,.10), transparent 24%),
            linear-gradient(180deg,#080b12 0%,#0b0f19 55%,#070a11 100%);
        }
        header.glass-panel { background:rgba(3,7,18,.96); border-bottom-color:rgba(245,158,11,.25); box-shadow:0 8px 30px rgba(0,0,0,.35); }
        header h1 { color:#f6d67a !important; letter-spacing:.035em !important; }
        header .bg-emerald-500 { background:linear-gradient(145deg,#fbbf24,#b45309)!important; }
        .casino-table {
            border-color:#4b2412 !important;
            box-shadow: inset 0 0 0 2px rgba(245,158,11,.28), inset 0 0 0 7px rgba(49,22,10,.68), inset 0 0 70px rgba(0,0,0,.72), 0 18px 35px rgba(0,0,0,.48) !important;
        }
        .casino-table::before { content:''; position:absolute; inset:4px; border-radius:inherit; border:1px solid rgba(251,191,36,.22); pointer-events:none; z-index:1; }
        .casino-table::after { content:"QUIZ HOLD'EM"; position:absolute; left:50%; top:54%; transform:translate(-50%,-50%); color:rgba(245,208,103,.10); font-family:Georgia,serif; font-weight:800; font-size:clamp(18px,3vw,34px); letter-spacing:.03em; white-space:nowrap; pointer-events:none; z-index:0; }
        #player-positions-container .player-seat {
            background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.98)) !important;
            border-color:rgba(245,158,11,.28) !important;
            box-shadow:0 7px 18px rgba(0,0,0,.38), inset 0 1px rgba(255,255,255,.035) !important;
        }
        #player-positions-container .player-seat-you { border-color:rgba(52,211,153,.8)!important; box-shadow:0 0 0 2px rgba(52,211,153,.18),0 8px 22px rgba(0,0,0,.4)!important; }
        #player-positions-container .player-seat-leader { border-color:rgba(251,191,36,.72)!important; }
        #table-pot-panel { background:rgba(2,6,23,.82)!important; border-color:rgba(245,158,11,.20)!important; box-shadow:0 8px 20px rgba(0,0,0,.24); }
        #hand-category-hud { border-color:rgba(52,211,153,.25)!important; }
        .casino-setup-strip { width:100%; margin-top:-2px; position:relative; z-index:35; }
        .casino-setup-strip.hidden { display:none !important; }
        .casino-setup-strip .start-card {
            width:100%; display:flex; align-items:center; gap:10px; min-height:52px; padding:8px 10px;
            border:1px solid rgba(245,158,11,.48); border-radius:16px; background:linear-gradient(180deg,rgba(5,10,18,.99),rgba(2,6,13,.99));
            box-shadow:0 10px 28px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.025);
        }
        .setup-chip { min-width:0; display:flex; align-items:center; justify-content:center; gap:7px; color:#f6d67a; font-size:9px; font-weight:900; text-transform:uppercase; letter-spacing:.07em; white-space:nowrap; }
        .setup-chip i { color:#fbbf24; font-size:12px; }
        .setup-category { flex:1; overflow:hidden; } .setup-category span { overflow:hidden; text-overflow:ellipsis; }
        .setup-divider { width:1px; height:22px; background:rgba(245,158,11,.28); flex:0 0 auto; }
        .casino-deal-button { margin-left:auto; min-width:122px; border-radius:11px; padding:10px 15px; background:linear-gradient(180deg,#10b981,#059669); color:#02130e; border:1px solid #34d399; font-size:10px; font-weight:1000; text-transform:uppercase; letter-spacing:.08em; box-shadow:0 7px 18px rgba(16,185,129,.16); }
        .casino-command-deck { border-color:rgba(245,158,11,.22)!important; background:linear-gradient(180deg,rgba(4,9,20,.98),rgba(2,6,18,.98))!important; }
        .casino-cockpit-header { display:none !important; }
        .casino-dealer-feed { padding:0!important; background:transparent!important; border:0!important; backdrop-filter:none!important; }
        .casino-dealer-feed > .bg-slate-950\/60 { border-color:rgba(245,158,11,.12)!important; background:rgba(2,6,23,.68)!important; }
        /* 3.8.7.41 — level-driven visual identity. Each difficulty now colours the actual table felt as well as the surrounding UI. */
        body[data-level-theme="family"] { background:radial-gradient(circle at 50% 0%,#312e81 0%,#172554 32%,#090b24 76%)!important; }
        body[data-level-theme="family"] header.glass-panel { background:linear-gradient(90deg,rgba(30,41,120,.97),rgba(88,28,135,.97))!important; border-bottom-color:rgba(250,204,21,.55)!important; }
        body[data-level-theme="family"] header h1 { color:#fde047!important; text-shadow:0 0 18px rgba(250,204,21,.25); }
        body[data-level-theme="family"] .casino-command-deck { border-color:rgba(244,114,182,.38)!important; background:linear-gradient(180deg,rgba(49,46,129,.88),rgba(30,27,75,.94))!important; }
        body[data-level-theme="family"] .casino-deal-button { background:linear-gradient(180deg,#facc15,#f59e0b)!important; border-color:#fde047!important; color:#3b1700!important; }
        body[data-level-theme="family"] .flip-card-back { background:linear-gradient(145deg,#a855f7,#ec4899)!important; color:white!important; }
        body[data-level-theme="family"] #table-pot-panel { border-color:rgba(250,204,21,.45)!important; }

        body[data-level-theme="quiz"] { background:radial-gradient(circle at 50% 0%,#12352e 0%,#081b19 38%,#050b10 78%)!important; }
        body[data-level-theme="quiz"] header.glass-panel { background:rgba(4,24,20,.97)!important; border-bottom-color:rgba(245,158,11,.38)!important; }
        body[data-level-theme="quiz"] header h1 { color:#f6d67a!important; }
        body[data-level-theme="quiz"] .casino-command-deck { border-color:rgba(245,158,11,.25)!important; background:linear-gradient(180deg,rgba(5,32,27,.96),rgba(3,18,17,.98))!important; }
        body[data-level-theme="quiz"] .flip-card-back { background:linear-gradient(145deg,#34d399,#047857)!important; color:#02130e!important; }

        body[data-level-theme="expert"] { background:radial-gradient(circle at 50% 0%,#172554 0%,#071426 42%,#030712 82%)!important; }
        body[data-level-theme="expert"] header.glass-panel { background:rgba(5,16,39,.98)!important; border-bottom-color:rgba(56,189,248,.42)!important; }
        body[data-level-theme="expert"] header h1 { color:#bae6fd!important; }
        body[data-level-theme="expert"] .casino-command-deck { border-color:rgba(56,189,248,.28)!important; background:linear-gradient(180deg,rgba(8,25,52,.97),rgba(3,10,25,.99))!important; }
        body[data-level-theme="expert"] .casino-deal-button { background:linear-gradient(180deg,#38bdf8,#0284c7)!important; border-color:#7dd3fc!important; color:#02131d!important; }
        body[data-level-theme="expert"] .flip-card-back { background:linear-gradient(145deg,#2563eb,#0f172a)!important; color:#e0f2fe!important; }
        body[data-level-theme="expert"] #table-pot-panel { border-color:rgba(56,189,248,.30)!important; }

        body[data-level-theme="mastermind"] { background:radial-gradient(circle at 50% 0%,#2a1209 0%,#100907 38%,#030303 82%)!important; }
        body[data-level-theme="mastermind"] header.glass-panel { background:linear-gradient(90deg,#080808,#1b0b07)!important; border-bottom-color:rgba(251,191,36,.55)!important; }
        body[data-level-theme="mastermind"] header h1 { color:#fbbf24!important; text-shadow:0 0 20px rgba(251,191,36,.18); }
        body[data-level-theme="mastermind"] .casino-command-deck { border-color:rgba(251,191,36,.32)!important; background:linear-gradient(180deg,rgba(22,13,9,.98),rgba(5,5,5,.99))!important; }
        body[data-level-theme="mastermind"] .casino-deal-button { background:linear-gradient(180deg,#fbbf24,#b45309)!important; border-color:#fde68a!important; color:#1c0d02!important; }
        body[data-level-theme="mastermind"] .flip-card-back { background:linear-gradient(145deg,#d97706,#7f1d1d)!important; color:#fff7ed!important; }
        body[data-level-theme="mastermind"] #table-pot-panel { border-color:rgba(251,191,36,.42)!important; }

        /* 3.8.7.41 — the poker table itself follows the selected level. */
        body[data-level-theme="family"] .casino-table {
            background:radial-gradient(ellipse at 50% 42%,#7c3aed 0%,#4f46e5 42%,#312e81 72%,#1e1b4b 100%)!important;
            border-color:#f59e0b!important;
            box-shadow:inset 0 0 0 2px rgba(253,224,71,.55),inset 0 0 0 7px rgba(91,33,182,.72),inset 0 0 72px rgba(30,27,75,.62),0 18px 35px rgba(0,0,0,.48)!important;
        }
        body[data-level-theme="quiz"] .casino-table {
            background:radial-gradient(ellipse at 50% 42%,#087f5b 0%,#065f46 42%,#064e3b 72%,#022c22 100%)!important;
            border-color:#78350f!important;
            box-shadow:inset 0 0 0 2px rgba(245,158,11,.35),inset 0 0 0 7px rgba(69,26,3,.68),inset 0 0 72px rgba(0,0,0,.55),0 18px 35px rgba(0,0,0,.48)!important;
        }
        body[data-level-theme="expert"] .casino-table {
            background:radial-gradient(ellipse at 50% 42%,#155e75 0%,#164e63 36%,#0c4a6e 68%,#082f49 100%)!important;
            border-color:#0f172a!important;
            box-shadow:inset 0 0 0 2px rgba(125,211,252,.42),inset 0 0 0 7px rgba(15,23,42,.80),inset 0 0 72px rgba(2,6,23,.58),0 18px 35px rgba(0,0,0,.50)!important;
        }
        body[data-level-theme="mastermind"] .casino-table {
            background:radial-gradient(ellipse at 50% 42%,#7f1d1d 0%,#541616 38%,#3f0d12 68%,#1c0709 100%)!important;
            border-color:#92400e!important;
            box-shadow:inset 0 0 0 2px rgba(251,191,36,.52),inset 0 0 0 7px rgba(69,26,3,.78),inset 0 0 78px rgba(0,0,0,.62),0 18px 38px rgba(0,0,0,.55)!important;
        }
        body[data-level-theme] #btn-diff-family, body[data-level-theme] #btn-diff-quiz, body[data-level-theme] #btn-diff-expert, body[data-level-theme] #btn-diff-mastermind { transition:all .2s ease; }

        @media (max-width:767px){
            main.main-grid { padding:8px 10px 14px!important; gap:10px!important; }
            main.main-grid > section:first-child { gap:8px!important; }
            #poker-table-focus { border-width:7px!important; }
            .casino-setup-strip .start-card { display:grid; grid-template-columns:1fr 1fr; gap:5px 7px; padding:7px; min-height:0; }
            .setup-divider { display:none; }
            .setup-chip { justify-content:flex-start; font-size:7px; padding:2px 4px; }
            .setup-chip i { font-size:9px; }
            .setup-category { grid-column:1 / 2; }
            .casino-deal-button { grid-column:2; grid-row:1 / span 2; width:100%; min-width:0; height:100%; min-height:38px; font-size:9px; }
            .casino-command-deck { padding:10px!important; border-radius:16px!important; }
        }
        @media (orientation:landscape) and (max-height:600px) and (max-width:1023px){
            .casino-setup-strip .start-card { display:flex; min-height:42px; padding:5px 8px; }
            .setup-divider { display:block; height:18px; }
            .setup-chip { font-size:7px; }
            .casino-deal-button { min-height:32px; height:auto; width:auto; min-width:105px; padding:7px 10px; }
        }

        /* 3.8.7.41 — branded spade/Q header mark + compact score feedback. */
        .qh-brand-mark{background:linear-gradient(145deg,#111827,#020617);border:1px solid rgba(251,191,36,.45);box-shadow:0 0 18px rgba(245,158,11,.16),inset 0 0 12px rgba(59,130,246,.08)}
        @media (max-width:420px){#score-status-summary{font-size:7px;gap:.25rem .45rem}}
        @media (max-width:420px){.qh-leaderboard-label{display:none}}

    

/* ---- preserved style block ---- */


#qh-hand-clean-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:8px;margin-top:4px}
.qh-hand-clean-card{border:1px solid rgba(45,212,191,.35);border-radius:12px;padding:10px 12px;background:rgba(2,20,25,.35)}
#qh-five-meter{display:flex;gap:6px;margin-top:7px}
#qh-five-meter span{height:11px;flex:1;border-radius:3px;background:rgba(71,85,105,.65)}
#qh-five-meter span.on{background:currentColor}
#qh-hand-calc{margin-top:9px;border:1px solid rgba(45,212,191,.35);border-radius:12px;overflow:hidden}
#qh-hand-calc summary{cursor:pointer;list-style:none;padding:10px 12px;font-weight:800;color:#e2e8f0}
#qh-hand-calc summary::-webkit-details-marker{display:none}
#qh-hand-calc-body{padding:0 12px 11px;color:#cbd5e1;font-size:10px;line-height:1.45}
#qh-hand-calc-body b{color:#f8fafc}
@media(max-width:430px){.qh-hand-clean-card{padding:9px 10px}#qh-hand-clean-wrap{gap:6px}}
/* 3.8.7.145 — laptop/desktop hand guide stays compact so betting controls remain above the fold. */
@media (min-width:1024px){
  #hand-guide-panel{padding:6px 9px!important;margin-bottom:5px!important}
  #qh-hand-clean-wrap{grid-template-columns:1.05fr .95fr;gap:5px!important;margin-top:1px!important}
  .qh-hand-clean-card{padding:5px 8px!important;border-radius:9px!important}
  #qh-hand-clean-wrap .text-\[10px\]{font-size:8px!important}
  #qh-clean-score{margin-top:1px!important;font-size:16px!important;line-height:1.05!important}
  #qh-five-meter{gap:4px!important;margin-top:4px!important}
  #qh-five-meter span{height:7px!important}
  #qh-hand-calc{margin-top:4px!important;border-radius:9px!important}
  #qh-hand-calc summary{padding:5px 8px!important;font-size:8px!important}
  #qh-hand-calc-body{padding:0 8px 7px!important;font-size:8px!important;line-height:1.3!important}
  #bet-risk-guide{margin-top:3px!important;font-size:8px!important}
  #betting-dock{padding:8px!important}
}

/* 3.8.7.100: mobile Options shell — tabs stay visible; each page scrolls independently. */
#qh-options-content,#qh-progress-content{max-height:calc(100vh - 10.5rem);overflow-y:auto;overscroll-behavior:contain;padding-right:2px;scrollbar-width:thin}
#qh-options-content::-webkit-scrollbar,#qh-progress-content::-webkit-scrollbar{width:4px}
#options-menu>div:first-child,#options-menu>div:nth-child(2){position:relative;z-index:2;background:#000}
/* 3.8.7.103: clear the full stacked mobile header; !important overrides the earlier mobile shell rule. */
@media(max-width:430px){#options-menu{right:8px;left:8px;width:auto;max-width:none;top:10.5rem !important;padding:12px;max-height:calc(100dvh - 11rem) !important}#qh-options-content,#qh-progress-content{max-height:calc(100dvh - 17rem)}}


/* ---- preserved style block ---- */


/* 3.8.7.120 — PRESENTATION ONLY. No game/scoring/questions/betting/multiplayer JS changed. */

/* Bot seat is one component: portrait -> name -> chips. Remove legacy duplicate stack row. */
#player-positions-container .player-seat-bot.has-avatar > .qh-old-bot-name + div{
  display:none!important;
}
#player-positions-container .player-seat-bot.has-avatar > .qh-bot-card{
  top:50%!important;
  transform:translate(-50%,-50%)!important;
}
#player-positions-container .player-seat-bot.has-avatar .bot-avatar{
  width:58px!important;height:58px!important;margin:0 auto -5px!important;
}
#player-positions-container .player-seat-bot.has-avatar .qh-bot-card-info{
  width:80px!important;min-height:32px!important;padding:6px 4px 4px!important;
}

/* Human seats use the same internal rhythm everywhere. */
#player-positions-container .player-seat-you.has-avatar{
  width:85px!important;min-height:82px!important;
  padding:35px 5px 5px!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}
#player-positions-container .player-seat-you.has-avatar .player-avatar{
  position:absolute!important;left:50%!important;top:-24px!important;
  transform:translateX(-50%)!important;
  width:58px!important;height:58px!important;margin:0!important;
}
#player-positions-container .player-seat-you.has-avatar > span.text-\[8px\]{
  display:block!important;width:75px!important;max-width:75px!important;
  min-height:12px!important;margin:0 auto!important;
  font-size:8px!important;line-height:12px!important;text-align:center!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
#player-positions-container .player-seat-you.has-avatar > span.text-\[8px\] + div{
  display:flex!important;min-height:12px!important;margin:1px 0 0!important;
  line-height:12px!important;justify-content:center!important;
}
/* Bottom YOU: enough clearance for name + stack, without pushing it off the felt. */
@media (max-width:767px) and (orientation:portrait){
  #player-positions-container [data-seat="6"]{top:80.5%!important;}
  #player-positions-container [data-seat="6"].player-seat-you.has-avatar{
    min-height:82px!important;padding-top:35px!important;padding-bottom:5px!important;
  }
  /* Top seats: neutralise old text-only offsets; the integrated cards now own alignment. */
  #player-positions-container [data-seat="2"] > span,
  #player-positions-container [data-seat="3"] > span,
  #player-positions-container [data-seat="2"] > span + div,
  #player-positions-container [data-seat="3"] > span + div{top:auto!important;}
}

/* Clean individual source images: identical crop rules in Options and at the table. */
.qh-avatar-choice-img,
.player-seat-you.has-avatar .qh-player-avatar-img{
  display:block!important;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:50% 50%!important;border-radius:50%!important;
}


/* ---- preserved style block ---- */


/* 3.8.7.121 — ALIGNMENT ONLY. No game/scoring/question/betting/multiplayer JS changes. */
@media (max-width:767px) and (orientation:portrait){
  /* Only the two upper seats move: keep their integrated name + stack above the board cards. */
  #player-positions-container [data-seat="2"],
  #player-positions-container [data-seat="3"]{top:8.5%!important;}

  /* One human-seat rhythm: portrait -> name -> chips, including YOU and local players. */
  #player-positions-container .player-seat-you.has-avatar{
    width:85px!important;min-height:82px!important;padding:35px 5px 5px!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
  }
  #player-positions-container .player-seat-you.has-avatar .player-avatar{
    left:50%!important;top:-24px!important;width:58px!important;height:58px!important;
    transform:translateX(-50%)!important;
  }
  #player-positions-container .player-seat-you.has-avatar > span.text-\[8px\]{
    width:75px!important;max-width:75px!important;height:12px!important;min-height:12px!important;
    margin:0!important;font-size:8px!important;line-height:12px!important;text-align:center!important;
  }
  #player-positions-container .player-seat-you.has-avatar > span.text-\[8px\] + div{
    height:12px!important;min-height:12px!important;margin:1px 0 0!important;line-height:12px!important;
    justify-content:center!important;
  }
}


/* ---- preserved style block ---- */


/* 3.8.7.122 — VISUAL POSITIONING ONLY.
   Preserve 121 seat cards and all game/scoring/question/betting/multiplayer JavaScript. */
@media (max-width:767px) and (orientation:portrait){
  /* Keep the two top seat panels fixed; lower only their portraits so the circles stay inside the felt. */
  #player-positions-container [data-seat="2"] .bot-avatar,
  #player-positions-container [data-seat="3"] .bot-avatar{
    top:-18px!important;
  }

  /* Keep the pot fixed; lift only the category pill into the clear lane above the YOU portrait. */
  #table-pot-panel #hand-category-hud{
    position:relative!important;
    top:-11px!important;
    z-index:24!important;
    margin-bottom:-11px!important;
  }
}


/* ---- preserved style block ---- */


/* 3.8.7.125 — MOBILE TABLE GEOMETRY ONLY.
   Protected baseline: 123. No JS/game/scoring/question/betting/multiplayer changes.
   Give each table element its own vertical lane instead of compressing the centre. */
@media (max-width:767px) and (orientation:portrait){
  /* More real table height: preserve portrait/name/stack proportions rather than shrinking them. */
  #poker-table-focus{
    height:350px!important;
    min-height:350px!important;
    padding:.65rem!important;
  }

  /* Perimeter seats — fixed zones around a protected centre lane. */
  #player-positions-container [data-seat="2"]{left:31%!important;top:17%!important;}
  #player-positions-container [data-seat="3"]{left:69%!important;top:17%!important;}
  #player-positions-container [data-seat="1"]{left:10%!important;top:49%!important;}
  #player-positions-container [data-seat="4"]{left:90%!important;top:49%!important;}
  #player-positions-container [data-seat="0"]{left:17%!important;top:78%!important;}
  #player-positions-container [data-seat="5"]{left:83%!important;top:78%!important;}
  #player-positions-container [data-seat="6"]{left:50%!important;top:82%!important;}

  /* Top bot portraits return to the same integrated-card rhythm as every other bot. */
  #player-positions-container [data-seat="2"] .bot-avatar,
  #player-positions-container [data-seat="3"] .bot-avatar{top:auto!important;}

  /* Board strip gets a dedicated lane below the top players. */
  #community-card-row{top:35%!important;gap:4px!important;}
  #community-card-row .flip-card{width:29px!important;height:38px!important;}

  /* Pot/category occupy the middle lane, clear of board and bottom player. */
  #table-pot-panel{
    top:57%!important;
    min-width:154px!important;
    padding:6px 9px!important;
  }
  #table-pot-panel #hand-category-hud{
    position:static!important;
    top:auto!important;
    margin:4px auto 0!important;
    max-width:148px!important;
  }

  /* Keep the approved YOU component intact inside its own bottom lane. */
  #player-positions-container [data-seat="6"].player-seat-you.has-avatar{
    min-height:82px!important;
    padding:35px 5px 5px!important;
  }
}


/* ---- preserved style block ---- */


/* 3.8.7.126 — CENTRE LANE LIFT ONLY.
   Protected baseline: 125. No player-seat or game-logic changes.
   Lift the community cards and complete pot/category group together. */
@media (max-width:767px) and (orientation:portrait){
  #community-card-row{top:32%!important;}
  #table-pot-panel{top:53%!important;}
}


/* ---- preserved style block ---- */


/* 3.8.7.134 — Family & Fun 60-question external test bank on protected .133 baseline. */
.qh-deal-stack{margin-left:auto;min-width:122px;display:flex;flex-direction:column;align-items:stretch;}
.qh-deal-stack .casino-deal-button{margin-left:0;width:100%;}
@media(max-width:767px){.qh-deal-stack{grid-column:2;grid-row:1 / span 2;width:100%;min-width:0;height:100%;}.qh-deal-stack .casino-deal-button{grid-column:auto;grid-row:auto;min-height:38px;height:auto;flex:1;}}


/* ---- preserved style block ---- */


.bot-avatar{top:-30px!important;width:56px!important;height:56px!important;border-radius:50%!important;
 overflow:hidden!important;border:3px solid rgba(251,191,36,.9)!important;background:#111827!important;
 box-shadow:0 5px 14px rgba(0,0,0,.45)!important}
.bot-avatar img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 20%!important}
.player-seat-bot.has-avatar{padding-top:28px!important}
.player-seat-bot.has-avatar .qh-character-name{font-size:7px!important;line-height:1!important;letter-spacing:0!important;white-space:nowrap!important}


/* ---- preserved style block ---- */


.player-seat-bot.has-avatar{padding-top:35px!important;min-height:84px!important}
.player-seat-bot.has-avatar .bot-avatar{top:-33px!important}
.player-seat-bot.has-avatar .qh-character-name{
 display:block!important;margin-top:1px!important;margin-bottom:3px!important;
 font-size:7px!important;line-height:1!important;max-width:78px!important;text-align:center!important
}


/* ---- preserved style block ---- */


/* Integrated bot portrait/name/chips card */
.player-seat-bot.has-avatar{
  padding:0!important;
  min-height:78px!important;
  overflow:visible!important;
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.player-seat-bot.has-avatar > .qh-bot-card{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-55%)!important;
  width:76px!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
}
.player-seat-bot.has-avatar .bot-avatar{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  transform:none!important;
  width:58px!important;
  height:58px!important;
  margin:0 auto -5px!important;
  z-index:4!important;
  border-width:3px!important;
}
.player-seat-bot.has-avatar .qh-bot-card-info{
  width:76px!important;
  min-height:31px!important;
  padding:6px 3px 3px!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.98))!important;
  border:1px solid rgba(251,191,36,.55)!important;
  box-shadow:0 5px 12px rgba(0,0,0,.45)!important;
  text-align:center!important;
}
.player-seat-bot.has-avatar .qh-character-name{
  display:block!important;
  margin:0!important;
  max-width:70px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:7px!important;
  line-height:9px!important;
  font-weight:900!important;
  color:#f8fafc!important;
}
.player-seat-bot.has-avatar .qh-bot-card-chips{
  display:block!important;
  margin-top:1px!important;
  font-size:8px!important;
  line-height:10px!important;
  font-weight:900!important;
  color:#f8fafc!important;
}
.player-seat-bot.has-avatar .qh-old-bot-name{display:none!important}
/* Hide the renderer's original separate stack line for bots: integrated card owns it. */
.player-seat-bot.has-avatar > span.text-\[8px\].font-black.text-amber-200{display:none!important}
/* Keep D/SB/BB readable beneath the integrated card. */
.player-seat-bot.has-avatar > span:last-child{
  position:relative!important;
  z-index:6!important;
}


/* ---- preserved style block ---- */


/* Integrated bot card V2: one clean visual object */
.player-seat-bot.has-avatar{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}
.player-seat-bot.has-avatar > .qh-bot-card{
  transform:translate(-50%,-50%)!important;
}
.player-seat-bot.has-avatar .qh-bot-card-info{
  width:80px!important;
  min-height:32px!important;
  padding:6px 4px 4px!important;
  border-radius:9px!important;
}
.player-seat-bot.has-avatar .qh-character-name{
  max-width:72px!important;
  font-size:7.5px!important;
  line-height:9px!important;
}
.player-seat-bot.has-avatar .qh-bot-card-chips{
  font-size:8.5px!important;
  line-height:11px!important;
}
/* suppress all old bot text/chip lines outside our new card */

.player-seat-bot.has-avatar > .qh-old-bot-name{display:none!important;}
/* restore any compact role marker generated as a span */
.player-seat-bot.has-avatar > span:last-child{
  visibility:visible!important;
  position:absolute!important;
  left:50%!important;
  bottom:-8px!important;
  transform:translateX(-50%)!important;
  z-index:8!important;
}


/* ---- preserved style block ---- */


/* 3.8.7.107 — human avatar presentation only; multiplayer/game state untouched. */
.player-seat-you.has-avatar{
  padding-top:35px!important;
  min-height:84px!important;
  overflow:visible!important;
}
.player-seat-you.has-avatar .player-avatar{
  top:-33px!important;
  width:58px!important;
  height:58px!important;
  border:3px solid rgba(251,191,36,.9)!important;
  background:#111827!important;
  box-shadow:0 5px 14px rgba(0,0,0,.45)!important;
  overflow:hidden!important;
}
.player-seat-you.has-avatar .qh-player-avatar-img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:50%!important;
}


/* ---- preserved style block ---- */


/* 3.8.7.108 — final local-human portrait alignment */
.player-seat-you.has-avatar{
  padding-top:29px!important;
  min-height:76px!important;
  overflow:visible!important;
}
.player-seat-you.has-avatar .player-avatar{
  top:-25px!important;
  width:54px!important;
  height:54px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  border:3px solid rgba(251,191,36,.95)!important;
  background:#111827!important;
  overflow:hidden!important;
  z-index:5!important;
}
.player-seat-you.has-avatar .qh-player-avatar-img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}


/* ---- preserved style block ---- */


/* 3.8.7.110 — multiplayer human seats: reserve portrait space above text */
.player-seat-you.has-avatar{
  padding-top:38px!important;
  min-height:88px!important;
  overflow:visible!important;
}
.player-seat-you.has-avatar .player-avatar{
  top:-20px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:52px!important;
  height:52px!important;
  z-index:4!important;
}
.player-seat-you.has-avatar .player-name,
.player-seat-you.has-avatar .bot-name,
.player-seat-you.has-avatar [class*="name"]{
  position:relative!important;
  z-index:5!important;
}
.player-seat-you.has-avatar .player-chips,
.player-seat-you.has-avatar .bot-chips{
  position:relative!important;
  z-index:5!important;
}


/* ---- preserved style block ---- */


/* 3.8.7.116 — SAFE VISUAL TEST ONLY.
   No JS, scoring, questions, betting, multiplayer or startup logic changed. */

/* Existing table portraits: consistent geometry only */
.bot-avatar{
  width:56px!important;
  height:56px!important;
  left:50%!important;
  top:-27px!important;
  transform:translateX(-50%)!important;
  margin:0!important;
  border-radius:50%!important;
  overflow:hidden!important;
  z-index:5!important;
}
.bot-avatar img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
}

/* Existing human seat: reserve clean space below portrait for text */
.player-seat-you.has-avatar{
  min-height:90px!important;
  padding-top:37px!important;
  padding-bottom:7px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.player-seat-you.has-avatar .player-avatar{
  width:56px!important;
  height:56px!important;
  top:-26px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  margin:0!important;
  border-radius:50%!important;
  overflow:hidden!important;
  z-index:5!important;
}
.player-seat-you.has-avatar .player-avatar img,
.player-seat-you.has-avatar .qh-player-avatar-img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
}

/* Keep seat labels/stacks centred and below portraits */
.player-seat-you.has-avatar .player-name,
.player-seat-you.has-avatar .bot-name,
.player-seat-you.has-avatar .player-chips,
.player-seat-you.has-avatar .bot-chips{
  position:relative!important;
  z-index:7!important;
  width:100%!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.player-seat-you.has-avatar .player-name,
.player-seat-you.has-avatar .bot-name{
  margin:0!important;
  line-height:1.05!important;
}
.player-seat-you.has-avatar .player-chips,
.player-seat-you.has-avatar .bot-chips{
  margin-top:4px!important;
  line-height:1!important;
}

/* Existing Options thumbnails only: sizing/crop, no image source changes */
.qh-avatar-choice-img{
  width:54px!important;
  height:54px!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
}


/* ---- preserved style block ---- */


/* 3.8.7.117 — SEAT ALIGNMENT ONLY. 116 scripts/data protected unchanged. */

/* Give every occupied seat a predictable portrait -> name -> stack layout. */
.player-seat-you.has-avatar{
  min-height:96px!important;
  padding:39px 6px 8px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

/* Lift portraits slightly and keep them precisely centred. */
.player-seat-you.has-avatar .player-avatar{
  width:56px!important;
  height:56px!important;
  top:-31px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  margin:0!important;
  z-index:5!important;
}

/* Human name and stack get their own clear rows. */
.player-seat-you.has-avatar .player-name,
.player-seat-you.has-avatar .bot-name{
  display:block!important;
  position:relative!important;
  width:100%!important;
  margin:0!important;
  padding:0 2px!important;
  text-align:center!important;
  line-height:14px!important;
  min-height:14px!important;
  z-index:7!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.player-seat-you.has-avatar .player-chips,
.player-seat-you.has-avatar .bot-chips{
  display:block!important;
  position:relative!important;
  width:100%!important;
  margin:4px 0 0!important;
  padding:0!important;
  text-align:center!important;
  line-height:14px!important;
  min-height:14px!important;
  z-index:7!important;
  white-space:nowrap!important;
}

/* Bot portrait blocks: same visual centre and a little more clearance above name plate. */
.bot-avatar{
  width:56px!important;
  height:56px!important;
  top:-31px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  margin:0!important;
  z-index:5!important;
}

/* Keep portrait images centred inside their existing circles. */
.bot-avatar img,
.player-seat-you.has-avatar .player-avatar img,
.player-seat-you.has-avatar .qh-player-avatar-img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:50% 50%!important;
}

/* Bottom human seat needs extra clearance because its stack was sitting under the portrait. */
.player-seat-you.has-avatar[style*="bottom"],
.player-seat-you.has-avatar.bottom,
.player-seat-you.has-avatar.seat-bottom{
  padding-top:41px!important;
}


/* ---- preserved style block ---- */


/* 3.8.7.118 — HUMAN SEAT TEXT ONLY.
   Keep the approved YOU portrait position from 117.
   No game/scoring/betting/question/multiplayer JS changes. */

/* The actual human name in renderTablePlayers is a direct text-[8px] span,
   not .player-name. Give that real element a visible dedicated row. */
#player-positions-container .player-seat-you.has-avatar > span.text-\[8px\]{
  display:block!important;
  position:relative!important;
  z-index:20!important;
  width:76px!important;
  max-width:76px!important;
  min-height:13px!important;
  margin:1px auto 0!important;
  padding:0!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  text-align:center!important;
  font-size:7.5px!important;
  line-height:13px!important;
  color:#f8fafc!important;
  opacity:1!important;
}

/* The chip row is the next direct div. Keep it immediately below the name. */
#player-positions-container .player-seat-you.has-avatar > span.text-\[8px\] + div{
  display:flex!important;
  position:relative!important;
  z-index:20!important;
  margin-top:1px!important;
  min-height:13px!important;
  line-height:13px!important;
  justify-content:center!important;
  opacity:1!important;
}

/* Ensure the human seat has enough body below the unchanged portrait. */
#player-positions-container .player-seat-you.has-avatar{
  min-height:96px!important;
  padding-top:39px!important;
  padding-bottom:7px!important;
}


/* ---- preserved style block ---- */


/* 3.8.7.119 — TABLE ALIGNMENT ONLY.
   118 game/scoring/betting/question/multiplayer scripts remain untouched. */

@media (max-width:767px) and (orientation:portrait){

  /* TOP TWO SEATS (2 & 3):
     keep portraits where they visually work, but pull the text/stack upward
     so £2,500 clears the community-card row. */
  #player-positions-container [data-seat="2"] > span,
  #player-positions-container [data-seat="3"] > span{
    position:relative!important;
    top:-4px!important;
    z-index:12!important;
  }
  #player-positions-container [data-seat="2"] > span + div,
  #player-positions-container [data-seat="3"] > span + div{
    position:relative!important;
    top:-9px!important;
    z-index:12!important;
    margin-top:0!important;
  }

  /* BOTTOM YOU SEAT:
     keep the approved portrait size/position inside the seat,
     but lift the complete seat enough for YOU + chips to remain on-table. */
  #player-positions-container [data-seat="6"]{
    top:82.5%!important;
  }

  /* Compact only the bottom seat body; portrait styling remains from 118. */
  #player-positions-container [data-seat="6"].player-seat-you.has-avatar{
    min-height:78px!important;
    padding-top:37px!important;
    padding-bottom:4px!important;
  }
  #player-positions-container [data-seat="6"].player-seat-you.has-avatar > span.text-\[8px\]{
    margin-top:0!important;
    line-height:11px!important;
    min-height:11px!important;
  }
  #player-positions-container [data-seat="6"].player-seat-you.has-avatar > span.text-\[8px\] + div{
    margin-top:0!important;
    line-height:11px!important;
    min-height:11px!important;
  }
}

        /* 3.8.7.123 — community-card presentation only: compact street tabs, category shown elsewhere */
        #community-card-row{gap:3px!important;}
        #community-card-row .flip-card{width:29px!important;height:38px!important;}
        #community-card-row .flip-card-front{padding:0!important;}
        #community-card-row .flip-card-front > span:first-child{font-size:6px!important;line-height:1!important;}
        #community-card-row .flip-card-front .card-cat{display:none!important;}


/* ---- preserved style block ---- */


/* AVATARS: keep every portrait centred inside the approved circular frame and stop
   artwork/name detail at the edge of the source image leaking into the visible crop. */
#player-positions-container .player-seat-bot.has-avatar .bot-avatar{
  display:flex!important;align-items:center!important;justify-content:center!important;
  overflow:hidden!important;margin:0 auto -4px!important;
}
#player-positions-container .player-seat-bot.has-avatar .bot-avatar img{
  width:100%!important;height:100%!important;object-fit:cover!important;
  object-position:50% 34%!important;transform:scale(1.16)!important;
  transform-origin:50% 42%!important;border-radius:50%!important;
}
#player-positions-container .player-seat-bot.has-avatar > .qh-bot-card{
  left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
  align-items:center!important;
}
#player-positions-container .player-seat-bot.has-avatar .qh-bot-card-info{
  position:relative!important;z-index:5!important;margin:0 auto!important;
}
#player-positions-container .player-seat-you.has-avatar .player-avatar{
  left:50%!important;transform:translateX(-50%)!important;overflow:hidden!important;
}
#player-positions-container .player-seat-you.has-avatar .qh-player-avatar-img{
  width:100%!important;height:100%!important;object-fit:cover!important;
  object-position:50% 50%!important;transform:none!important;
}

/* TABLE CHAT: retain room history, but only let the latest ~3 compact message rows
   occupy the live game layout. Older messages remain available by scrolling upward. */
#qh-chat-messages{
  height:62px!important;max-height:62px!important;min-height:0!important;
  overflow-y:auto!important;overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
}
#qh-chat-messages > div{min-height:14px!important;line-height:14px!important;}
#qh-chat-messages::-webkit-scrollbar{width:4px!important;}

/* LAPTOP/DESKTOP: the felt must never be the flex item sacrificed when chat/hand
   information opens. Let the column/page scroll instead of shrinking the table. */
@media (min-width:1024px){
  main.main-grid{overflow-y:auto!important;align-items:start!important;}
  main.main-grid > section:first-child{height:auto!important;min-height:0!important;overflow:visible!important;}
  #poker-table-focus{
    flex:none!important;height:clamp(350px,48vh,520px)!important;
    min-height:350px!important;max-height:520px!important;
  }
  #qh-table-chat{flex:none!important;}
}

/* v189 — subtle premium top-bar logo rotation */
@keyframes qhLogoSpin{0%{transform:rotateY(0deg)}45%,55%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}
.qh-top-logo-spin{transform-style:preserve-3d;animation:qhLogoSpin 7s ease-in-out infinite;will-change:transform}
@media (prefers-reduced-motion:reduce){.qh-top-logo-spin{animation:none}}

/* v205 premium presentation layer — gameplay rules remain v204 */
.qh-v205-lobby{position:fixed;inset:0;z-index:120000;overflow:auto;background:radial-gradient(circle at 50% 18%,rgba(14,165,233,.34),transparent 30%),radial-gradient(circle at 14% 58%,rgba(245,158,11,.17),transparent 28%),radial-gradient(circle at 85% 62%,rgba(168,85,247,.18),transparent 28%),linear-gradient(145deg,#020617 0%,#071329 48%,#020617 100%);transition:opacity .3s ease,transform .3s ease}.qh-v205-lobby:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 15%,rgba(56,189,248,.09) 15.2%,transparent 15.8%,transparent 78%,rgba(244,63,94,.08) 78.3%,transparent 79%)}.qh-v205-lobby-away{opacity:0;transform:scale(1.02)}.qh-v205-lobby-shell{min-height:100%;max-width:1480px;margin:auto;padding:18px 28px 24px;display:flex;flex-direction:column;justify-content:center}.qh-v205-lobby-top{display:flex;align-items:center;justify-content:space-between;gap:18px}.qh-v205-lobby-logo{height:74px;max-width:250px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(245,158,11,.25))}.qh-v205-lobby-actions{display:flex;gap:8px}.qh-v205-lobby-actions button{display:flex;gap:7px;align-items:center;border:1px solid rgba(148,163,184,.22);background:rgba(2,6,23,.68);border-radius:12px;padding:9px 13px;font-size:11px;font-weight:900;color:#cbd5e1}.qh-v205-kicker{text-align:center;color:#fbbf24;font-weight:1000;letter-spacing:.24em;font-size:11px;margin-top:-5px}.qh-v205-lobby h1{text-align:center;font-size:clamp(30px,4.5vw,64px);font-weight:1000;font-style:italic;line-height:.95;color:#f8fafc;text-shadow:0 5px 25px #000;margin:5px 0 0}.qh-v205-lobby h1 em{color:#fbbf24;font-style:inherit}.qh-v205-sub{text-align:center;text-transform:uppercase;letter-spacing:.12em;color:#cbd5e1;font-weight:800;font-size:clamp(9px,1.2vw,15px);margin:8px 0 16px}.qh-v205-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.qh-v205-level{position:relative;min-height:310px;border-radius:22px;overflow:hidden;text-align:left;border:2px solid rgba(255,255,255,.12);background:#0f172a;box-shadow:0 18px 45px rgba(0,0,0,.4);transition:.2s ease;isolation:isolate}.qh-v205-level:hover,.qh-v205-level.selected{transform:translateY(-6px) scale(1.012);z-index:2}.qh-v205-level.family{--accent:#fbbf24;background:linear-gradient(155deg,#6d3c04,#f59e0b 45%,#3b1c03)}.qh-v205-level.quiz{--accent:#38bdf8;background:linear-gradient(155deg,#082f49,#0369a1 45%,#071b32)}.qh-v205-level.expert{--accent:#fb7185;background:linear-gradient(155deg,#4c0519,#be123c 45%,#28050e)}.qh-v205-level.mastermind{--accent:#c084fc;background:linear-gradient(155deg,#2e1065,#6b21a8 45%,#17062d)}.qh-v205-level:after{content:"";position:absolute;inset:0;border-radius:20px;box-shadow:inset 0 0 0 1px var(--accent),inset 0 -110px 80px rgba(0,0,0,.52);pointer-events:none}.qh-v205-level.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent),0 18px 55px rgba(0,0,0,.5),0 0 32px color-mix(in srgb,var(--accent) 28%,transparent)}.qh-v205-art{height:155px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:clamp(34px,3vw,52px);text-shadow:0 8px 18px rgba(0,0,0,.45);background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.19),transparent 55%)}.qh-v205-art span:nth-child(2){transform:translateY(-18px) scale(1.15)}.qh-v205-card-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:16px}.qh-v205-card-copy strong{display:block;color:#fff;font-size:clamp(20px,2vw,34px);font-weight:1000;font-style:italic;line-height:1;text-shadow:0 3px 7px #000}.qh-v205-card-copy b{display:block;color:var(--accent);font-size:11px;margin-top:8px;font-weight:1000}.qh-v205-card-copy small{display:block;color:#e2e8f0;font-size:11px;line-height:1.25;margin-top:8px}.qh-v205-play-row{display:flex;justify-content:center;gap:18px;margin:18px auto 0;width:min(720px,100%)}.qh-v205-play{flex:1;min-height:72px;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:14px;border:2px solid rgba(255,255,255,.3);box-shadow:inset 0 1px rgba(255,255,255,.3),0 10px 30px rgba(0,0,0,.4);transition:.15s}.qh-v205-play:hover{transform:translateY(-2px);filter:brightness(1.12)}.qh-v205-play.single{background:linear-gradient(#0ea5e9,#075985)}.qh-v205-play.multi{background:linear-gradient(#22c55e,#166534)}.qh-v205-play i{font-size:28px}.qh-v205-play span{text-align:left}.qh-v205-play strong{display:block;font-size:18px;font-weight:1000}.qh-v205-play small{display:block;font-size:10px;color:#e2e8f0}.qh-v205-multi-choices{display:flex;justify-content:center;gap:8px;margin:8px auto 0}.qh-v205-multi-choices button{border:1px solid #22d3ee;background:#083344;color:#cffafe;padding:9px 22px;border-radius:10px;font-size:10px;font-weight:1000}.qh-v205-version{text-align:center;margin-top:10px;color:#475569;font-size:8px;font-weight:900;letter-spacing:.15em}.qh-v205-intro-modal{position:fixed;inset:0;z-index:130000;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;padding:18px}.qh-v205-intro-modal.hidden{display:none}.qh-v205-video-wrap{position:relative;width:min(1100px,96vw);border:1px solid rgba(245,158,11,.4);border-radius:18px;overflow:hidden;background:#020617;box-shadow:0 0 80px rgba(14,165,233,.22)}.qh-v205-video-wrap video{width:100%;max-height:82vh;display:block}.qh-v205-video-wrap button{position:absolute;right:12px;top:12px;width:38px;height:38px;border-radius:50%;background:rgba(2,6,23,.85);border:1px solid #64748b;color:#fff;font-weight:900}.qh-v205-free-answer{display:flex;gap:8px;margin-top:4px}.qh-v205-free-answer input{flex:1;min-width:0;border:1px solid #334155;background:#020617;color:#f8fafc;border-radius:12px;padding:11px 12px;font-size:13px;font-weight:700;outline:none}.qh-v205-free-answer input:focus{border-color:#22d3ee;box-shadow:0 0 0 2px rgba(34,211,238,.12)}.qh-v205-free-answer button{border-radius:12px;padding:10px 14px;font-size:10px;font-weight:1000}.qh-v205-free-answer .mic{border:1px solid #334155;background:#0f172a;color:#67e8f9}.qh-v205-free-answer .submit{background:#22c55e;color:#052e16}.qh-confetti{position:fixed;z-index:150000;top:-18px;width:9px;height:16px;border-radius:2px;pointer-events:none;animation:qhConfettiFall var(--dur) cubic-bezier(.2,.7,.4,1) forwards;transform:rotate(var(--rot))}@keyframes qhConfettiFall{to{transform:translate3d(var(--drift),110vh,0) rotate(calc(var(--rot) + 760deg));opacity:.9}}.showdown-open{animation:qhWinnerPop .34s ease-out}@keyframes qhWinnerPop{0%{transform:scale(.94);opacity:.5}100%{transform:scale(1);opacity:1}}
@media(max-width:900px){.qh-v205-lobby-shell{padding:12px}.qh-v205-lobby-logo{height:54px}.qh-v205-lobby-actions button span{display:none}.qh-v205-levels{grid-template-columns:repeat(2,1fr)}.qh-v205-level{min-height:220px}.qh-v205-art{height:100px;font-size:30px}.qh-v205-card-copy strong{font-size:20px}.qh-v205-card-copy small{font-size:9px}.qh-v205-play{min-height:58px}.qh-v205-play strong{font-size:14px}}@media(max-width:520px){.qh-v205-levels{gap:7px}.qh-v205-level{min-height:190px;border-radius:15px}.qh-v205-art{height:82px;font-size:24px}.qh-v205-card-copy{padding:10px}.qh-v205-card-copy strong{font-size:17px}.qh-v205-card-copy b{font-size:8px;margin-top:5px}.qh-v205-card-copy small{font-size:8px;margin-top:5px}.qh-v205-play-row{gap:8px}.qh-v205-play{padding:8px;gap:8px}.qh-v205-play i{font-size:20px}.qh-v205-lobby h1{font-size:30px}}


/* v205 APPROVED PREMIUM VISUAL FORMAT — presentation/layout only */
.qh-v205-lobby{background:#000!important;overflow:auto!important}
.qh-v205-lobby:before{display:none!important}
.qh-v205-lobby-shell{position:relative!important;width:min(100vw,460px)!important;max-width:460px!important;min-height:0!important;height:auto!important;aspect-ratio:852/1846!important;margin:0 auto!important;padding:0!important;display:block!important;background:#050505 url("../assets/images/v205-premium-lobby.png") center top/100% 100% no-repeat!important;box-shadow:0 0 70px rgba(0,0,0,.95)!important}
.qh-v205-lobby-logo,.qh-v205-kicker,.qh-v205-lobby h1,.qh-v205-sub,.qh-v205-version{display:none!important}
.qh-v205-levels{position:absolute!important;left:1.7%!important;right:1.7%!important;top:21.65%!important;height:53.1%!important;display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important;gap:.8% 2%!important;z-index:8!important}
.qh-v205-level{min-height:0!important;width:100%!important;height:100%!important;border:2px solid transparent!important;border-radius:5.5%!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important;opacity:1!important;transform:none!important}
.qh-v205-level:after,.qh-v205-level .qh-v205-art,.qh-v205-level .qh-v205-card-copy{display:none!important}
.qh-v205-level:hover,.qh-v205-level.selected{transform:none!important;border-color:#ffd45d!important;box-shadow:inset 0 0 0 2px rgba(255,212,93,.55),0 0 18px rgba(255,186,37,.5)!important}
.qh-v205-play-row{position:absolute!important;left:2.2%!important;right:2.2%!important;top:76.1%!important;height:7.4%!important;width:auto!important;margin:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:2%!important;z-index:10!important}
.qh-v205-play{min-height:0!important;height:100%!important;padding:0!important;border:2px solid transparent!important;border-radius:13%!important;background:transparent!important;box-shadow:none!important;color:transparent!important}
.qh-v205-play i,.qh-v205-play span{visibility:hidden!important}
.qh-v205-play:hover{transform:none!important;border-color:rgba(255,255,255,.8)!important;filter:none!important}
.qh-v205-lobby-top{position:static!important}.qh-v205-lobby-actions{position:static!important;display:block!important}
.qh-v205-lobby-actions button{position:absolute!important;margin:0!important;padding:0!important;background:transparent!important;border:2px solid transparent!important;color:transparent!important;border-radius:18%!important;z-index:11!important}
.qh-v205-lobby-actions button i,.qh-v205-lobby-actions button span{visibility:hidden!important}
.qh-v205-lobby-actions button:nth-child(1){left:20%!important;right:20%!important;top:1.5%!important;height:16%!important}
.qh-v205-lobby-actions button:nth-child(2){right:3.5%!important;top:5.5%!important;width:17%!important;height:8.5%!important}
.qh-v205-lobby-actions button:nth-child(3){left:3.5%!important;top:5.5%!important;width:17%!important;height:8.5%!important}
.qh-v205-lobby-actions button:hover{border-color:rgba(255,211,94,.8)!important}
.qh-v205-multi-choices{position:absolute!important;z-index:30!important;left:50%!important;right:2.5%!important;top:83.8%!important;margin:0!important;padding:6px!important;gap:5px!important;background:rgba(0,0,0,.86)!important;border:1px solid rgba(251,191,36,.55)!important;border-radius:12px!important}
.qh-v205-multi-choices button{flex:1!important;padding:7px 4px!important;font-size:8px!important}

header.glass-panel{min-height:52px!important;padding:5px 10px!important;background:linear-gradient(180deg,#0b0b0b,#030303)!important;border-bottom:1px solid rgba(226,176,63,.48)!important;box-shadow:0 8px 24px #000!important}
.qh-top-logo-video{filter:drop-shadow(0 0 9px rgba(245,190,52,.32));border-radius:9px}
#poker-table-focus.casino-table{background:radial-gradient(ellipse at 50% 44%,#126849 0%,#0a5038 45%,#063625 73%,#032218 100%)!important;border-color:#16110b!important;border-radius:46% / 27%!important;box-shadow:inset 0 0 0 2px rgba(245,196,77,.58),inset 0 0 0 8px rgba(40,26,10,.9),inset 0 0 65px rgba(0,0,0,.58),0 0 0 3px #9d6815,0 16px 30px rgba(0,0,0,.72)!important}
#poker-table-focus.casino-table::before{inset:8px!important;border-color:rgba(255,213,91,.34)!important}
#poker-table-focus.casino-table::after{color:rgba(255,221,126,.075)!important;top:58%!important}
#player-positions-container .player-seat{background:linear-gradient(180deg,rgba(17,17,17,.98),rgba(2,2,2,.98))!important;border:1px solid rgba(211,161,54,.62)!important;border-radius:11px!important;box-shadow:0 7px 16px rgba(0,0,0,.68),inset 0 1px rgba(255,255,255,.06)!important}
#player-positions-container .player-seat-you{border-color:rgba(54,220,170,.92)!important;box-shadow:0 0 0 2px rgba(42,214,164,.13),0 8px 18px #000!important}
#player-positions-container .bot-avatar,#player-positions-container .player-avatar{border-color:#d9aa42!important;box-shadow:0 0 0 2px #100d08,0 0 13px rgba(244,190,59,.34)!important}
#player-positions-container .player-seat-you .player-avatar{border-color:#35d7a7!important}
#table-pot-panel{background:rgba(3,12,10,.91)!important;border:1px solid rgba(211,161,54,.48)!important;box-shadow:0 8px 20px rgba(0,0,0,.58)!important}
.casino-command-deck{border-color:rgba(211,161,54,.5)!important;background:linear-gradient(180deg,#0c0c0c,#030303)!important;box-shadow:0 9px 24px rgba(0,0,0,.48)!important}
.casino-deal-button{background:linear-gradient(180deg,#f7d25b,#c88b18)!important;border-color:#ffe598!important;color:#251600!important}

@media (max-width:767px) and (orientation:portrait){
 main.main-grid{padding:6px 7px 10px!important;gap:7px!important} main.main-grid>section:first-child{gap:6px!important;overflow:visible!important}
 #poker-table-focus{height:250px!important;min-height:250px!important;max-height:250px!important;width:88%!important;margin:-1px auto 0!important;padding:5px!important;border-width:6px!important;overflow:visible!important}
 #poker-table-focus>.absolute.inset-3{inset:7px!important;border-radius:inherit!important}
 #player-positions-container .player-seat{width:70px!important;min-height:47px!important}
 #player-positions-container .player-seat-bot.has-avatar .bot-avatar{width:47px!important;height:47px!important;top:-26px!important}
 #player-positions-container .player-seat-bot.has-avatar .qh-bot-card-info{width:68px!important;min-height:28px!important;padding:4px 2px 3px!important}
 #player-positions-container .player-seat-you.has-avatar{width:72px!important;min-height:64px!important;padding:29px 3px 3px!important}
 #player-positions-container .player-seat-you.has-avatar .player-avatar{width:48px!important;height:48px!important;top:-22px!important}
 #player-positions-container .player-seat span.text-\[9px\],#player-positions-container .player-seat-you.has-avatar>span.text-\[8px\]{font-size:6.8px!important;line-height:9px!important;min-height:9px!important;max-width:64px!important}
 #player-positions-container .player-seat span.text-\[7px\],#player-positions-container .player-seat span.text-\[6px\]{font-size:5.5px!important}
 #player-positions-container [data-seat="6"]{left:50%!important;top:88%!important}
 #player-positions-container [data-seat="0"]{left:12%!important;top:76%!important}
 #player-positions-container [data-seat="1"]{left:7%!important;top:44%!important}
 #player-positions-container [data-seat="2"]{left:29%!important;top:10%!important}
 #player-positions-container [data-seat="3"]{left:71%!important;top:10%!important}
 #player-positions-container [data-seat="4"]{left:93%!important;top:44%!important}
 #player-positions-container [data-seat="5"]{left:88%!important;top:76%!important}
 #community-card-row{top:25%!important} #community-card-row .flip-card{width:25px!important;height:34px!important}
 #table-pot-panel{top:52%!important;min-width:125px!important;padding:4px 6px!important} #table-pot-panel #table-pot{font-size:12px!important}
 #table-pot-panel #hand-category-hud{max-width:120px!important;font-size:6px!important}
 .casino-setup-strip{margin-top:2px!important}.casino-setup-strip .start-card{padding:5px!important;border-radius:12px!important}
 .casino-command-deck{padding:7px!important;border-radius:13px!important}#betting-dock{margin-top:0!important}
 #hand-guide-panel{padding:5px 7px!important;margin-bottom:5px!important}#hand-guide-copy{display:none!important}#bet-risk-guide{font-size:7px!important;margin-top:2px!important}
 #betting-dock .grid.grid-cols-3{gap:5px!important;margin-bottom:5px!important}#betting-dock .grid.grid-cols-3 button{padding-top:8px!important;padding-bottom:8px!important}
}
@media (min-width:768px){#poker-table-focus{max-height:430px!important}}


/* =========================================================
   v206 — approved navigation + compact gameplay information
   ========================================================= */

/* Artwork fits as a complete phone screen; click hotspots never draw boxes. */
.qh-v205-lobby{background:#000!important;min-height:100vh!important;overflow:auto!important}
.qh-v205-lobby-shell{
  width:min(100vw,430px)!important;max-width:430px!important;
  aspect-ratio:852/1846!important;margin:0 auto!important;
  background-size:100% 100%!important;background-position:center top!important;
}
.qh-v205-levels{top:21.65%!important;height:53.1%!important}
.qh-v205-level,.qh-v205-level:hover,.qh-v205-level:focus,.qh-v205-level:active,.qh-v205-level.selected{
  border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;
  transform:none!important;-webkit-tap-highlight-color:transparent!important;
}
.qh-v205-play-row,.qh-v205-multi-choices{display:none!important}
.qh-v206-version{position:absolute;bottom:1.2%;right:3%;font-size:7px;color:#8b7650;z-index:12}

/* Main-page controls: timing/options left, leaderboard right. */
.qh-v206-home-actions{position:absolute;inset:0;z-index:15;pointer-events:none}
.qh-v206-home-actions button{
  pointer-events:auto;position:absolute;border:1px solid rgba(229,184,74,.68);background:rgba(4,4,4,.82);
  color:#f7d56b;border-radius:9px;padding:6px 8px;font-size:7px;font-weight:900;text-transform:uppercase;
  box-shadow:0 5px 14px rgba(0,0,0,.5);backdrop-filter:blur(4px)
}
.qh-v206-home-actions button:nth-child(1){left:2.5%;top:4.8%}
.qh-v206-home-actions button:nth-child(2){left:2.5%;top:9.4%}
.qh-v206-home-actions button:nth-child(3){right:2.5%;top:4.8%}
.qh-v206-home-actions i{margin-right:4px}

/* Screen 2 */
.qh-v206-play-screen{position:fixed;inset:0;z-index:10030;background:#030303;overflow:auto;color:#fff}
.qh-v206-play-shell{
 min-height:100vh;width:min(100%,430px);margin:auto;padding:22px 16px 30px;position:relative;
 background:radial-gradient(circle at 50% 25%,rgba(111,67,16,.5),transparent 32%),linear-gradient(180deg,#080604,#020202 72%);
}
.qh-v206-play-shell:before{content:"";position:absolute;inset:0;background:url("../assets/images/v205-premium-lobby.png") center/cover no-repeat;opacity:.14;filter:blur(1px);pointer-events:none}
.qh-v206-back{position:relative;z-index:2;border:0;background:transparent;color:#f5ce64;font-weight:900;font-size:12px;padding:8px 0}
.qh-v206-play-logo{position:relative;z-index:2;width:180px;display:block;margin:0 auto 8px;filter:drop-shadow(0 0 16px rgba(239,181,53,.28))}
.qh-v206-level-name{position:relative;z-index:2;text-align:center;color:#f7d56b;font-size:26px;font-weight:1000;letter-spacing:.4px;text-shadow:0 3px 8px #000}
.qh-v206-level-sub{position:relative;z-index:2;text-align:center;color:#b9b2a3;font-size:11px;margin:5px 0 20px}
.qh-v206-play-options{position:relative;z-index:2;display:grid;gap:11px}
.qh-v206-play-options>button{
 min-height:92px;display:grid;grid-template-columns:52px 1fr 18px;align-items:center;gap:10px;text-align:left;
 border:1px solid #b98020;border-radius:18px;background:linear-gradient(135deg,rgba(24,20,14,.97),rgba(5,5,5,.97));
 color:#fff;padding:12px 13px;box-shadow:inset 0 1px rgba(255,255,255,.05),0 10px 24px #000;
}
.qh-v206-play-options>button>i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid #9d7128;color:#f3c755;font-size:20px}
.qh-v206-play-options strong{display:block;color:#f8d268;font-size:14px;margin-bottom:4px}
.qh-v206-play-options small{display:block;color:#aaa;font-size:9px;line-height:1.35}
.qh-v206-play-options b{font-size:25px;color:#f3c755}
.qh-v206-subchoice{position:relative;z-index:3;margin-top:13px;border:1px solid rgba(216,166,57,.5);border-radius:16px;padding:12px;background:rgba(0,0,0,.92)}
.qh-v206-subtitle{text-align:center;color:#dcb44f;font-size:9px;font-weight:1000;letter-spacing:1.5px;margin-bottom:9px}
.qh-v206-player-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.qh-v206-player-grid button,.qh-v206-online-grid button{border:1px solid #8e6727;background:#111;color:#f6d56f;border-radius:10px;padding:11px 4px;font-weight:1000}
.qh-v206-online-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}

/* Gameplay header = Home + logo + Save + League. */
.qh-v206-game-header{background:#050505!important;border-color:rgba(215,164,54,.5)!important}
.qh-v206-game-header .qh-top-logo-video{height:34px!important;width:78px!important;object-fit:cover!important}
.qh-v206-header-btn{border:1px solid rgba(190,143,48,.45);background:#0d0d0d;color:#eac45d;border-radius:9px;padding:7px 9px;font-size:8px;font-weight:900;text-transform:uppercase;white-space:nowrap}
.qh-v206-save{color:#7ce3bd;border-color:rgba(57,196,149,.45)}

/* One slim hand strip, with optional info expansion. */
.qh-v206-hand-strip{
 position:relative;display:grid;grid-template-columns:1.05fr .8fr 1.3fr 24px;align-items:center;gap:7px;
 margin-bottom:5px;border:1px solid rgba(64,201,163,.2);background:rgba(5,18,16,.78);border-radius:10px;padding:6px 7px;
}
.qh-v206-hand-strip span{display:block;font-size:5.8px;font-weight:900;letter-spacing:.8px;color:#65d8b5}
.qh-v206-hand-strip strong{display:block;font-size:9px;color:#fff}
.qh-v206-mini-bar{height:3px;background:#17211f;border-radius:4px;overflow:hidden;margin-top:3px}
.qh-v206-mini-bar>div{height:100%;background:#45d6b1}
.qh-v206-action-guide{font-size:6.5px!important;color:#f2c65a!important;font-weight:900!important;line-height:1.2}
.qh-v206-guide-info{width:22px;height:22px;border-radius:50%;border:1px solid #41766a;background:#0a1714;color:#7de0c0;font-weight:1000}
.qh-v206-guide-copy{grid-column:1/-1;font-size:7px;color:#9aa7a3;border-top:1px solid #1d332e;padding-top:5px}
@media(max-width:430px){
 .qh-v206-home-actions button{padding:5px 6px;font-size:6.3px}
 .qh-v206-play-shell{padding-top:12px}
 .qh-v206-play-logo{width:150px}
 .qh-v206-level-name{font-size:22px}
 .qh-v206-play-options>button{min-height:82px}
 .qh-v206-game-header{padding:4px 6px!important}
 .qh-v206-game-header .qh-top-logo-video{width:60px!important;height:30px!important}
 .qh-v206-header-btn{padding:6px 7px;font-size:7px}
 .qh-v206-hand-strip{grid-template-columns:1fr .7fr 1.25fr 22px;gap:5px;padding:5px 6px}
}

/* v207 premium polish */
.qh-v205-lobby-shell{aspect-ratio:852/1400!important;background-size:100% auto!important;background-position:center top!important;overflow:hidden!important}
.qh-v205-levels{top:28.5%!important;height:70%!important}
.qh-v206-home-actions button:nth-child(1){top:6.3%!important}.qh-v206-home-actions button:nth-child(2){top:12.3%!important}.qh-v206-home-actions button:nth-child(3){top:6.3%!important}
#options-menu,#leaderboard-menu{z-index:130500!important;position:fixed!important}
.qh-v207-level-hero{position:relative;z-index:2;width:100%;height:245px;margin:5px auto 12px;border-radius:22px;border:2px solid #c89431;box-shadow:0 12px 32px #000;background-image:url("../assets/images/v205-premium-lobby.png");background-repeat:no-repeat;background-size:205% auto}
.qh-v207-level-hero.family{background-position:0 28%}.qh-v207-level-hero.quiz{background-position:100% 28%}.qh-v207-level-hero.expert{background-position:0 74%}.qh-v207-level-hero.mastermind{background-position:100% 74%}
.qh-v206-play-options>button{border:1px solid #d2a23f!important;background:linear-gradient(105deg,#17130d,#090909 55%,#171006)!important;box-shadow:inset 0 1px rgba(255,238,183,.12),0 8px 22px rgba(0,0,0,.7)!important}
.qh-v206-game-header{background:linear-gradient(180deg,#090909,#020202)!important;border-bottom:1px solid #a97822!important}
.qh-confetti{display:none!important}.showdown-seat-winner{animation:qhV207WinnerGlow .9s ease-in-out 2!important}
@keyframes qhV207WinnerGlow{0%,100%{filter:none}50%{filter:drop-shadow(0 0 12px rgba(255,205,74,.9));transform:translate(-50%,-50%) scale(1.035)}}
@media(max-width:430px){.qh-v207-level-hero{height:210px}.qh-v206-game-header{min-height:42px!important}.qh-v206-hand-strip{margin-bottom:3px!important;padding:4px 5px!important}}

/* =========================================================
   v208 — setup flow, home cleanup, compact betting viewport
   ========================================================= */
/* Neutralise the baked SETTINGS / LEADERBOARDS artwork with clean dark
   panels matching the original background, then place only live controls. */
.qh-v205-lobby-shell:before,.qh-v205-lobby-shell:after{
 content:"";position:absolute;z-index:11;top:4.4%;width:24%;height:13.5%;
 background:rgba(8,5,4,.92);border-radius:16px;box-shadow:0 0 25px rgba(0,0,0,.8);
 pointer-events:none;
}
.qh-v205-lobby-shell:before{left:1.5%}.qh-v205-lobby-shell:after{right:1.5%}
.qh-v206-home-actions{z-index:16!important}
.qh-v206-home-actions button{min-width:104px!important;font-size:7px!important;padding:7px 9px!important}
.qh-v206-home-actions button:nth-child(1){left:3%!important;top:6.1%!important}
.qh-v206-home-actions button:nth-child(2){left:3%!important;top:11.4%!important}
.qh-v206-home-actions button:nth-child(3){right:2.6%!important;top:6.1%!important;min-width:132px!important;padding:10px 12px!important;font-size:8px!important}

/* Black is the universal chrome colour. */
.qh-v206-game-header,.qh-v206-play-screen,.qh-v205-lobby{background-color:#000!important}
body.qh-v208-pre-game header:not(.qh-v206-game-header){background:#000!important}

/* Player-name setup belongs to mode selection, not Options. */
.qh-v208-name-setup{padding:14px!important}
.qh-v208-name-row{display:grid;grid-template-columns:82px 1fr;gap:8px;align-items:center;margin:8px 0}
.qh-v208-name-row span{font-size:8px;font-weight:900;color:#d8ad49;letter-spacing:.7px}
.qh-v208-name-row input{width:100%;border:1px solid #8c6729;border-radius:10px;background:#090909;color:#fff;padding:11px 12px;font-size:12px;outline:none}
.qh-v208-name-row input:focus{border-color:#efc85d;box-shadow:0 0 0 2px rgba(239,200,93,.12)}
.qh-v208-primary{width:100%;margin-top:10px;border:1px solid #d3a43f;border-radius:11px;background:linear-gradient(180deg,#e5b947,#b57a19);color:#0b0803;padding:11px;font-size:10px;font-weight:1000}

/* Hand information becomes a true single strip. The old separate “How's my
   hand?” control is hidden; the existing info button expands the explanation. */
#hand-guide-panel .qh-v206-guide-copy{margin-top:3px!important}
button[onclick*="toggleHandGuide"],#hand-guide-toggle,.hand-guide-toggle{display:none!important}
.qh-v206-hand-strip{grid-template-columns:1.1fr .8fr 1.25fr 25px!important;min-height:40px!important}
.qh-v206-hand-score strong,.qh-v206-strength strong{font-size:10px!important}
.qh-v206-action-guide{font-size:7px!important}

/* Recover vertical space so full betting controls remain in the normal viewport. */
#player-command-deck{padding-top:6px!important;padding-bottom:6px!important}
#player-command-deck .mb-2{margin-bottom:4px!important}
#player-command-deck .mt-2{margin-top:4px!important}
#player-command-deck button{min-height:36px}
@media(max-width:430px){
 .qh-v206-home-actions button{min-width:92px!important}
 .qh-v206-home-actions button:nth-child(3){min-width:118px!important}
 .qh-v208-name-row{grid-template-columns:70px 1fr}
 .qh-v206-hand-strip{min-height:34px!important}
}

/* =========================================================
   v209 — clean Home navigation + reorganised Options
   ========================================================= */

/* No floating Settings/Leaderboard controls on Home. Keep the upper artwork
   visually quiet; the real navigation now lives in the four-button dock. */
.qh-v206-home-actions{display:none!important}
.qh-v205-lobby-shell:before,.qh-v205-lobby-shell:after{display:none!important}

/* Cover the obsolete baked Single/Multi band and build a working four-button
   dock in the same premium black/gold language as the artwork. */
.qh-v209-home-nav{
 position:absolute;z-index:25;left:2.4%;right:2.4%;bottom:1.6%;
 display:grid;grid-template-columns:repeat(4,1fr);gap:1.25%;
 padding:1.4%;border-radius:18px;
 background:linear-gradient(180deg,rgba(5,4,3,.97),rgba(0,0,0,.99));
 box-shadow:0 -18px 30px rgba(0,0,0,.85);
}
.qh-v209-home-nav:before{
 content:"";position:absolute;left:-1%;right:-1%;bottom:100%;height:132%;
 background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.96) 58%,#000 100%);
 pointer-events:none;z-index:-1;
}
.qh-v209-home-nav button{
 min-height:68px;border:1.5px solid #d6a73e;border-radius:15px;
 background:linear-gradient(180deg,#15120d,#050505);
 color:#f6df9a;font-size:8px;font-weight:1000;letter-spacing:.35px;
 display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
 box-shadow:inset 0 1px rgba(255,238,177,.18),0 5px 16px rgba(0,0,0,.65);
}
.qh-v209-home-nav button i{font-size:20px;color:#f0c75c}
.qh-v209-home-nav button:active{transform:translateY(1px);filter:brightness(1.15)}

/* Level hotspots end above the dock. */
.qh-v205-levels{height:67%!important}

/* Options is now a settings hub. Player names/game mode are intentionally
   absent here because v208+ collects them after Solo/Local/Host-Join choice. */
.qh-v209-option-jumps{
 display:grid;grid-template-columns:repeat(4,1fr);gap:5px;
 margin-bottom:10px;padding:5px;border:1px solid #3a2c13;border-radius:12px;
 background:#080706;position:sticky;top:0;z-index:4;
}
.qh-v209-option-jumps button{
 border:1px solid #6f5423;border-radius:8px;background:#11100d;color:#e7c76e;
 padding:8px 3px;font-size:7px;font-weight:900;line-height:1.1;
}
#options-menu{border-color:#6f5423!important}
#qh-v209-old-player-setup,#qh-v209-old-online-setup{display:none!important}

/* Universal black chrome across all levels. */
.qh-v206-game-header,.qh-v206-play-screen,body{--qh-chrome:#000}
.qh-v206-game-header{background:#000!important}
@media(max-width:430px){
 .qh-v209-home-nav{left:2%;right:2%;gap:1%;bottom:1%}
 .qh-v209-home-nav button{min-height:58px;font-size:6.5px;border-radius:12px}
 .qh-v209-home-nav button i{font-size:17px}
}

/* v210 final navigation/identity cleanup */
/* Universal black top chrome across all levels and game modes. */
.qh-v206-game-header,
.qh-v206-game-header *,
.qh-v205-topbar,
.game-topbar,
.game-header,
header.qh-game-header{
  --qh-v210-bar:#050505;
}
.qh-v206-game-header,.qh-v205-topbar,.game-topbar,.game-header,header.qh-game-header{
  background:#050505!important;background-image:none!important;
  border-bottom-color:#9d741f!important;
}

/* v209 dark cover was too tall and hid Expert/Mastermind. Disable it. */
.qh-v205-lobby-shell:before,.qh-v205-lobby-shell:after{display:none!important}

/* Old floating home action layer is obsolete; bottom navigation is authoritative. */
.qh-v206-home-actions{display:none!important}

/* Bottom controls must sit above artwork and receive clicks. */
.qh-v209-bottom-nav,.qh-v209-bottom-nav-wrap,.qh-v209-home-nav{
  position:relative!important;z-index:500!important;pointer-events:auto!important;
}
.qh-v209-bottom-nav button,.qh-v209-home-nav button{
  pointer-events:auto!important;cursor:pointer!important;
}

/* Keep level cards clickable too. */
.qh-v205-levels,.qh-v205-levels button,.qh-v205-level-hotspot{
  pointer-events:auto!important;
}

/* Compact command deck: preserve betting controls in normal viewport. */
#player-command-deck,.player-command-deck{padding-top:4px!important}
#hand-guide-toggle,.hand-guide-toggle,button[onclick*="toggleHandGuide"]{display:none!important}

/* ==========================================================
   v212 tightly-scoped mop-up
   Preserve v207 premium lobby artwork and level-card layout.
   ========================================================== */

/* Cover ONLY the two obsolete baked-in top controls.
   The cover is deliberately restricted to the top corners and cannot touch level cards. */
.qh-v205-lobby-shell:before,
.qh-v205-lobby-shell:after{
  display:block!important;
  content:""!important;
  position:absolute!important;
  top:5.1%!important;
  width:17.2%!important;
  height:9.3%!important;
  z-index:7!important;
  pointer-events:none!important;
  border-radius:14px!important;
  background:
    radial-gradient(circle at 50% 20%,rgba(75,40,13,.72),rgba(18,12,8,.94) 70%),
    #120c08!important;
  box-shadow:inset 0 0 24px rgba(0,0,0,.45)!important;
}
.qh-v205-lobby-shell:before{left:1.4%!important}
.qh-v205-lobby-shell:after{right:1.4%!important}

/* Real bottom controls sit above the artwork. */
.qh-v209-home-nav{z-index:40!important;pointer-events:auto!important}
.qh-v209-home-nav button{pointer-events:auto!important}

/* Gameplay header: true solid black, no green/blue tint or gradient. */
.qh-v206-game-header,
.qh-v205-topbar,
.game-topbar,
.game-header,
header.qh-game-header,
body [class*="topbar"],
body [class*="game-header"]{
  background:#000!important;
  background-image:none!important;
}

/* ==========================================================
   v213 — approved Home artwork + viewport compaction
   ========================================================== */

/* The approved Home is one clean artwork: no obsolete top Settings/Leaderboard. */
.qh-v205-lobby{background:#000!important}
.qh-v205-lobby-shell{
  width:min(100vw,460px)!important;
  max-width:460px!important;
  aspect-ratio:1024/1536!important;
  min-height:0!important;height:auto!important;
  background:#050403 url("../assets/images/v213-home-approved.png") center top/100% 100% no-repeat!important;
  overflow:hidden!important;position:relative!important;
}
.qh-v205-lobby-shell:before,.qh-v205-lobby-shell:after{display:none!important}

/* Level hotspots line up with the four visible artwork cards. */
.qh-v205-levels{
  position:absolute!important;
  left:3.6%!important;right:3.6%!important;
  top:31.0%!important;height:54.8%!important;
  display:grid!important;grid-template-columns:1fr 1fr!important;
  grid-template-rows:1fr 1fr!important;gap:1.5%!important;
  pointer-events:none!important;z-index:20!important;
}
.qh-v205-level{
  position:relative!important;inset:auto!important;width:auto!important;height:auto!important;
  min-height:0!important;background:transparent!important;border:0!important;
  box-shadow:none!important;border-radius:18px!important;opacity:0!important;
  pointer-events:auto!important;transform:none!important;
}

/* The four artwork buttons are visible; these are transparent live hit targets. */
.qh-v209-home-nav{
  position:absolute!important;left:3.6%!important;right:3.6%!important;
  bottom:2.6%!important;height:8.0%!important;
  display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:1.5%!important;
  padding:0!important;background:transparent!important;box-shadow:none!important;
  z-index:40!important;pointer-events:none!important;
}
.qh-v209-home-nav:before{display:none!important}
.qh-v209-home-nav button{
  min-height:0!important;height:100%!important;padding:0!important;margin:0!important;
  opacity:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
  pointer-events:auto!important;
}
.qh-v206-version{display:none!important}

/* True black gameplay top strip everywhere. */
.qh-v206-game-header,.qh-v205-topbar,.game-topbar,.game-header,header.qh-game-header{
  background:#000!important;background-image:none!important;
}

/* Compact the command deck without changing gameplay logic. */
#player-command-deck{
  padding:5px 8px!important;margin-top:4px!important;
}
#player-command-deck .mb-2{margin-bottom:3px!important}
#player-command-deck .mt-2{margin-top:3px!important}
#player-command-deck .py-2{padding-top:4px!important;padding-bottom:4px!important}
.qh-v206-hand-strip{
  min-height:34px!important;padding:4px 6px!important;margin-bottom:3px!important;
  grid-template-columns:1fr .72fr 1.15fr 22px!important;gap:4px!important;
}
.qh-v206-hand-score strong,.qh-v206-strength strong{font-size:9px!important}
.qh-v206-action-guide{font-size:6.5px!important;line-height:1.15!important}
#hand-guide-panel{padding:4px 6px!important;margin:2px 0 3px!important}
#hand-guide-copy{display:none!important}
#player-command-deck button{min-height:32px!important;padding-top:5px!important;padding-bottom:5px!important}

@media(max-width:430px){
  .qh-v205-lobby-shell{width:100vw!important}
  #player-command-deck{padding:4px 5px!important}
  .qh-v206-hand-strip{min-height:30px!important;padding:3px 4px!important}
  #player-command-deck button{min-height:30px!important}
}

/* v214 premium Options — styling only; current controls remain */
.qh-v214-options{right:50%!important;transform:translateX(50%)!important;top:12px!important;width:min(94vw,720px)!important;max-width:720px!important;max-height:calc(100vh - 24px)!important;padding:0 12px 14px!important;background:linear-gradient(rgba(5,4,3,.88),rgba(5,4,3,.96)),#070604!important;border:1px solid #c99531!important;border-radius:18px!important;color:#fff!important;overflow-y:auto!important}
.qh-v214-options-hero{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:0 -12px 10px;padding:10px 12px;background:#080705;border-bottom:1px solid #c99531}
.qh-v214-back{border:1px solid #d5a63d!important;border-radius:10px!important;background:linear-gradient(180deg,#292116,#080706)!important;color:#ffe7a0!important;padding:6px 10px!important;font-weight:900!important}
.qh-v214-options-brand{text-align:center;color:#f3bd42;font-size:18px;font-weight:1000;line-height:1}.qh-v214-options-brand small{display:block;margin-top:4px;color:#fff0b7;font-size:6px;letter-spacing:.12em}.qh-v214-options-title{color:#ffd86b;font-size:12px;font-weight:1000}
.qh-v214-options>div:not(.qh-v214-options-hero),.qh-v214-options section,.qh-v214-options fieldset{border-color:#b98b2e!important}
.qh-v214-options h2,.qh-v214-options h3,.qh-v214-options h4,.qh-v214-options legend{color:#ffd567!important}
.qh-v214-options input[type=range],.qh-v214-options input[type=checkbox],.qh-v214-options input[type=radio]{accent-color:#e6ad34!important}
.qh-v214-options select,.qh-v214-options input{border-color:#9f792c!important}
@media(max-width:430px){.qh-v214-options{width:96vw!important}.qh-v214-options-brand{font-size:14px}.qh-v214-options-title{font-size:9px}.qh-v214-back{font-size:9px!important}}

/* v215 — approved How to Play artwork, used as-is */
.qh-v215-howto{
 position:fixed;inset:0;z-index:10050;background:#000;overflow-y:auto;overscroll-behavior:contain;
}
.qh-v215-howto.hidden{display:none!important}
.qh-v215-howto-wrap{
 width:min(100%,1024px);margin:0 auto;position:relative;line-height:0;background:#000;
}
.qh-v215-howto-wrap>img{display:block;width:100%;height:auto;margin:0}
.qh-v215-back-hit,.qh-v215-play-hit{
 position:absolute;z-index:3;display:block;border:0;background:transparent;cursor:pointer;
}
.qh-v215-back-hit{left:2.3%;top:1.3%;width:23.5%;height:5.1%}
.qh-v215-play-hit{left:15%;bottom:3.6%;width:70%;height:5.7%}
.qh-v215-back-hit:focus-visible,.qh-v215-play-hit:focus-visible{outline:3px solid #ffd35b;outline-offset:-3px;border-radius:14px}

/* v216 premium Leaderboard — visual skin only; current data/rendering retained */
.qh-v216-leaderboard{right:50%!important;transform:translateX(50%)!important;top:12px!important;width:min(94vw,760px)!important;max-width:760px!important;max-height:calc(100vh - 24px)!important;padding:0 12px 14px!important;overflow-y:auto!important;background:linear-gradient(rgba(5,4,3,.9),rgba(5,4,3,.97)),radial-gradient(circle at 78% 5%,rgba(205,142,30,.22),transparent 30%),#070604!important;border:1px solid #c99531!important;border-radius:18px!important;color:#fff!important;box-shadow:0 18px 55px rgba(0,0,0,.72),inset 0 1px rgba(255,225,135,.12)!important}
.qh-v216-lb-hero{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:0 -12px 12px;padding:11px 12px;background:#080705;border-bottom:1px solid #c99531}
.qh-v216-lb-back{border:1px solid #d5a63d!important;border-radius:10px!important;background:linear-gradient(180deg,#292116,#080706)!important;color:#ffe7a0!important;padding:6px 10px!important;font-weight:900!important}
.qh-v216-lb-brand{text-align:center;color:#f3bd42;font-size:18px;font-weight:1000;line-height:1;text-shadow:0 2px 8px #000}.qh-v216-lb-brand small{display:block;margin-top:4px;color:#fff0b7;font-size:6px;letter-spacing:.12em}.qh-v216-lb-title{color:#ffd86b;font-size:12px;font-weight:1000;white-space:nowrap}
.qh-v216-leaderboard #leaderboard-list>div{border-color:rgba(201,151,49,.5)!important;background:linear-gradient(180deg,rgba(29,25,18,.98),rgba(9,9,8,.98))!important;box-shadow:0 5px 12px rgba(0,0,0,.28)!important}
.qh-v216-leaderboard #leaderboard-list>div:first-child{border-color:#e7b747!important;background:linear-gradient(180deg,rgba(111,73,17,.98),rgba(31,22,9,.98))!important}
.qh-v216-leaderboard button:not(.qh-v216-lb-back){border-color:#bd8e31!important}
.qh-v216-leaderboard .text-amber-300,.qh-v216-leaderboard .text-amber-400{color:#ffd567!important}
@media(max-width:430px){.qh-v216-leaderboard{width:96vw!important;padding-left:8px!important;padding-right:8px!important}.qh-v216-lb-hero{margin-left:-8px;margin-right:-8px;padding:8px}.qh-v216-lb-brand{font-size:14px}.qh-v216-lb-title{font-size:9px}.qh-v216-lb-back{font-size:9px!important}}

/* v220 — six-screen navigation wiring */
.hidden{display:none!important}

/* Screens 2/3/4 are true pages, not panels over the table */
.qh-v220-page,#options-menu.qh-v214-options,#leaderboard-menu.qh-v216-leaderboard{
 position:fixed!important;inset:0!important;z-index:130000!important;
 width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;
 margin:0!important;transform:none!important;overflow-y:auto!important;
 background:radial-gradient(circle at 50% 0,rgba(181,123,25,.18),transparent 28%),#070604!important;
 border:0!important;border-radius:0!important;padding:0!important;
}
.qh-v220-page-shell,#options-menu.qh-v214-options>*,#leaderboard-menu.qh-v216-leaderboard>*{box-sizing:border-box}
.qh-v220-page-shell{width:min(100%,820px);min-height:100%;margin:auto;padding:0 12px 24px}
.qh-v220-page-head{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:12px 2px;background:#080705;border-bottom:1px solid #c99531}
.qh-v220-page-head button{border:1px solid #d5a63d;border-radius:10px;background:#111;color:#ffe29a;padding:7px 11px;font-weight:900}
.qh-v220-page-head strong{color:#ffd567;font-size:20px}
.qh-v220-brand{text-align:center;color:#f3bd42;font-weight:1000;font-size:19px}.qh-v220-brand small{display:block;font-size:6px;color:#fff0b7;letter-spacing:.12em}
.qh-v220-stats-live{padding:14px 0}
.qh-v220-stats-live>div{display:block!important;border:1px solid #c99732!important;background:linear-gradient(180deg,#1a160f,#080807)!important;border-radius:18px!important;padding:14px!important}
.qh-v220-stats-live .bg-slate-950{background:#0b0a08!important;border-color:rgba(201,151,50,.5)!important}

/* Options is Screen 4 only: hide its old Game Progress tab; Stats now owns progress. */
#options-menu #qh-progress-tab{display:none!important}
#options-menu #qh-options-tab{width:100%!important}
#options-menu #qh-progress-content{display:none!important}

/* v220 name overlay: correct form overlays Screen 5 only */
body.qh-v220-name-open{overflow:hidden!important}
#qh-v208-name-setup.qh-v220-name-overlay{
 position:fixed!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;
 width:min(92vw,470px)!important;max-height:82vh!important;overflow-y:auto!important;
 margin:0!important;padding:18px!important;z-index:140000!important;
 border:1px solid #d5a63d!important;border-radius:20px!important;
 background:linear-gradient(180deg,#20190d,#070605)!important;
 box-shadow:0 24px 70px rgba(0,0,0,.85),0 0 0 9999px rgba(0,0,0,.68)!important;
 transform:translate(-50%,calc(-50% + 28px)) scale(.97)!important;opacity:0!important;
 transition:transform .22s ease,opacity .18s ease!important;
}
#qh-v208-name-setup.qh-v220-name-overlay.qh-v220-name-visible{transform:translate(-50%,-50%) scale(1)!important;opacity:1!important}
#qh-v208-name-setup.qh-v220-name-overlay *{box-sizing:border-box!important;max-width:100%}
#qh-v208-name-setup.qh-v220-name-overlay label{position:static!important;display:block!important;width:100%!important;margin:0 0 5px!important;transform:none!important}
#qh-v208-name-setup.qh-v220-name-overlay input{display:block!important;width:100%!important;min-width:0!important;font-size:16px!important}

/* Full-screen premium Options/Leaderboard inner framing */
#options-menu.qh-v214-options,#leaderboard-menu.qh-v216-leaderboard{padding:12px!important}
#options-menu.qh-v214-options .qh-v214-options-hero,
#leaderboard-menu.qh-v216-leaderboard .qh-v216-lb-hero{max-width:820px;margin:0 auto 12px}
#options-menu.qh-v214-options>div:not(.qh-v214-options-hero),
#leaderboard-menu.qh-v216-leaderboard>div:not(.qh-v216-lb-hero){max-width:820px;margin-left:auto!important;margin-right:auto!important}

/* v221 live-test polish */
.hidden{display:none!important}
#qh-v205-lobby{position:relative!important}
.qh-v221-home-nav{position:absolute!important;left:50%!important;bottom:1.7%!important;transform:translateX(-50%)!important;width:72.5%!important;height:9.2%!important;z-index:100!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:1.6%!important}
.qh-v221-home-nav button{border:0!important;background:transparent!important;cursor:pointer!important}
#qh-v205-lobby img[src*="v213-home-approved"]{display:block!important;margin:0 auto!important;max-width:100%!important;height:auto!important}
@media(min-width:700px){
 #qh-v215-howto img{width:88%!important;max-width:980px!important;height:auto!important;margin-left:auto!important;margin-right:auto!important}
 #qh-v206-play-screen{padding-top:6px!important;padding-bottom:6px!important}
 #qh-v206-play-screen img{max-height:280px!important;object-fit:cover!important}
 #qh-v206-play-screen h1,#qh-v206-play-screen h2{margin-top:5px!important;margin-bottom:3px!important}
 #qh-v206-play-screen p{margin-top:2px!important;margin-bottom:5px!important}
 #qh-v206-play-screen button{min-height:0!important}
}
body.qh-v221-choice-open{overflow:hidden!important}
#qh-v206-online-choice.qh-v221-choice-overlay{position:fixed!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:min(92vw,470px)!important;z-index:145000!important;margin:0!important;padding:18px!important;border:1px solid #d5a63d!important;border-radius:20px!important;background:linear-gradient(180deg,#20190d,#070605)!important;box-shadow:0 24px 70px rgba(0,0,0,.85),0 0 0 9999px rgba(0,0,0,.68)!important}
#qh-v206-online-choice.qh-v221-choice-overlay *{box-sizing:border-box!important;max-width:100%}

/* =========================================================
   v222 — six-screen routing / live-test correction
   ========================================================= */

/* v221 duplicate transparent nav is retired; v209's four real buttons are authoritative. */
.qh-v221-home-nav{display:none!important}

/* Absolutely no table/gameplay bleed-through on Home, How To, Stats, Options,
   Leaderboard or Player Mode screens. qhV206EnterGame removes this body state. */
body.qh-v208-pre-game #qh-game-board{display:none!important}

/* Conversely, when gameplay is active, keep page scrolling available and begin at top chrome. */
html,body{min-height:100%!important}
body:not(.qh-v208-pre-game){overflow-y:auto!important}
#qh-game-board{overflow:visible!important;min-height:0!important}
@media(min-width:1024px){
  #qh-game-board{height:auto!important;max-height:none!important;overflow:visible!important}
  #qh-game-board>section{height:auto!important;overflow:visible!important}
}

/* Existing four Home buttons: one button = one handler; no overlapping click layer. */
.qh-v209-home-nav{z-index:500!important;pointer-events:auto!important}
.qh-v209-home-nav button{position:relative!important;z-index:501!important;pointer-events:auto!important}

/* Avatar picker added to the same fly-up used for Solo and One Device names. */
.qh-v222-avatar-row{
  display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:6px!important;
  margin-top:7px!important;padding:7px!important;border:1px solid rgba(214,167,62,.45)!important;
  border-radius:12px!important;background:#080706!important;
}
.qh-v222-avatar-row button{
  padding:0!important;border:1px solid #6f5423!important;border-radius:50%!important;
  overflow:hidden!important;aspect-ratio:1!important;background:#111!important;min-height:0!important;
}
.qh-v222-avatar-row img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}

/* Keep the multi-name fly-up usable when several players are selected. */
#qh-v208-name-setup{max-height:min(88vh,760px)!important;overflow-y:auto!important}

/* v223 navigation/reset hardening */
#qh-v220-stats:not(.hidden),#options-menu:not(.hidden),#leaderboard-menu:not(.hidden),#qh-v215-howto:not(.hidden){display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
body.qh-v208-pre-game #qh-v220-stats,body.qh-v208-pre-game #options-menu,body.qh-v208-pre-game #leaderboard-menu,body.qh-v208-pre-game #qh-v215-howto{z-index:160000!important}
#qh-v205-lobby:not(.hidden){display:block!important}

/* v224 — keep gameplay chrome off every pre-game/home/utility/player-mode screen.
   The existing four Home option buttons/links are intentionally untouched. */
body.qh-v208-pre-game > .qh-v206-game-header{display:none!important;}
body:not(.qh-v208-pre-game) > .qh-v206-game-header{display:flex!important;}

/* v225 — MULTIPLAYER · ONE DEVICE setup only.
   Make the existing Player 1 / Player 2 names + avatar chooser fly into the
   centre as a true overlay, matching the Solo name treatment. */
.qh-v225-local-centre:not(.hidden){
  position:fixed !important;
  inset:0 !important;
  z-index:10050 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:20px !important;
  overflow:auto !important;
  background:rgba(2,5,9,.68) !important;
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
.qh-v225-local-centre:not(.hidden) > *{
  width:min(560px,94vw) !important;
  max-height:92vh !important;
  overflow:auto !important;
  margin:auto !important;
}
@media (max-height:760px){
  .qh-v225-local-centre:not(.hidden){
    align-items:flex-start !important;
    padding-top:12px !important;
  }
  .qh-v225-local-centre:not(.hidden) > *{
    max-height:calc(100vh - 24px) !important;
  }
}
/* v232 polish */
.pot-chip-fly{animation-duration:1.25s!important;animation-timing-function:cubic-bezier(.18,.72,.2,1)!important}
@media(max-width:430px){.qh-v206-game-header .qh-v206-header-btn span{display:none}.qh-v206-game-header .qh-v206-header-btn{min-width:40px;min-height:40px;padding:0 10px}.qh-v206-game-header{gap:4px}}

/* v232 final test polish — 2026-09-27 */
/* Match the full four artwork buttons at the bottom of the approved Home image. */
.qh-v209-home-nav{
  left:3.6%!important;right:3.6%!important;
  bottom:5.0%!important;height:9.3%!important;
  pointer-events:auto!important;
}
.qh-v209-home-nav button{width:100%!important;height:100%!important;pointer-events:auto!important;}
/* The current Hand Guide switch must remain visible in Options. */
#btn-hand-guide{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;min-width:52px!important;flex:0 0 auto!important;}
/* Equal, compact Showdown actions on phone and desktop. */
#showdown-action-row{display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:8px!important;}
#qh-review-answers-button,#showdown-next-hand-button{flex:1 1 0!important;width:50%!important;min-width:0!important;margin:0!important;padding:12px 6px!important;min-height:46px!important;line-height:1.15!important;}

/* v232 final atmosphere pass */
.qh-v232-bet-chip{position:fixed;z-index:12000;width:13px;height:13px;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 35% 30%,#fff4b0 0 12%,#f5c542 13% 42%,#7a4b00 43% 58%,#f5c542 59% 74%,#3d2600 75% 100%);box-shadow:0 1px 4px rgba(0,0,0,.65);transform:translate(-50%,-50%);animation:qhV232BetChip var(--dur,.65s) cubic-bezier(.2,.75,.25,1) forwards}
@keyframes qhV232BetChip{to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.72);opacity:.88}}
.qh-v232-your-turn{animation:qhV232TurnGlow 1.05s ease-in-out infinite alternate!important}
@keyframes qhV232TurnGlow{from{box-shadow:0 0 0 1px rgba(52,211,153,.35),0 0 7px rgba(52,211,153,.20)}to{box-shadow:0 0 0 2px rgba(52,211,153,.75),0 0 18px rgba(52,211,153,.55)}}

/* v234 finishing pass — premium showdown + clearly visible betting coins */
#showdown-modal{background:rgba(0,0,0,.94)!important;}
#showdown-modal .showdown-card{background:#050505!important;border:1.5px solid rgba(245,190,55,.72)!important;box-shadow:0 0 0 1px rgba(245,190,55,.12),0 22px 70px rgba(0,0,0,.85)!important;}
#showdown-modal .showdown-winner-panel,#showdown-modal .showdown-board{background:#080808!important;border-color:rgba(245,190,55,.30)!important;}
#showdown-modal .showdown-winner-panel>div.h-px{background:rgba(245,190,55,.28)!important;}
.showdown-video-wrap{width:132px;height:92px;border:1px solid rgba(245,190,55,.65);border-radius:14px;overflow:hidden;background:#000;box-shadow:0 0 24px rgba(245,158,11,.18);}
.showdown-video-wrap video{width:100%;height:100%;display:block;object-fit:cover;object-position:center;}
.qh-v234-bet-coin{position:fixed;z-index:250000;width:18px;height:18px;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 34% 28%,#fff7bd 0 10%,#ffd84d 11% 38%,#a96800 40% 55%,#f7bf22 57% 76%,#6d3b00 78% 100%);border:1px solid #ffe88a;box-shadow:0 2px 7px rgba(0,0,0,.8),0 0 5px rgba(255,193,7,.55);transform:translate(-50%,-50%);animation:qhV234Coin var(--dur,.82s) cubic-bezier(.18,.72,.22,1) forwards}
@keyframes qhV234Coin{0%{transform:translate(-50%,-50%) scale(.82) rotate(0);opacity:1}70%{opacity:1}100%{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.68) rotate(540deg);opacity:.15}}

/* v235 — Showdown-only repair. Keep v234 gameplay/audio untouched. */
#showdown-modal{
  align-items:flex-start!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  padding-top:max(12px,env(safe-area-inset-top))!important;
  padding-bottom:max(18px,env(safe-area-inset-bottom))!important;
  background:#000!important;
}
#showdown-modal .showdown-card{
  margin:auto!important;
  max-height:calc(100dvh - 30px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  background:#000!important;
  border:1.5px solid rgba(245,190,55,.82)!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(245,190,55,.55) #050505;
}
#showdown-modal .showdown-card>.absolute.inset-0{display:none!important;}
#showdown-modal .showdown-card>div.p-8{background:#000!important;padding:18px!important;}
#showdown-modal .showdown-winner-panel,
#showdown-modal .showdown-board,
#showdown-modal #showdown-leaderboard-viewport>div,
#showdown-modal .showdown-winner-panel .bg-slate-950,
#showdown-modal .showdown-winner-panel .bg-amber-500\/5{
  background:#050505!important;
  border-color:rgba(245,190,55,.30)!important;
}
#showdown-modal #showdown-leaderboard-viewport{max-height:none!important;overflow:visible!important;}
#showdown-modal #showdown-action-row{position:relative!important;z-index:5!important;padding-bottom:4px!important;}
.showdown-video-wrap{width:118px!important;height:82px!important;background:#000!important;}
.showdown-video-wrap video{background:#000!important;}
@media (max-width:520px){
 #showdown-modal{padding-left:10px!important;padding-right:10px!important;}
 #showdown-modal .showdown-card>div.p-8{padding:14px!important;}
 #showdown-modal .showdown-winner-panel{margin-top:12px!important;margin-bottom:12px!important;padding:12px!important;}
 .showdown-video-wrap{width:108px!important;height:74px!important;margin-bottom:8px!important;}
}

/* v236 FINAL — two Showdown fixes only: true black video treatment + reliable full-panel scrolling. */
#showdown-modal{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  overflow-x:hidden!important;
  overflow-y:scroll!important;
  -webkit-overflow-scrolling:touch!important;
  height:100dvh!important;
  max-height:100dvh!important;
  background:#000!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
#showdown-modal.hidden{display:none!important;}
#showdown-modal .showdown-card{
  flex:0 0 auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  margin:12px auto 24px!important;
  background:#000!important;
}
#showdown-modal .showdown-card>div.p-8{
  height:auto!important;
  min-height:max-content!important;
  overflow:visible!important;
  background:#000!important;
}
#showdown-modal .showdown-video-wrap{
  background:#000!important;
  border-color:rgba(245,190,55,.72)!important;
  box-shadow:0 0 18px rgba(245,158,11,.14)!important;
}
#showdown-modal .showdown-video-wrap video{
  background:#000!important;
  filter:contrast(1.5) brightness(.72) saturate(1.18)!important;
  mix-blend-mode:screen!important;
}
#showdown-modal .showdown-winner-panel,
#showdown-modal .showdown-board,
#showdown-modal #showdown-leaderboard-viewport>div,
#showdown-modal .showdown-winner-panel .bg-slate-950,
#showdown-modal .showdown-winner-panel .bg-amber-500\/5{
  background:#000!important;
}
@media(max-width:520px){
 #showdown-modal .showdown-card{margin:8px auto 22px!important;}
}


/* v237 FINAL POLISH — Showdown scroll/black + level-screen alignment only. */
/* Make the fixed overlay itself the one and only scroll container. */
#showdown-modal:not(.hidden){
  display:block!important;
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:contain!important;
  background:#000!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding:12px 10px 40px!important;
  box-sizing:border-box!important;
}
#showdown-modal.hidden{display:none!important;}
#showdown-modal .showdown-card{
  width:min(100%,512px)!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  margin:0 auto 40px!important;
  background:#000!important;
  background-image:none!important;
}
#showdown-modal .showdown-card>div.p-8{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  background:#000!important;
  background-image:none!important;
}
#showdown-modal .showdown-card>.absolute.inset-0{display:none!important;}
#showdown-modal .showdown-video-wrap,
#showdown-modal .showdown-video-wrap video,
#showdown-modal .showdown-winner-panel,
#showdown-modal .showdown-board,
#showdown-modal #showdown-leaderboard-viewport,
#showdown-modal #showdown-leaderboard-viewport>div,
#showdown-modal .showdown-winner-panel>div{
  background-color:#000!important;
  background-image:none!important;
}
#showdown-modal #showdown-leaderboard-viewport{
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
}
#showdown-modal #showdown-action-row{
  position:relative!important;
  display:flex!important;
  margin-bottom:18px!important;
}
/* Remove the old blend mode: it was making the video region look grey rather than black. */
#showdown-modal .showdown-video-wrap video{
  mix-blend-mode:normal!important;
  filter:none!important;
  object-fit:cover!important;
}

/* Four level screens: one shared geometry, regardless of selected level. */
#qh-v206-play-screen .qh-v206-play-shell{
  width:min(100%,430px)!important;
  padding:12px 16px 30px!important;
  box-sizing:border-box!important;
}
#qh-v206-play-screen .qh-v206-back{
  display:block!important;
  width:100%!important;
  height:38px!important;
  margin:0 0 5px!important;
  padding:8px 0!important;
  text-align:left!important;
}
#qh-v206-play-screen .qh-v207-level-hero{
  width:100%!important;
  height:245px!important;
  margin:0 auto 12px!important;
  box-sizing:border-box!important;
}
#qh-v206-play-screen .qh-v206-level-name{
  min-height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  line-height:1.05!important;
}
#qh-v206-play-screen .qh-v206-level-sub{
  min-height:34px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  margin:5px 0 12px!important;
  text-align:center!important;
}
#qh-v206-play-screen .qh-v206-play-options{
  width:100%!important;
  margin:0!important;
  gap:11px!important;
}
#qh-v206-play-screen .qh-v206-play-options>button{
  width:100%!important;
  min-height:92px!important;
  box-sizing:border-box!important;
}
@media(max-width:430px){
 #qh-v206-play-screen .qh-v207-level-hero{height:210px!important;}
 #qh-v206-play-screen .qh-v206-level-name{min-height:30px!important;font-size:22px!important;}
 #qh-v206-play-screen .qh-v206-level-sub{min-height:30px!important;}
 #qh-v206-play-screen .qh-v206-play-options>button{min-height:82px!important;}
}

/* v239 — supplied level artwork + robust showdown scrolling. */
#qh-v206-play-screen .qh-v207-level-hero{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1 / 1!important;
  margin:0 auto 14px!important;
  border-radius:22px!important;
  border:2px solid #c89431!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:cover!important;
  box-sizing:border-box!important;
}
#qh-v206-play-screen .qh-v207-level-hero.family{background-image:url("../assets/images/levels/family-fun.png")!important;}
#qh-v206-play-screen .qh-v207-level-hero.quiz{background-image:url("../assets/images/levels/quiz-night.png")!important;}
#qh-v206-play-screen .qh-v207-level-hero.expert{background-image:url("../assets/images/levels/expert.png")!important;}
#qh-v206-play-screen .qh-v207-level-hero.mastermind{background-image:url("../assets/images/levels/mastermind.png")!important;}
#qh-v206-play-screen .qh-v206-play-options{margin-top:0!important;}

/* The page/card is the scrollable surface; avoid relying on a fixed modal's wheel behaviour. */
#showdown-modal:not(.hidden){
  display:block!important;
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  touch-action:pan-y!important;
  scrollbar-gutter:stable!important;
  padding-bottom:96px!important;
}
#showdown-modal .showdown-card{
  position:relative!important;
  top:auto!important;
  transform:none!important;
  overflow:visible!important;
  margin:0 auto 96px!important;
}
#showdown-modal.showdown-open .showdown-card{animation:none!important;opacity:1!important;transform:none!important;}
#showdown-modal #showdown-action-row{padding-bottom:36px!important;}


/* v243 mobile table-space polish: when Hand Guide is OFF, reclaim its vertical gap without shrinking the table. */
@media(max-width:430px){
  #betting-dock:has(#hand-guide-panel.hidden){padding-top:5px!important;padding-bottom:5px!important}
  #betting-dock:has(#hand-guide-panel.hidden) #hand-guide-panel{margin:0!important;padding:0!important;min-height:0!important}
}


/* v246 — MOBILE-ONLY table/header refinement. Desktop/laptop intentionally untouched. */
@media (max-width:430px) and (orientation:portrait){
  /* Reclaim vertical space from the game chrome while keeping every action available. */
  body:not(.qh-v208-pre-game) > .qh-v206-game-header{
    min-height:46px!important;height:46px!important;padding:3px 5px!important;gap:3px!important;
  }
  .qh-v206-game-header>div{gap:3px!important;}
  .qh-v206-game-header .qh-top-logo-video{width:54px!important;height:28px!important;border-radius:6px!important;}
  .qh-v206-game-header .qh-v206-header-btn{
    min-width:34px!important;width:34px!important;min-height:34px!important;height:34px!important;
    padding:0!important;border-radius:9px!important;font-size:11px!important;display:inline-flex!important;
    align-items:center!important;justify-content:center!important;
  }
  .qh-v206-game-header .qh-v206-header-btn span{display:none!important;}

  /* Phone table gets its own geometry; no desktop rules are changed. */
  #poker-table-focus{height:326px!important;min-height:326px!important;padding:.45rem!important;border-width:4px!important;}
  #poker-table-focus>.absolute.inset-3{inset:7px!important;}

  /* Smaller integrated bot cards prevent side collisions without sacrificing readability. */
  #player-positions-container .player-seat-bot.has-avatar>.qh-bot-card{width:68px!important;}
  #player-positions-container .player-seat-bot.has-avatar .bot-avatar{width:50px!important;height:50px!important;border-width:2px!important;margin-bottom:-4px!important;}
  #player-positions-container .player-seat-bot.has-avatar .qh-bot-card-info{width:68px!important;min-height:28px!important;padding:5px 2px 3px!important;border-radius:8px!important;}
  #player-positions-container .player-seat-bot.has-avatar .qh-character-name{max-width:64px!important;font-size:6.7px!important;line-height:8px!important;}
  #player-positions-container .player-seat-bot.has-avatar .qh-bot-card-chips{font-size:7.5px!important;line-height:9px!important;}

  /* Seven distinct perimeter lanes: top pair clear header, side pairs no overlap, YOU centred. */
  #player-positions-container [data-seat="2"]{left:31%!important;top:18%!important;}
  #player-positions-container [data-seat="3"]{left:69%!important;top:18%!important;}
  #player-positions-container [data-seat="1"]{left:9%!important;top:48%!important;}
  #player-positions-container [data-seat="4"]{left:91%!important;top:48%!important;}
  #player-positions-container [data-seat="0"]{left:17%!important;top:76%!important;}
  #player-positions-container [data-seat="5"]{left:83%!important;top:76%!important;}
  #player-positions-container [data-seat="6"]{left:50%!important;top:83%!important;}

  #community-card-row{top:35%!important;gap:3px!important;}
  #community-card-row .flip-card{width:28px!important;height:37px!important;}
  #table-pot-panel{top:54%!important;min-width:145px!important;padding:5px 7px!important;}
  #table-pot-panel #table-pot{font-size:13px!important;}
  #table-pot-panel #hand-category-hud{max-width:138px!important;font-size:6.5px!important;margin-top:3px!important;}

  /* Slightly tighter human card, preserving portrait/name/chips order. */
  #player-positions-container [data-seat="6"].player-seat-you.has-avatar{min-height:74px!important;padding:31px 4px 4px!important;}
  #player-positions-container [data-seat="6"].player-seat-you.has-avatar .player-avatar{width:50px!important;height:50px!important;}

  /* Compact the deal/info block beneath the table to expose betting controls sooner. */
  .qh-deal-stack .casino-deal-button{min-height:34px!important;}
  #player-command-deck{margin-top:2px!important;padding-top:4px!important;}
}

/* v248 — MOBILE-ONLY precision polish. Desktop/laptop remains unchanged. */
@media (max-width:430px) and (orientation:portrait){
  /* Readable seat labels without letting the pill intrude into a neighbour's avatar. */
  #player-positions-container .player-seat-bot.has-avatar>.qh-bot-card{width:62px!important;}
  #player-positions-container .player-seat-bot.has-avatar .bot-avatar{width:46px!important;height:46px!important;margin-bottom:-2px!important;}
  #player-positions-container .player-seat-bot.has-avatar .qh-bot-card-info{width:62px!important;min-height:29px!important;padding:3px 2px!important;overflow:hidden!important;}
  #player-positions-container .player-seat-bot.has-avatar .qh-character-name{display:block!important;width:58px!important;max-width:58px!important;font-size:9px!important;line-height:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  #player-positions-container .player-seat-bot.has-avatar .qh-bot-card-chips{font-size:9px!important;line-height:10px!important;white-space:nowrap!important;}
  #player-positions-container .player-seat span.text-\[7px\],#player-positions-container .player-seat span.text-\[6px\]{font-size:8px!important;line-height:9px!important;}
  #player-positions-container .player-seat-you.has-avatar>span.text-\[8px\],#player-positions-container .player-seat-you.has-avatar span.text-\[9px\]{font-size:9px!important;line-height:10px!important;}

  /* Nudge the lower side seats outward/down into their own lanes. */
  #player-positions-container [data-seat="0"]{left:15%!important;top:77%!important;}
  #player-positions-container [data-seat="5"]{left:85%!important;top:77%!important;}
  #player-positions-container [data-seat="6"]{top:84%!important;}

  /* Centre-table labels need to remain legible too. */
  #table-pot-panel #table-pot{font-size:14px!important;line-height:16px!important;}
  #table-pot-panel #hand-category-hud{font-size:8.5px!important;line-height:10px!important;}

  /* Reclaim enough height for primary betting actions on short phones. */
  #poker-table-focus{height:300px!important;min-height:300px!important;}
  #community-card-row{top:34%!important;}
  #table-pot-panel{top:52%!important;}
  #table-start-panel{padding-top:5px!important;padding-bottom:5px!important;}
  #table-start-panel .setup-chip{padding-top:2px!important;padding-bottom:2px!important;line-height:11px!important;}
  .qh-deal-stack .casino-deal-button{min-height:31px!important;padding-top:4px!important;padding-bottom:4px!important;}
  #persistent-chip-leader{margin-top:2px!important;padding-top:2px!important;line-height:9px!important;}
  #betting-dock{padding:4px 5px!important;margin-top:0!important;}
  #betting-dock>div:first-child{margin-bottom:2px!important;}
  #dock-action-status{margin-bottom:3px!important;line-height:11px!important;}
  #betting-dock .grid.grid-cols-3{margin-bottom:4px!important;gap:5px!important;}
  #betting-dock .grid.grid-cols-3 button{min-height:30px!important;padding-top:4px!important;padding-bottom:4px!important;font-size:10px!important;}
}

/* Extra-short phones: protect Fold / Check / Raise above the initial fold. */
@media (max-width:430px) and (orientation:portrait) and (max-height:760px){
  body:not(.qh-v208-pre-game) > .qh-v206-game-header{height:42px!important;min-height:42px!important;}
  .qh-v206-game-header .qh-top-logo-video{height:25px!important;}
  .qh-v206-game-header .qh-v206-header-btn{width:31px!important;min-width:31px!important;height:31px!important;min-height:31px!important;}
  #poker-table-focus{height:276px!important;min-height:276px!important;}
  #player-positions-container .player-seat-bot.has-avatar .bot-avatar{width:43px!important;height:43px!important;}
  #player-positions-container [data-seat="2"],#player-positions-container [data-seat="3"]{top:19%!important;}
  #player-positions-container [data-seat="0"],#player-positions-container [data-seat="5"]{top:75%!important;}
  #player-positions-container [data-seat="6"]{top:82%!important;}
  #table-start-panel{padding-top:3px!important;padding-bottom:3px!important;}
}

/* v249 — S26 / PHONE PORTRAIT TABLE REBUILD ONLY.
   Desktop/laptop and landscape intentionally unchanged. */
@media (max-width:430px) and (orientation:portrait){
  /* A proper phone header: larger, balanced controls without touching desktop. */
  body:not(.qh-v208-pre-game) > .qh-v206-game-header{
    height:58px!important;min-height:58px!important;padding:5px 7px!important;gap:5px!important;
  }
  .qh-v206-game-header>div{gap:5px!important;}
  .qh-v206-game-header .qh-top-logo-video{width:72px!important;height:38px!important;border-radius:8px!important;}
  .qh-v206-game-header .qh-v206-header-btn{
    width:43px!important;min-width:43px!important;height:43px!important;min-height:43px!important;
    border-radius:11px!important;font-size:14px!important;padding:0!important;
  }
  .qh-v206-game-header .qh-v206-header-btn span{display:none!important;}

  /* Shorter/wider-feeling oval: reserve the centre for board, pot and category. */
  #poker-table-focus{
    height:318px!important;min-height:318px!important;padding:.35rem!important;
    border-width:4px!important;border-radius:34px!important;overflow:visible!important;
  }
  #poker-table-focus>.absolute.inset-3{inset:6px!important;border-radius:28px!important;}

  /* Compact landscape-style bot plaques: portrait stays readable without tall black boxes. */
  #player-positions-container .player-seat-bot.has-avatar{min-height:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
  #player-positions-container .player-seat-bot.has-avatar>.qh-bot-card{width:74px!important;display:flex!important;flex-direction:column!important;align-items:center!important;}
  #player-positions-container .player-seat-bot.has-avatar .bot-avatar{
    position:relative!important;left:auto!important;top:auto!important;transform:none!important;
    width:48px!important;height:48px!important;margin:0 auto -2px!important;border-width:2px!important;z-index:3!important;
  }
  #player-positions-container .player-seat-bot.has-avatar .qh-bot-card-info{
    width:74px!important;min-height:27px!important;padding:3px 2px 2px!important;border-radius:9px!important;
    overflow:visible!important;background:rgba(5,9,15,.96)!important;
  }
  #player-positions-container .player-seat-bot.has-avatar .qh-character-name{
    width:70px!important;max-width:70px!important;font-size:8px!important;line-height:9px!important;
    white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;letter-spacing:-.15px!important;
  }
  #player-positions-container .player-seat-bot.has-avatar .qh-bot-card-chips{font-size:9px!important;line-height:10px!important;white-space:nowrap!important;}

  /* Six bots around the perimeter, leaving an intentionally empty centre. */
  #player-positions-container [data-seat="2"]{left:29%!important;top:16%!important;}
  #player-positions-container [data-seat="3"]{left:71%!important;top:16%!important;}
  #player-positions-container [data-seat="1"]{left:8%!important;top:46%!important;}
  #player-positions-container [data-seat="4"]{left:92%!important;top:46%!important;}
  #player-positions-container [data-seat="0"]{left:16%!important;top:76%!important;}
  #player-positions-container [data-seat="5"]{left:84%!important;top:76%!important;}

  /* Human player: compact, prominent, bottom-centre. */
  #player-positions-container [data-seat="6"]{left:50%!important;top:82%!important;}
  #player-positions-container [data-seat="6"].player-seat-you.has-avatar{
    width:82px!important;min-height:67px!important;padding:29px 4px 3px!important;border-radius:12px!important;
  }
  #player-positions-container [data-seat="6"].player-seat-you.has-avatar .player-avatar{width:48px!important;height:48px!important;top:-22px!important;}
  #player-positions-container .player-seat-you.has-avatar>span.text-\[8px\],
  #player-positions-container .player-seat-you.has-avatar span.text-\[9px\]{font-size:9px!important;line-height:10px!important;}

  /* Board / pot / category get three clear lanes and always sit above seat panels. */
  #community-card-row{top:33%!important;gap:3px!important;z-index:34!important;}
  #community-card-row .flip-card{width:29px!important;height:38px!important;}
  #table-pot-panel{
    top:53%!important;z-index:32!important;min-width:150px!important;max-width:158px!important;
    padding:5px 8px!important;border-radius:11px!important;pointer-events:none!important;
  }
  #table-pot-panel #table-pot{font-size:15px!important;line-height:17px!important;display:block!important;visibility:visible!important;opacity:1!important;}
  #table-pot-panel #hand-category-hud{
    position:static!important;display:block!important;max-width:145px!important;margin:4px auto 0!important;
    font-size:8px!important;line-height:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }

  /* Keep the game controls close to the table without crushing the table itself. */
  #table-start-panel{padding-top:5px!important;padding-bottom:5px!important;}
  .qh-deal-stack .casino-deal-button{min-height:34px!important;}
  #betting-dock{margin-top:0!important;padding-top:5px!important;}
}

/* Short phones keep the same geometry concept, only shave a little height. */
@media (max-width:430px) and (orientation:portrait) and (max-height:760px){
  body:not(.qh-v208-pre-game) > .qh-v206-game-header{height:52px!important;min-height:52px!important;}
  .qh-v206-game-header .qh-top-logo-video{width:66px!important;height:34px!important;}
  .qh-v206-game-header .qh-v206-header-btn{width:39px!important;min-width:39px!important;height:39px!important;min-height:39px!important;}
  #poker-table-focus{height:296px!important;min-height:296px!important;}
  #player-positions-container [data-seat="0"],#player-positions-container [data-seat="5"]{top:75%!important;}
  #player-positions-container [data-seat="6"]{top:81%!important;}
}
\n\n/* v250 — mobile portrait centre-table polish only. Desktop/laptop protected. */\n@media (max-width:767px) and (orientation:portrait){\n  /* Drop the human seat toward the rail to open the centre of the felt. */\n  #player-positions-container [data-seat="6"]{top:88%!important;}\n\n  /* Cleaner centre hierarchy: board first, then one pot line, then category. */\n  #community-card-row{top:30%!important;gap:5px!important;}\n  #community-card-row .flip-card{width:31px!important;height:42px!important;}\n  #table-pot-panel{top:53%!important;min-width:138px!important;padding:5px 9px!important;}\n  #table-pot-panel #pot-breakdown-hud:empty{display:none!important;}\n  #table-pot-panel #hand-category-hud{margin-top:3px!important;max-width:150px!important;}\n\n  /* A dealt card arrives from above the felt, settles, then performs its existing flip. */\n  #community-card-row .flip-card.revealed{animation:qhCommunityDealIn .34s cubic-bezier(.2,.82,.28,1.12) both;}\n  #community-card-row .flip-card:nth-child(1).revealed{animation-delay:0ms;}\n  #community-card-row .flip-card:nth-child(2).revealed{animation-delay:85ms;}\n  #community-card-row .flip-card:nth-child(3).revealed{animation-delay:170ms;}\n  #community-card-row .flip-card:nth-child(4).revealed,\n  #community-card-row .flip-card:nth-child(5).revealed{animation-delay:0ms;}\n}\n@keyframes qhCommunityDealIn{\n  0%{opacity:0;transform:translate(38px,-46px) rotate(9deg) scale(1.12);}\n  72%{opacity:1;transform:translate(-2px,2px) rotate(-1.5deg) scale(1.02);}\n  100%{opacity:1;transform:translate(0,0) rotate(0) scale(1);}\n}\n\n\n/* v251 — compact mobile Your Hand strip: all key info on one line. */
@media (max-width:430px){
  #hand-guide-panel.qh-v206-hand-strip{
    display:flex!important;align-items:center!important;gap:5px!important;
    min-height:38px!important;padding:5px 6px!important;margin:2px 0 3px!important;
    flex-wrap:nowrap!important;overflow:visible!important;
  }
  #hand-guide-panel .qh-v206-hand-score{
    display:flex!important;align-items:center!important;gap:5px!important;
    min-width:0!important;flex:1 1 auto!important;
  }
  #qh-hand-clean-wrap{
    display:flex!important;align-items:center!important;gap:5px!important;
    margin:0!important;min-width:0!important;flex:0 1 auto!important;
  }
  #qh-hand-clean-wrap .qh-hand-clean-card{
    display:flex!important;align-items:center!important;gap:4px!important;
    border:0!important;background:transparent!important;padding:0!important;border-radius:0!important;
    min-width:0!important;
  }
  #qh-hand-clean-wrap .qh-hand-clean-card:first-child{
    flex:0 0 auto!important;white-space:nowrap!important;
  }
  #qh-hand-clean-wrap .qh-hand-clean-card:first-child .text-\\[10px\\]{
    font-size:6.5px!important;letter-spacing:.05em!important;white-space:nowrap!important;
  }
  #qh-clean-score{
    margin:0!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important;
  }
  #qh-clean-score .text-xs{font-size:5.5px!important}
  #qh-hand-clean-wrap .qh-hand-clean-card:nth-child(2){width:46px!important;flex:0 0 46px!important}
  #qh-five-meter{width:46px!important;display:flex!important;gap:3px!important;margin:0!important}
  #qh-five-meter span{height:8px!important;min-width:0!important}
  #qh-hand-calc{
    display:block!important;margin:0!important;border:0!important;border-radius:0!important;overflow:visible!important;
    flex:0 0 auto!important;white-space:nowrap!important;
  }
  #qh-hand-calc summary{
    display:flex!important;align-items:center!important;gap:2px!important;padding:0!important;
    font-size:6.5px!important;line-height:1!important;white-space:nowrap!important;
  }
  #qh-hand-calc[open] #qh-hand-calc-body{
    position:absolute!important;left:6px!important;right:6px!important;top:calc(100% + 4px)!important;z-index:50!important;
    display:block!important;padding:8px!important;border:1px solid rgba(45,212,191,.35)!important;
    border-radius:9px!important;background:#071613!important;white-space:normal!important;
  }
  #bet-risk-guide.qh-v206-action-guide{
    flex:0 0 auto!important;margin:0!important;font-size:7.5px!important;line-height:1!important;
    letter-spacing:0!important;white-space:nowrap!important;color:#f2c65a!important;
  }
  #hand-guide-panel .qh-v206-guide-info{
    flex:0 0 17px!important;width:17px!important;height:17px!important;min-height:17px!important;
    padding:0!important;margin:0!important;font-size:9px!important;line-height:15px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
  }
}


/* v252 — corrected compact mobile hand row + lower human seat. */
@media (max-width:767px) and (orientation:portrait){
  /* v250 used 88%; lower the local player a little further toward the rail. */
  #player-positions-container [data-seat="6"]{top:91%!important;}
}
@media (max-width:430px) and (orientation:portrait){
  #hand-guide-panel.qh-v206-hand-strip{
    position:relative!important;display:flex!important;align-items:center!important;
    flex-wrap:nowrap!important;gap:5px!important;min-height:42px!important;
    padding:6px 7px!important;margin:2px 0 5px!important;overflow:visible!important;
  }
  #hand-guide-panel>.qh-v206-hand-score,
  #hand-guide-panel>.qh-v206-strength{display:none!important;}
  #qh-hand-clean-wrap{
    display:flex!important;align-items:center!important;gap:7px!important;margin:0!important;
    flex:1 1 auto!important;min-width:0!important;
  }
  #qh-hand-clean-wrap .qh-hand-clean-card{
    display:flex!important;align-items:center!important;gap:4px!important;
    min-width:0!important;padding:0!important;border:0!important;background:transparent!important;
  }
  #qh-hand-clean-wrap .qh-hand-clean-card:first-child{flex:0 0 auto!important;white-space:nowrap!important;}
  #qh-hand-clean-wrap .qh-hand-clean-card:first-child .text-\[10px\]{font-size:6px!important;line-height:1!important;letter-spacing:.03em!important;}
  #qh-clean-score{margin:0!important;font-size:9px!important;line-height:1!important;white-space:nowrap!important;}
  #qh-clean-score .text-xs{font-size:5px!important;}
  #qh-hand-clean-wrap .qh-hand-clean-card:nth-child(2){flex:0 0 43px!important;width:43px!important;}
  #qh-five-meter{display:flex!important;width:43px!important;gap:2px!important;margin:0!important;}
  #qh-five-meter span{height:8px!important;min-width:0!important;}
  #qh-hand-calc{
    flex:0 0 auto!important;margin:0!important;border:0!important;border-radius:0!important;overflow:visible!important;
    white-space:nowrap!important;
  }
  #qh-hand-calc summary{
    display:flex!important;align-items:center!important;height:20px!important;padding:0!important;
    font-size:6.5px!important;line-height:20px!important;font-weight:700!important;white-space:nowrap!important;
  }
  #qh-hand-calc[open] #qh-hand-calc-body{
    position:absolute!important;left:6px!important;right:6px!important;top:calc(100% + 4px)!important;z-index:80!important;
    padding:8px!important;border:1px solid rgba(45,212,191,.35)!important;border-radius:9px!important;
    background:#071613!important;white-space:normal!important;
  }
  #bet-risk-guide.qh-v206-action-guide{
    flex:0 0 auto!important;margin:0!important;font-size:7.2px!important;line-height:20px!important;
    height:20px!important;letter-spacing:0!important;white-space:nowrap!important;color:#f2c65a!important;
  }
  #hand-guide-panel .qh-v206-guide-info{
    flex:0 0 20px!important;width:20px!important;height:20px!important;min-height:20px!important;
    padding:0!important;margin:0!important;font-size:10px!important;line-height:18px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
  }
  #hand-guide-copy{position:absolute!important;left:6px!important;right:6px!important;top:calc(100% + 4px)!important;z-index:79!important;}
}