:root{--hb-ink:#17211b;--hb-muted:#66746c;--hb-green:#176b4d;--hb-green-dark:#0d4c37;--hb-green-soft:#e8f5ed;--hb-gold:#d6a83f;--hb-cream:#f8f5ed;--hb-line:#173a2b26;--hb-red:#c43c3c;--hb-blue:#2563b8;--hb-club-green:#16834f}.holdem-bingo-lobby-page,.holdem-bingo-room-lobby,.holdem-bingo-game{color:var(--hb-ink)}.holdem-bingo-lobby-page{max-width:1180px;margin:0 auto;padding-bottom:48px}.hb-lobby-hero{color:#f7fbf8;background:radial-gradient(circle at 88% 15%,#d6a83f42,#0000 30%),linear-gradient(135deg,#0c4634 0%,#176b4d 62%,#104b39 100%);border:0;justify-content:space-between;align-items:center;gap:28px;min-height:230px;margin-bottom:16px;padding:36px 44px;display:flex;position:relative;overflow:hidden}.hb-lobby-hero:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.hb-lobby-hero>*{z-index:1;position:relative}.hb-lobby-hero h1{letter-spacing:-.07em;margin:8px 0 10px;font-size:clamp(38px,6vw,64px);line-height:.95}.hb-lobby-hero p{color:#fffc;max-width:620px;margin:0;font-size:16px;line-height:1.65}.hb-eyebrow{color:var(--hb-gold);letter-spacing:.18em;font-size:11px;font-weight:900;display:block}.hb-lobby-mini-board{background:#00000029;border:1px solid #ffffff29;border-radius:20px;flex:none;grid-template-columns:repeat(5,26px);gap:5px;padding:18px;display:grid;transform:rotate(3deg)}.hb-lobby-mini-board i{aspect-ratio:1;background:#ffffff1f;border-radius:5px;width:26px}.hb-lobby-mini-board i.active{background:var(--hb-gold);box-shadow:0 0 16px #d6a83f8c}.holdem-bingo-room-lobby{max-width:1080px;margin:0 auto}.hb-waiting-card,.hb-lobby-rules{border:1px solid var(--hb-line);background:#ffffffeb;border-radius:22px;min-height:330px;padding:28px;box-shadow:0 18px 50px #16322512}.hb-waiting-card h1{letter-spacing:-.04em;margin:7px 0 4px;font-size:34px}.hb-waiting-card>p{color:var(--hb-muted);margin:0 0 22px}.hb-waiting-card footer{color:var(--hb-muted);margin-top:18px;font-size:13px}.hb-player-list{gap:9px;display:grid}.hb-player-list>div{border:1px solid var(--hb-line);background:var(--hb-cream);border-radius:14px;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;min-width:0;padding:10px 13px;display:grid;position:relative;overflow:hidden}.hb-player-list>div.ready{background:var(--hb-green-soft);border-color:#176b4d59}.hb-player-list img{object-fit:cover;border-radius:50%;width:42px;height:42px}.hb-player-list span{flex-direction:column;min-width:0;display:flex}.hb-player-list b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hb-player-list small{color:var(--hb-muted);font-size:11px}.hb-player-list strong{color:var(--hb-muted);font-size:12px}.hb-player-list .ready strong{color:var(--hb-green)}.hb-player-list>div>i{color:#176b4d12;font:900 58px/1 sans-serif;position:absolute;bottom:-14px;right:-3px}.hb-lobby-rules{color:#edf8f2;background:linear-gradient(150deg,#133e31,#0d2e25);border:0}.hb-lobby-rules h2{margin:0 0 28px;font-size:25px}.hb-rule-steps{grid-template-columns:34px 1fr;gap:20px 12px;display:grid}.hb-rule-steps>b{color:#15251c;background:var(--hb-gold);border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.hb-rule-steps p{flex-direction:column;margin:0;display:flex}.hb-rule-steps p strong{font-size:15px}.hb-rule-steps p span{color:#ffffffa6;margin-top:3px;font-size:13px;line-height:1.5}.holdem-bingo-game{background:radial-gradient(circle at 50% -20%,#d6a83f2b,#0000 35%),linear-gradient(155deg,#eef5ef 0%,#f8f5ed 54%,#e7f0ea 100%);max-width:none;min-height:100dvh;padding:18px 22px 30px}.hb-top-title{align-items:center;gap:10px;display:flex}.hb-top-title b{letter-spacing:-.03em}.hb-top-title span{color:#9a3412;background:#ffedd5;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800}.hb-top-title span.online{color:var(--hb-green);background:var(--hb-green-soft)}.hb-turn-pill{color:var(--hb-green-dark);border:1px solid var(--hb-line);white-space:nowrap;background:#ffffffc2;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:850;position:absolute;left:50%;transform:translate(-50%)}.hb-turn-pill.active{color:#713f12;background:#fff7d6;border-color:#d6a83fb3;box-shadow:0 0 0 4px #d6a83f1f}.hb-action-alert{color:#5f3d08;background:linear-gradient(90deg,#fff5c7,#fffaf0);border:1px solid #d6a83f8c;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:min(720px,100% - 24px);margin:16px auto -10px;padding:10px 16px;animation:1.3s ease-in-out infinite alternate hb-turn-notice;display:flex;box-shadow:0 10px 25px #6647101a}.hb-action-alert b{font-size:14px}.hb-action-alert span{color:#80652d;font-size:12px}@keyframes hb-turn-notice{0%{transform:translateY(0)}to{transform:translateY(2px);box-shadow:0 13px 30px #66471029}}.hb-convenience{min-width:130px}.hb-convenience button{cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:9px}.hb-convenience button:hover{background:#f1f5f2}.hb-game-layout{grid-template-columns:minmax(420px,1fr) minmax(280px,360px);gap:clamp(14px,2.5vw,30px);width:min(1120px,100%);margin:28px auto 0;display:grid}.hb-board-panel,.hb-offer-panel,.hb-chosen-mission,.hb-progress{border:1px solid var(--hb-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd6;border-radius:22px;box-shadow:0 18px 55px #193d2d14}.hb-board-panel{padding:clamp(15px,2.5vw,28px)}.hb-board-panel>header{justify-content:space-between;align-items:end;margin-bottom:17px;display:flex}.hb-board-panel h1{letter-spacing:-.05em;margin:5px 0 0;font-size:clamp(24px,3vw,34px)}.hb-board-panel>header>span{color:var(--hb-green);font-weight:900}.hb-board{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(5px,1vw,10px);width:min(100%,650px);margin:0 auto;display:grid}.hb-board>button{aspect-ratio:1;background:#e1ebe4ad;border:1px solid #173a2b26;border-radius:clamp(8px,1.4vw,15px);place-items:center;min-width:0;padding:6px;display:grid;position:relative;overflow:hidden}.hb-board>button.empty i{aspect-ratio:1;border:2px solid #176b4d33;border-radius:50%;width:18%}.hb-board>button.empty small{color:#173a2b4d;font-size:8px;position:absolute;bottom:5px;right:7px}.hb-board>button.placeable{cursor:pointer;background:#e8f5edc7;border-style:dashed;border-color:#176b4d80}.hb-board>button.placeable:hover{z-index:2;background:#d9f1e3;border-style:solid;transform:translateY(-2px);box-shadow:0 0 0 3px #176b4d1f}.hb-board>button.restricted{opacity:.55;background:repeating-linear-gradient(135deg,#f4e2e2b3 0 6px,#ebebe5b3 6px 12px)}.hb-board>button.restricted small{color:#9f3e3e;font-weight:900}.hb-board>button.filled{background:#dce8df;padding:4px}.hb-board-hint{min-height:22px;color:var(--hb-muted);text-align:center;margin:16px 0 0;font-size:13px}.hb-board-hint.warning{color:#a23a32;font-weight:850}.hb-card{aspect-ratio:.7;color:#19201c;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#fff,#f8f7f2);border:1px solid #d4d9d5;border-radius:10px;width:78px;display:block;position:relative;box-shadow:0 8px 18px #0e261b24}.hb-card.suit-s{color:#17211b}.hb-card.suit-h{color:var(--hb-red)}.hb-card.suit-d{color:var(--hb-blue)}.hb-card.suit-c{color:var(--hb-club-green)}.hb-card.selected{border-color:var(--hb-gold);transform:translateY(-5px);box-shadow:0 0 0 3px #d6a83f40,0 12px 24px #0e261b2e}.hb-card>b{font:900 20px/1 ui-serif,Georgia,serif;position:absolute;top:7px;left:9px}.hb-card>small{font:800 12px/1 ui-serif,Georgia,serif;position:absolute;bottom:7px;right:8px;transform:rotate(180deg)}.hb-card.small{aspect-ratio:auto;border:0;border-radius:9px;width:100%;height:100%;box-shadow:0 3px 10px #0e261b1f}.hb-card.small>b{font-size:clamp(12px,2.2vw,21px);top:7%;left:8%}.hb-card.small>small{font-size:clamp(8px,1.4vw,13px);bottom:7%;right:8%}.hb-suit{font:900 29px/1 ui-serif,Georgia,serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hb-card.small .hb-suit{font-size:clamp(17px,3.2vw,29px)}.hb-side-panel{flex-direction:column;gap:13px;display:flex}.hb-offer-panel,.hb-chosen-mission,.hb-progress{padding:20px}.hb-offer-panel h2{margin:5px 0 4px;font-size:22px}.hb-offer-panel>p{color:var(--hb-muted);margin:5px 0 14px;font-size:12px;line-height:1.5}.hb-offer-cards{background:linear-gradient(145deg,#e8f2eb,#f6f2e8);border-radius:16px;justify-content:center;align-items:center;gap:14px;min-height:122px;padding:12px;display:flex}.hb-offer-cards>button{cursor:pointer;background:0 0;border:0;padding:7px}.hb-offer-cards>button:not(.active):hover .hb-card{transform:translateY(-3px)}.hb-offer-cards>button:disabled{cursor:default;opacity:.7}.hb-private-card{color:var(--hb-muted);flex-direction:column;align-items:center;gap:9px;font-size:11px;display:flex}.hb-private-card i{background:repeating-linear-gradient(45deg,#154f3b 0 5px,#1f7254 5px 10px);border:5px solid #f8f4e9;border-radius:10px;width:72px;height:102px;display:block;box-shadow:0 7px 17px #0e261b29}.hb-placement-complete{color:var(--hb-green-dark);flex-direction:column;align-items:center;gap:4px;display:flex}.hb-placement-complete>i{color:#fff;background:var(--hb-green);border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:3px;font-size:23px;font-style:normal;font-weight:900;display:grid}.hb-placement-complete>span{color:var(--hb-muted);font-size:10px}.hb-missions{gap:8px;margin-top:15px;display:grid}.hb-missions button{text-align:left;border:1px solid var(--hb-line);background:var(--hb-cream);cursor:pointer;border-radius:13px;flex-direction:column;gap:3px;padding:13px 45px 13px 13px;display:flex;position:relative}.hb-missions button:hover:not(:disabled){border-color:var(--hb-green);background:var(--hb-green-soft)}.hb-missions button>span{color:var(--hb-muted);font-size:11px;line-height:1.4}.hb-missions button>strong{color:var(--hb-green);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.hb-chosen-mission{color:#f7fbf8;background:var(--hb-green-dark);border:0;flex-direction:column;gap:3px;display:flex}.hb-chosen-mission>span{color:var(--hb-gold);font-size:10px;font-weight:800}.hb-chosen-mission>small{color:#ffffffa8}.hb-progress header{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.hb-progress h2{margin:0;font-size:15px}.hb-progress header span{color:var(--hb-muted);font-size:10px}.hb-progress>div{grid-template-columns:minmax(86px,auto) 1fr 24px;align-items:center;gap:8px;margin-top:9px;display:grid}.hb-progress>div>span{flex-direction:column;min-width:0;display:flex}.hb-progress>div b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.hb-progress>div small{color:var(--hb-muted);font-size:8px}.hb-progress>div>i{background:#e0e7e2;border-radius:999px;height:6px;overflow:hidden}.hb-progress>div>i em{border-radius:inherit;background:linear-gradient(90deg,var(--hb-green),var(--hb-gold));height:100%;display:block}.hb-progress>div>strong{color:var(--hb-green);text-align:right;font-size:11px}.hb-modal-backdrop,.hb-result-backdrop{z-index:80;padding:18px}.hb-rules-modal{width:min(520px,100%);padding:28px}.hb-rules-modal h2{margin:7px 0 18px}.hb-rules-modal ol{color:var(--hb-muted);margin:0 0 24px;padding-left:22px;line-height:1.65}.hb-rules-modal li+li{margin-top:8px}.hb-result-card{text-align:center;width:min(760px,100%);max-height:92dvh;padding:30px;overflow:auto}.hb-result-card h2{margin:7px 0;font-size:30px}.hb-result-card>p{color:var(--hb-muted);margin:0 0 18px}.hb-result-progress{color:var(--hb-muted);align-items:center;gap:9px;margin-bottom:18px;font-size:10px;font-weight:800;display:flex}.hb-result-progress>i{background:#e3e9e5;border-radius:999px;flex:1;height:5px;overflow:hidden}.hb-result-progress>i em{border-radius:inherit;background:linear-gradient(90deg,var(--hb-green),var(--hb-gold));height:100%;transition:width .25s;display:block}.hb-line-comparison{text-align:left;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin:18px 0;display:grid}.hb-line-comparison article{border:1px solid var(--hb-line);background:#f7f8f5;border-radius:15px;padding:13px}.hb-line-comparison article.winner{background:#fff8e8;border-color:#d6a83fb3;box-shadow:inset 0 0 0 2px #d6a83f1f}.hb-line-comparison article>header,.hb-line-comparison article>footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.hb-line-comparison article>header>strong{color:#785712;background:#ffe9a7;border-radius:999px;padding:3px 7px;font-size:9px}.hb-line-comparison article>footer{color:var(--hb-green-dark);margin-top:9px;font-size:12px}.hb-result-hand{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:10px;display:grid}.hb-result-hand .hb-card{aspect-ratio:.7;min-height:62px}.hb-result-empty-card{aspect-ratio:.7;border:1px dashed var(--hb-line);border-radius:7px;display:block}.hb-result-board{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;width:min(330px,100%);margin:12px auto;display:grid}.hb-result-board>div{aspect-ratio:1;background:#e4ebe6;border-radius:9px;padding:3px}.hb-result-board .hb-card{width:100%;height:100%}.hb-player-total{color:#fff;background:var(--hb-green-dark);border-radius:13px;justify-content:space-between;align-items:center;width:min(330px,100%);margin:0 auto 10px;padding:9px 13px;display:flex}.hb-player-total strong{color:#ffe6a6;font-size:22px}.hb-score-table{text-align:left;gap:8px;margin:17px 0 22px;display:grid}.hb-score-table>div{border:1px solid var(--hb-line);background:#f7f8f5;border-radius:13px;grid-template-columns:27px 1fr auto;align-items:center;gap:10px;padding:11px 13px;display:grid}.hb-score-table>div.winner{background:#fff8e8;border-color:#d6a83f8c}.hb-score-table>div>strong{width:26px;height:26px;color:var(--hb-green);background:var(--hb-green-soft);border-radius:50%;place-items:center;display:grid}.hb-score-table span{flex-direction:column;min-width:0;display:flex}.hb-score-table span b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hb-score-table span small{color:var(--hb-muted);font-size:10px}.hb-score-table em{color:var(--hb-green-dark);font-size:17px;font-style:normal;font-weight:900}.hb-result-actions{justify-content:center;align-items:center;gap:8px;margin-top:20px;display:flex}.hb-result-actions .btn:disabled{opacity:.4;cursor:default}@media (max-width:820px){.holdem-bingo-game{padding:12px 10px 22px}.hb-game-layout{grid-template-columns:1fr;margin-top:18px}.hb-side-panel{grid-template-columns:1fr 1fr;display:grid}.hb-offer-panel{grid-row:span 2}.hb-turn-pill{position:static;transform:none}.hb-action-alert{margin-top:10px}}@media (max-width:600px){.holdem-bingo-lobby-page{padding-inline:10px}.hb-lobby-hero{min-height:190px;padding:26px 22px}.hb-lobby-mini-board{display:none}.hb-waiting-card,.hb-lobby-rules{min-height:0;padding:21px}.holdem-bingo-game .mighty-topbar{gap:7px}.hb-top-title span{display:none}.hb-turn-pill{padding:6px 9px;font-size:10px}.hb-board-panel{border-radius:17px}.hb-board{gap:4px}.hb-board>button{border-radius:7px;padding:3px}.hb-card.small{border-radius:6px}.hb-card.small .hb-suit{font-size:clamp(15px,5vw,24px)}.hb-side-panel{display:flex}.hb-offer-panel,.hb-chosen-mission,.hb-progress{border-radius:17px;padding:16px}.hb-result-card{padding:23px 16px}.hb-action-alert{text-align:center;flex-direction:column;gap:2px}.hb-line-comparison{grid-template-columns:1fr}.hb-score-table>div{grid-template-columns:23px minmax(0,1fr) auto;padding:9px}}@media (prefers-reduced-motion:reduce){.hb-card,.hb-board>button{transition:none!important}.hb-action-alert{animation:none}}