:root{
  --ink:#03060b;--navy:#07111f;--navy2:#0e1b2c;--panel:#0d1724;--panel2:#111f31;
  --gold:#c99b3d;--gold2:#f0d38b;--text:#f7f4eb;--muted:#9ca6b4;--line:rgba(255,255,255,.11);
  --success:#55c98d;--danger:#e7666b;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#020409;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}.hidden{display:none!important}.app-shell{position:relative;width:100%;min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% -10%,rgba(201,155,61,.16),transparent 35%),linear-gradient(180deg,#0c1726,#020409 78%)}.view{display:none;min-height:100dvh}.view.active{display:flex;flex-direction:column}.eyebrow{color:var(--gold2);font-size:10px;font-weight:800;letter-spacing:.2em}.message{min-height:19px;margin:8px 0 0;color:var(--muted);font-size:12px;text-align:center}.message.error{color:#ff9ca0}.message.success{color:#8ee3b4}
.splash-view{position:relative;align-items:stretch;justify-content:stretch;padding:0;background:#080711}.splash-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}.splash-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,4,12,.08),transparent 54%,rgba(5,4,12,.62))}.splash-progress{position:absolute;right:14%;bottom:calc(7% + var(--safe-bottom));left:14%;height:3px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.12);box-shadow:0 0 18px rgba(201,155,61,.2)}.splash-progress span{display:block;width:36%;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent,#f1d797,transparent);animation:load 1.05s infinite}@keyframes load{from{transform:translateX(-140%)}to{transform:translateX(340%)}}
.auth-view{justify-content:center;padding:calc(24px + var(--safe-top)) 18px calc(24px + var(--safe-bottom));overflow:auto}.auth-brand{display:flex;align-items:center;gap:14px;max-width:460px;width:100%;margin:0 auto 18px}.auth-brand img{width:68px;height:68px;object-fit:contain}.auth-brand h1{margin:2px 0;font-family:Georgia,serif;font-size:34px;color:#fff4d6}.auth-brand p{margin:0;color:var(--muted)}.auth-card{width:100%;max-width:460px;margin:0 auto;padding:20px;border:1px solid rgba(201,155,61,.34);border-radius:24px;background:rgba(11,20,32,.95);box-shadow:0 26px 70px rgba(0,0,0,.4)}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.tab{padding:11px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03);color:var(--muted)}.tab.active{border-color:rgba(201,155,61,.6);background:rgba(201,155,61,.12);color:var(--gold2)}.auth-form{display:none}.auth-form.active{display:grid;gap:12px}label{display:grid;gap:6px;color:#dfe4eb;font-size:13px}input,select{width:100%;min-width:0;padding:12px 13px;border:1px solid #2b3b50;border-radius:12px;background:#07101b;color:#fff;outline:none}input:focus,select:focus{border-color:var(--gold)}.primary-button,.secondary-button,.small-button,.icon-button{cursor:pointer}.primary-button{width:100%;padding:13px 16px;border:1px solid #e5c36d;border-radius:14px;background:linear-gradient(180deg,#dcb55d,#9a6d1b);color:#130d03;font-weight:900}.primary-button:disabled{opacity:.42;cursor:not-allowed}.secondary-button{width:100%;padding:12px 15px;border:1px solid rgba(201,155,61,.38);border-radius:14px;background:rgba(201,155,61,.08);color:var(--gold2);font-weight:800}.demo-note{max-width:460px;margin:13px auto 0;color:var(--muted);font-size:11px;text-align:center}
.app-header,.table-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(10px + var(--safe-top)) 13px 10px;border-bottom:1px solid var(--line);background:rgba(3,7,12,.92);backdrop-filter:blur(12px);z-index:10}.profile-chip{display:flex;align-items:center;gap:9px;min-width:0}.profile-chip strong,.profile-chip small{display:block}.profile-chip small{color:var(--muted);font-size:10px}.avatar{display:grid;place-items:center;width:43px;height:43px;border:2px solid var(--gold);border-radius:50%;background:radial-gradient(circle at 35% 25%,#314963,#08111d 68%);color:var(--gold2);font-weight:900}.header-actions{display:flex;gap:7px}.icon-button{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04);color:#fff;font-size:18px}.icon-button.danger{color:#ff9ca0}.center-heading{text-align:center;min-width:0}.center-heading strong,.center-heading small{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.center-heading small{color:var(--muted);font-size:10px}.scroll-area{flex:1;overflow-y:auto;padding:20px 14px calc(28px + var(--safe-bottom))}.lobby-heading{margin-bottom:16px}.lobby-heading h2{margin:5px 0 6px;font-family:Georgia,serif;font-size:28px}.lobby-heading p{margin:0;color:var(--muted);font-size:13px}.hallway-stage{position:relative;overflow:hidden;border:1px solid rgba(201,155,61,.34);border-radius:24px;aspect-ratio:16/10;background:#06101b}.hallway-stage img{width:100%;height:100%;object-fit:cover;display:block}.hallway-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(2,5,9,.88))}.hallway-copy{position:absolute;right:14px;bottom:13px;left:14px;display:flex;justify-content:space-between;gap:12px;align-items:end}.hallway-copy strong{font-family:Georgia,serif;color:#fff3ce;font-size:19px}.hallway-copy span{color:#d5d8dd;font-size:10px;text-align:right}.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:22px 0 10px}.section-title-row h3{margin:3px 0 0}.small-button{padding:9px 12px;border:1px solid rgba(201,155,61,.42);border-radius:12px;background:rgba(201,155,61,.09);color:var(--gold2);font-weight:800}.room-list{display:grid;gap:11px}.room-card{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:11px;width:100%;padding:12px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(180deg,rgba(17,31,49,.92),rgba(7,14,24,.96));color:#fff;text-align:left}.room-card:hover{border-color:rgba(201,155,61,.52)}.room-icon{display:grid;place-items:center;width:50px;height:50px;border:1px solid rgba(201,155,61,.38);border-radius:15px;background:rgba(201,155,61,.09);color:var(--gold2);font-weight:900}.room-main strong,.room-main small{display:block}.room-main small{margin-top:4px;color:var(--muted);font-size:10px}.room-tail{text-align:right}.room-tail strong,.room-tail small{display:block}.room-tail strong{color:var(--gold2)}.room-tail small{margin-top:4px;color:var(--muted);font-size:9px}.status-pill{display:inline-flex;margin-top:6px;padding:4px 7px;border-radius:999px;background:rgba(85,201,141,.1);color:#8ee3b4;font-size:8px;font-weight:900;text-transform:uppercase}.status-pill.disabled{background:rgba(231,102,107,.1);color:#ff9ca0}
.status-strip{display:flex;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03);color:var(--muted);font-size:12px}.status-strip strong{color:var(--gold2)}.waiting-table-wrap{position:relative;height:360px;margin:15px 0}.waiting-table{position:absolute;inset:65px 54px;border:10px solid #3b2a1d;border-radius:44px;background:radial-gradient(circle,rgba(201,155,61,.12),transparent 42%),#071b2c;box-shadow:inset 0 0 0 2px rgba(240,211,139,.24);display:grid;place-content:center;text-align:center;color:rgba(240,211,139,.24)}.waiting-table span{font-size:66px}.waiting-table strong{font-family:Georgia,serif;letter-spacing:.15em}.waiting-seats{position:absolute;inset:0}.waiting-seat{position:absolute;display:grid;justify-items:center;gap:3px;width:105px;text-align:center;font-size:10px}.waiting-seat .avatar{width:50px;height:50px}.waiting-seat small{color:var(--muted);font-size:9px}.waiting-seat.empty .avatar{border-style:dashed;color:var(--muted)}.waiting-seat.team1 .avatar{box-shadow:0 0 0 5px rgba(201,155,61,.1)}.waiting-seat.team2 .avatar{border-color:#8aa7cc}.pos-1{bottom:0;left:50%;transform:translateX(-50%)}.pos-2{right:0;top:50%;transform:translateY(-50%)}.pos-3{top:0;left:50%;transform:translateX(-50%)}.pos-4{left:0;top:50%;transform:translateY(-50%)}.panel-block{margin-top:13px;padding:17px;border:1px solid var(--line);border-radius:18px;background:rgba(10,19,31,.92)}.panel-block h3{margin:5px 0}.panel-block p{margin:0 0 12px;color:var(--muted);font-size:12px;line-height:1.5}.partner-options{display:grid;gap:8px}.partner-button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.03);color:#fff;text-align:left}.partner-button:disabled{opacity:.45}.partner-request-box{margin-top:12px;padding:13px;border:1px solid rgba(201,155,61,.4);border-radius:14px;background:rgba(201,155,61,.09)}.partner-request-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.accept-button,.decline-button{padding:10px;border-radius:11px;font-weight:800}.accept-button{border:1px solid rgba(85,201,141,.5);background:rgba(85,201,141,.1);color:#8ee3b4}.decline-button{border:1px solid rgba(231,102,107,.5);background:rgba(231,102,107,.1);color:#ff9ca0}
.table-view{background:#02050a}.table-header{flex:0 0 auto}.role-badge,.game-badge{display:inline-flex;padding:6px 9px;border:1px solid rgba(201,155,61,.4);border-radius:999px;color:var(--gold2);font-size:9px;font-weight:900}.score-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-bottom:1px solid var(--line)}.score-cell{padding:8px 4px;background:#07101b;text-align:center}.score-cell strong,.score-cell small{display:block}.score-cell strong{color:var(--gold2)}.score-cell small{color:var(--muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-stage{position:relative;flex:1;min-height:0;padding:74px 51px 250px;background:radial-gradient(circle at 50% 35%,rgba(201,155,61,.11),transparent 37%),linear-gradient(180deg,#0b1725,#02050a 75%)}.game-table{position:relative;height:min(44vh,360px);min-height:280px;border:11px solid #3a281b;border-radius:48px;background:radial-gradient(circle at 50% 44%,rgba(201,155,61,.13),transparent 33%),#071b2c;box-shadow:inset 0 0 0 2px rgba(240,211,139,.25),0 25px 55px rgba(0,0,0,.38)}.felt-mark{position:absolute;inset:0;display:grid;place-content:center;color:rgba(240,211,139,.16);font-size:74px;text-align:center}.felt-mark span{display:block;margin-top:-14px;font-family:Georgia,serif;font-size:21px;letter-spacing:.15em}.played-cards{position:absolute;inset:0;z-index:2}.played-card{position:absolute;display:grid;place-items:center;width:48px;height:68px;border-radius:7px;background:#fffdf5;color:#121212;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.35)}.played-card.red{color:#b41422}.played-card.seat-1{left:50%;bottom:22%;transform:translateX(-50%)}.played-card.seat-2{right:24%;top:50%;transform:translateY(-50%) rotate(5deg)}.played-card.seat-3{left:50%;top:22%;transform:translateX(-50%) rotate(-3deg)}.played-card.seat-4{left:24%;top:50%;transform:translateY(-50%) rotate(-5deg)}.table-message{position:absolute;right:18px;bottom:15px;left:18px;color:rgba(255,255,255,.45);font-size:10px;text-align:center}.table-seats{position:absolute;inset:0;z-index:3}.table-seat{position:absolute;display:grid;justify-items:center;gap:2px;width:98px;text-align:center;font-size:10px}.table-seat .avatar{width:48px;height:48px}.table-seat small{color:var(--muted);font-size:8px}.table-seat.turn .avatar{animation:turnPulse 1.2s infinite}@keyframes turnPulse{50%{box-shadow:0 0 0 8px rgba(201,155,61,.12)}}.table-seat.pos-1{bottom:218px}.table-seat.pos-2{right:0}.table-seat.pos-3{top:14px}.table-seat.pos-4{left:0}.action-panel{position:absolute;right:10px;bottom:calc(10px + var(--safe-bottom));left:10px;z-index:5;max-height:235px;overflow:auto;padding:13px;border:1px solid rgba(201,155,61,.34);border-radius:20px;background:rgba(3,8,14,.97);box-shadow:0 18px 45px rgba(0,0,0,.45)}.phase-heading{color:var(--gold2);font-weight:900;text-align:center}.action-panel>p{margin:4px 0 9px;color:var(--muted);font-size:11px;text-align:center}.bid-controls{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-bottom:9px}.bid-button{display:grid;place-items:center;gap:1px;min-height:42px;padding:5px 0;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.04);color:#fff}.bid-button span{font-weight:900}.bid-button small{color:var(--gold2);font-size:7px;line-height:1}.bid-button:disabled{opacity:.35}.own-hand{display:flex;justify-content:flex-start;gap:3px;overflow-x:auto;overflow-y:visible;padding:11px 3px 8px;scrollbar-width:none}.own-hand::-webkit-scrollbar{display:none}.hand-card{flex:0 0 42px;height:66px;padding:4px;border:2px solid transparent;border-radius:7px;background:#fffdf5;color:#111;font-weight:900;box-shadow:0 4px 10px rgba(0,0,0,.28);transition:.15s}.hand-card.red{color:#b41422}.hand-card:disabled{opacity:.42}.hand-card.legal:not(:disabled){transform:translateY(-3px);border-color:rgba(201,155,61,.44)}.hand-card:not(:disabled):active{transform:translateY(-10px)}
.modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:max(8px,var(--safe-top)) 10px max(8px,var(--safe-bottom))}.modal[hidden]{display:none}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(6px)}.modal-panel{position:relative;width:100%;max-width:480px;max-height:calc(100dvh - max(16px,var(--safe-top)) - max(16px,var(--safe-bottom)));overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;margin:0 auto;padding:22px 17px;border:1px solid rgba(201,155,61,.35);border-radius:24px;background:linear-gradient(180deg,#111f31,#050b13);box-shadow:0 28px 75px rgba(0,0,0,.6)}.modal-close{position:absolute;top:11px;right:11px;width:35px;height:35px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.04);color:#fff;font-size:22px}.modal-panel h2{margin:10px 0 4px;font-family:Georgia,serif;color:#fff3ce}.modal-panel>p{margin:0 0 12px;color:var(--muted);font-size:12px}.modal-seats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}.modal-seat{display:flex;align-items:center;gap:8px;min-height:48px;padding:9px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.03);color:#fff;text-align:left}.modal-seat.empty{color:#8ee3b4}.modal-seat.selected{border-color:var(--gold);background:rgba(201,155,61,.12);color:var(--gold2)}.modal-seat:disabled{opacity:.55}.seat-dot{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(201,155,61,.35);border-radius:50%;background:#17273b}.modal-panel .secondary-button{margin-top:9px}.install-panel{text-align:center}.install-icon{width:90px;height:90px;border-radius:21px}
@media(min-width:760px){.app-shell{width:460px;min-height:calc(100dvh - 24px);margin:12px auto;border:1px solid rgba(201,155,61,.28);border-radius:30px;box-shadow:0 30px 90px rgba(0,0,0,.55)}.view{min-height:calc(100dvh - 26px);border-radius:30px;overflow:hidden}.modal{border-radius:30px}}
@media(max-width:370px){.game-stage{padding-right:43px;padding-left:43px}.waiting-table{right:43px;left:43px}.hand-card{flex-basis:38px;height:61px}.score-cell{padding-right:2px;padding-left:2px}.table-seat{width:84px}.action-panel{max-height:225px}}


/* K369 V3.0.2 — clickable salon doors and faster round flow */
.hallway-stage{aspect-ratio:9/16;max-height:690px;margin:0 auto}.hallway-stage img{object-position:center center}.hallway-overlay{background:linear-gradient(180deg,rgba(2,5,9,.08) 20%,rgba(2,5,9,.14) 54%,rgba(2,5,9,.82) 100%)}
.door-hotspots{position:absolute;inset:0;z-index:3}.door-button{position:absolute;top:28%;height:49%;padding:0;border:1px solid transparent;border-radius:18px;background:transparent;color:#fff;cursor:pointer}.door-button:hover,.door-button:focus-visible{border-color:rgba(240,211,139,.72);background:rgba(201,155,61,.08);outline:none}.door-left{left:4%;width:29%}.door-center{left:35.5%;width:29%}.door-right{right:4%;width:29%}.door-label{position:absolute;right:5px;bottom:5px;left:5px;padding:9px 5px;border:1px solid rgba(240,211,139,.38);border-radius:13px;background:rgba(2,5,9,.78);backdrop-filter:blur(6px);text-align:center}.door-label strong,.door-label small{display:block}.door-label strong{font-family:Georgia,serif;color:#fff1c2;font-size:10px;line-height:1.15}.door-label small{margin-top:3px;color:#d4d8df;font-size:8px}.door-label b{position:absolute;top:-9px;right:-7px;display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border:1px solid var(--gold);border-radius:999px;background:#07111f;color:var(--gold2);font-size:9px}.hallway-copy{z-index:4}.hallway-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.hallway-actions span{color:var(--muted);font-size:10px;text-align:right}.door-browser-panel{align-self:flex-end}.door-room-list{margin-top:14px;max-height:55dvh;overflow:auto;padding-right:2px}
@media(max-width:370px){.door-label strong{font-size:9px}.door-label small{font-size:7px}.hallway-actions{align-items:stretch;flex-direction:column}.hallway-actions span{text-align:left}}


/* K369 V3.0.3 — immersive Royal Hall entrance */
.lobby-view{background:
  radial-gradient(circle at 50% 7%,rgba(201,155,61,.14),transparent 30%),
  linear-gradient(180deg,#0e111b 0%,#080b12 44%,#03060a 100%)}
.royal-heading{position:relative;padding:2px 2px 0}.royal-heading:after{content:"";display:block;width:56px;height:1px;margin-top:15px;background:linear-gradient(90deg,var(--gold),transparent)}
.royal-heading h2{color:#fff4d6;text-shadow:0 8px 24px rgba(0,0,0,.45)}
.royal-entrance{box-shadow:0 24px 55px rgba(0,0,0,.5),inset 0 0 0 1px rgba(240,211,139,.12)}
.royal-entrance:before{content:"";position:absolute;inset:7px;z-index:2;pointer-events:none;border:1px solid rgba(240,211,139,.2);border-radius:18px;box-shadow:inset 0 0 30px rgba(0,0,0,.34)}
.foyer-topline{position:absolute;top:13px;right:14px;left:14px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid rgba(240,211,139,.26);border-radius:999px;background:rgba(2,5,9,.68);backdrop-filter:blur(8px);color:#f4e2ad;font-size:8px;font-weight:800;letter-spacing:.11em}
.live-access{display:inline-flex;align-items:center;gap:5px;color:#d9e7dd}.live-access i{width:6px;height:6px;border-radius:50%;background:#65d498;box-shadow:0 0 0 4px rgba(101,212,152,.12);animation:livePulse 1.35s infinite}@keyframes livePulse{50%{opacity:.45;transform:scale(.8)}}
.door-button{transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.door-button:hover,.door-button:focus-visible,.door-button:active{border-color:rgba(240,211,139,.72);background:linear-gradient(180deg,rgba(201,155,61,.06),rgba(201,155,61,.14));box-shadow:inset 0 0 28px rgba(240,211,139,.12);transform:translateY(-1px)}
.door-label{padding:10px 6px 11px;border-color:rgba(240,211,139,.48);background:linear-gradient(180deg,rgba(10,9,8,.67),rgba(2,5,9,.9));box-shadow:0 12px 25px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.03)}
.door-label em{display:block;margin-bottom:3px;color:var(--gold);font-size:7px;font-style:normal;font-weight:900;letter-spacing:.16em}
.door-label strong{font-size:10px;text-shadow:0 2px 9px rgba(0,0,0,.8)}
.door-label small{color:#f1f1ee;font-size:7px;opacity:.8}
.door-label b{top:-10px;right:-8px;min-width:25px;height:25px;border-color:#e1bd61;background:radial-gradient(circle at 35% 30%,#253a53,#06101b 70%);box-shadow:0 5px 14px rgba(0,0,0,.45)}
.hallway-copy{right:19px;bottom:17px;left:19px;padding-top:12px;border-top:1px solid rgba(240,211,139,.22)}
.hallway-copy strong{font-size:18px}.hallway-copy span{max-width:52%;line-height:1.35}
.salon-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.salon-benefits span{display:grid;place-items:center;gap:2px;min-height:50px;padding:7px 4px;border:1px solid rgba(240,211,139,.18);border-radius:13px;background:linear-gradient(180deg,rgba(18,27,39,.86),rgba(6,10,16,.9));color:#d7dbe1;font-size:8px;text-align:center}.salon-benefits b{color:var(--gold2);font-family:Georgia,serif;font-size:14px}
.premium-actions{padding:11px;border:1px solid rgba(240,211,139,.16);border-radius:16px;background:rgba(7,12,19,.82)}
.create-table-button{background:linear-gradient(180deg,rgba(201,155,61,.2),rgba(201,155,61,.08));box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.door-browser-panel{border-color:rgba(240,211,139,.48);background:
  radial-gradient(circle at 50% 0,rgba(201,155,61,.16),transparent 28%),
  linear-gradient(180deg,#162234,#050a11)}
.door-browser-panel:before{content:"";display:block;width:54px;height:4px;margin:-9px auto 12px;border-radius:999px;background:rgba(240,211,139,.34)}
.door-room-list .room-card{border-color:rgba(240,211,139,.15);background:linear-gradient(145deg,rgba(19,33,51,.98),rgba(5,10,17,.98));box-shadow:0 11px 22px rgba(0,0,0,.22)}
.door-room-list .room-card:hover{border-color:rgba(240,211,139,.55);transform:translateY(-1px)}
@media(max-width:370px){.foyer-topline{font-size:7px}.salon-benefits span{font-size:7px}.door-label em{font-size:6px}.door-label strong{font-size:9px}}

/* K369 V3.0.4 — high-resolution Royal Hall + room lifecycle controls */
.active-room-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 15px;padding:13px 14px;border:1px solid rgba(240,211,139,.42);border-radius:17px;background:linear-gradient(135deg,rgba(201,155,61,.14),rgba(8,18,30,.96));box-shadow:0 12px 28px rgba(0,0,0,.22)}
.active-room-banner.hidden{display:none}.active-room-banner strong,.active-room-banner small{display:block}.active-room-banner strong{margin-top:2px;color:#fff4d1;font-family:Georgia,serif;font-size:15px}.active-room-banner small{margin-top:3px;color:var(--muted);font-size:9px}.active-room-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.text-button{border:0;background:transparent;color:var(--gold2);font-weight:800;cursor:pointer}.danger-text{color:#ff9ca0}.danger-button{border-color:rgba(231,102,107,.42)!important;color:#ffb2b5!important;background:rgba(118,28,33,.16)!important}
.hallway-stage{aspect-ratio:496/790;max-height:none;background:#090a0d;isolation:isolate}.hallway-stage img{image-rendering:auto;object-fit:cover;object-position:center;width:100%;height:100%;filter:saturate(1.04) contrast(1.03)}
.hallway-overlay{background:linear-gradient(180deg,rgba(2,5,9,.02) 0%,rgba(2,5,9,.02) 62%,rgba(2,5,9,.52) 100%)}
.royal-entrance{border-color:rgba(240,211,139,.48);box-shadow:0 24px 60px rgba(0,0,0,.56),0 0 0 1px rgba(240,211,139,.09),inset 0 0 0 1px rgba(240,211,139,.14)}
.royal-entrance:before{inset:8px;border-color:rgba(240,211,139,.24);box-shadow:inset 0 0 26px rgba(0,0,0,.16)}
.foyer-topline{background:linear-gradient(90deg,rgba(8,8,8,.72),rgba(37,25,15,.78),rgba(8,8,8,.72));backdrop-filter:none}
.door-hotspots{z-index:4}.door-button{top:25%;height:51%;border-radius:14px}.door-button:hover,.door-button:focus-visible,.door-button:active{border-color:rgba(242,210,123,.82);background:linear-gradient(180deg,rgba(242,210,123,.02),rgba(242,210,123,.11));box-shadow:inset 0 0 40px rgba(240,211,139,.11),0 0 22px rgba(240,211,139,.08);transform:none}
.door-count{position:absolute;right:7px;top:7px;display:grid;place-items:center;min-width:39px;padding:5px 7px;border:1px solid rgba(240,211,139,.72);border-radius:999px;background:rgba(3,7,12,.86);box-shadow:0 7px 18px rgba(0,0,0,.48);backdrop-filter:none}.door-count b,.door-count small{display:block}.door-count b{color:#fff1bd;font-size:11px;line-height:1}.door-count small{margin-top:2px;color:#e7d7aa;font-size:6px;font-weight:900;letter-spacing:.1em}.door-count.live{border-color:rgba(100,231,160,.68)}.door-count.live:before{content:"";width:6px;height:6px;margin-bottom:2px;border-radius:50%;background:#66dda0;box-shadow:0 0 9px rgba(102,221,160,.8)}
.hallway-copy{right:20px;bottom:17px;left:20px;padding:11px 13px;border:1px solid rgba(240,211,139,.26);border-radius:14px;background:linear-gradient(90deg,rgba(2,5,9,.84),rgba(10,14,19,.66));backdrop-filter:none}.hallway-copy strong{font-size:16px}.hallway-copy span{font-size:9px}
.salon-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:11px}.salon-selector button{min-width:0;padding:11px 6px;border:1px solid rgba(240,211,139,.22);border-radius:15px;background:linear-gradient(180deg,rgba(18,30,47,.96),rgba(6,12,20,.98));color:#fff;text-align:center;cursor:pointer}.salon-selector button:hover,.salon-selector button:focus-visible{border-color:rgba(240,211,139,.65);outline:none}.salon-selector span,.salon-selector strong,.salon-selector small{display:block}.salon-selector span{width:27px;height:27px;margin:0 auto 6px;display:grid;place-items:center;border:1px solid rgba(240,211,139,.48);border-radius:50%;color:var(--gold2);font-size:9px}.salon-selector strong{color:#fff1c6;font-family:Georgia,serif;font-size:10px;line-height:1.15}.salon-selector small{margin-top:4px;color:var(--muted);font-size:7px}.salon-benefits{margin-top:12px}
.match-management{display:grid;gap:8px;margin-top:12px}.match-management .secondary-button,.match-management .text-button{width:100%}
#roomExitModal .modal-panel,#activeConflictModal .modal-panel{border-color:rgba(240,211,139,.45)}
@media(max-width:370px){.active-room-banner{align-items:flex-start;flex-direction:column}.active-room-actions{width:100%;justify-content:flex-end}.salon-selector{gap:5px}.salon-selector button{padding:9px 3px}.salon-selector strong{font-size:9px}.door-count{right:4px;top:5px;min-width:34px;padding:4px 5px}}

/* K369 V3.0.5 — presence cleanup + futuristic lobby/table/cards */
:root{--cyan:#55d8ff;--cyan2:#8beaff;--tech:#071424;--tech2:#0b233b;--techline:rgba(91,218,255,.34)}
.lobby-view,.waiting-view,.table-view{background:
  linear-gradient(135deg,rgba(77,205,255,.035) 25%,transparent 25%) 0 0/28px 28px,
  linear-gradient(225deg,rgba(77,205,255,.025) 25%,transparent 25%) 0 0/28px 28px,
  radial-gradient(circle at 50% 0,rgba(66,190,255,.16),transparent 34%),
  linear-gradient(180deg,#0a1220,#02050a 72%)}
.future-heading{margin-bottom:13px;padding:2px 2px 0}.future-heading h2{margin:4px 0 5px;color:#f7fbff;font-family:Georgia,serif;font-size:25px}.future-heading p{font-size:11px}.future-heading .eyebrow{color:var(--cyan2)}
.future-lobby-stage{position:relative;overflow:hidden;width:100%;aspect-ratio:1079/1528;border:1px solid rgba(117,225,255,.5);border-radius:25px;background:#09111c;box-shadow:0 28px 70px rgba(0,0,0,.58),0 0 0 1px rgba(89,215,255,.08),inset 0 0 45px rgba(62,190,244,.08);isolation:isolate}
.future-lobby-stage:before{content:"";position:absolute;inset:8px;z-index:4;pointer-events:none;border:1px solid rgba(139,234,255,.18);border-radius:18px;box-shadow:inset 0 0 28px rgba(73,201,255,.06)}
.future-lobby-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.08) contrast(1.07) brightness(.9)}
.future-lobby-vignette{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(1,5,11,.08),transparent 38%,rgba(1,5,11,.2) 68%,rgba(1,5,11,.82)),radial-gradient(circle at 50% 44%,transparent 34%,rgba(1,4,10,.22) 78%)}
.future-lobby-status{position:absolute;top:13px;right:14px;left:14px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid rgba(105,222,255,.32);border-radius:999px;background:rgba(4,12,23,.76);color:#dff8ff;font-size:8px;font-weight:900;letter-spacing:.11em;box-shadow:0 8px 24px rgba(0,0,0,.34)}
.future-lobby-status span{display:flex;align-items:center;gap:6px}.future-lobby-status i{width:7px;height:7px;border-radius:50%;background:#63e8a9;box-shadow:0 0 0 4px rgba(99,232,169,.12),0 0 11px rgba(99,232,169,.72);animation:livePulse 1.4s infinite}.future-lobby-status strong{color:#9bdfff;font-size:7px}
.future-door-grid{position:absolute;top:31%;right:3.8%;left:3.8%;height:39%;z-index:5}.future-door{position:absolute;top:0;height:100%;padding:0;border:1px solid transparent;border-radius:34% 34% 15px 15px;background:transparent;color:#fff;cursor:pointer;transition:.18s}.future-door:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(89,216,255,.06);transition:.18s}.future-door:hover,.future-door:focus-visible,.future-door:active{outline:none;border-color:rgba(106,227,255,.75);background:linear-gradient(180deg,rgba(72,207,255,.02),rgba(72,207,255,.13));box-shadow:0 0 26px rgba(55,192,255,.24),inset 0 0 38px rgba(62,201,255,.12);transform:translateY(-1px)}
.future-door-left{left:0;width:30%}.future-door-center{left:35%;width:30%}.future-door-right{right:0;width:30%}
.future-door-number{position:absolute;top:-33px;left:50%;display:grid;place-items:center;width:31px;height:31px;transform:translateX(-50%);border:1px solid rgba(109,227,255,.55);border-radius:10px;background:rgba(4,13,24,.88);color:#c5f4ff;font-size:9px;font-weight:900;box-shadow:0 0 18px rgba(68,204,255,.16)}
.future-door-copy{position:absolute;right:4px;bottom:5px;left:4px;padding:9px 4px;border:1px solid rgba(103,226,255,.46);border-radius:12px;background:linear-gradient(180deg,rgba(5,15,26,.73),rgba(2,7,14,.94));box-shadow:0 10px 25px rgba(0,0,0,.52),inset 0 0 18px rgba(71,204,255,.05)}
.future-door-copy strong,.future-door-copy small{display:block}.future-door-copy strong{color:#e6fbff;font-size:9px;letter-spacing:.08em;text-shadow:0 0 11px rgba(88,220,255,.35)}.future-door-copy small{margin-top:4px;color:#9ccbd7;font-size:6.5px}.future-door-copy b{color:#fff1b6;font-size:8px}
.future-floor-copy{position:absolute;right:19px;bottom:19px;left:19px;z-index:5;display:flex;align-items:end;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid rgba(94,218,255,.28)}.future-floor-copy span{color:#e3faff;font-family:Georgia,serif;font-size:15px}.future-floor-copy strong{color:#93c9d6;font-size:8px;font-weight:700}
.future-salon-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:11px}.future-salon-strip button{min-width:0;padding:10px 5px;border:1px solid rgba(81,211,251,.24);border-radius:14px;background:linear-gradient(180deg,rgba(13,35,57,.96),rgba(4,11,20,.98));color:#fff;text-align:center;cursor:pointer;box-shadow:inset 0 0 14px rgba(58,196,241,.03)}.future-salon-strip button:focus-visible,.future-salon-strip button:hover{outline:none;border-color:rgba(98,226,255,.66)}.future-salon-strip span,.future-salon-strip strong,.future-salon-strip small{display:block}.future-salon-strip span{width:29px;height:29px;margin:0 auto 5px;display:grid;place-items:center;border:1px solid rgba(95,222,255,.47);border-radius:10px;color:#bff4ff;font-size:8px}.future-salon-strip strong{font-size:9px}.future-salon-strip small{margin-top:3px;color:#88aab8;font-size:7px}.future-lobby-actions{margin-top:11px;padding:11px;border:1px solid rgba(91,218,255,.2);border-radius:16px;background:rgba(6,17,29,.82);text-align:center}.future-lobby-actions small{display:block;margin-top:7px;color:#7999a8;font-size:8px}.future-lobby-actions .primary-button{background:linear-gradient(180deg,#b7ebf7,#67a7bd);border-color:#d8f8ff;color:#041018;text-shadow:none}
.active-room-banner{border-color:rgba(82,216,255,.44);background:linear-gradient(135deg,rgba(52,184,233,.14),rgba(5,18,31,.97))}.active-room-banner .eyebrow{color:#9ae8ff}.active-room-banner strong{color:#ecfbff}

/* Futuristic table and waiting room */
.status-strip{border-color:rgba(83,214,255,.27);background:linear-gradient(180deg,rgba(14,38,62,.78),rgba(5,15,27,.9));box-shadow:inset 0 0 18px rgba(57,191,238,.04)}.status-strip strong{color:#a8ecff}
.presence-notice{display:grid;gap:4px;margin:9px 0;padding:9px 11px;border:1px solid rgba(255,179,72,.38);border-radius:12px;background:rgba(105,58,8,.18);color:#ffdca2;font-size:9px;line-height:1.35}.presence-notice.hidden{display:none}.table-presence{position:absolute;top:8px;right:10px;left:10px;z-index:7;margin:0;background:rgba(55,29,4,.9);text-align:center}
.waiting-scroll{background:linear-gradient(180deg,rgba(7,22,38,.46),transparent)}.waiting-table-wrap{height:390px;margin:12px 0 18px}.waiting-table{inset:70px 49px;border:8px solid #274257;border-radius:38px;background:radial-gradient(circle at 50% 43%,rgba(71,204,255,.2),transparent 36%),linear-gradient(145deg,#102f4a,#071a2b 72%);box-shadow:inset 0 0 0 2px rgba(138,232,255,.24),inset 0 0 44px rgba(55,191,240,.14),0 0 31px rgba(38,165,217,.13)}.waiting-table:before,.game-table:before{content:"";position:absolute;inset:9px;border:1px solid rgba(107,226,255,.18);border-radius:29px;pointer-events:none}.waiting-table span{color:#f3cf75;font-size:54px;text-shadow:0 0 22px rgba(236,196,92,.23)}.waiting-table strong{color:#dff8ff;font-size:11px;text-shadow:0 0 12px rgba(81,215,255,.42)}
.waiting-seat,.table-seat{z-index:2}.waiting-seat .avatar,.table-seat .avatar{position:relative;overflow:visible;border-color:#5edaff;background:radial-gradient(circle at 50% 28%,#85ddf3 0 7%,#277394 8% 25%,#071c30 57%);color:#dff9ff;box-shadow:0 0 0 4px rgba(72,203,244,.08),0 0 19px rgba(68,202,245,.24)}.waiting-seat .avatar:before,.table-seat .avatar:before{content:"";position:absolute;inset:-7px;border:1px dashed rgba(112,228,255,.43);border-radius:50%;animation:holoSpin 9s linear infinite}.waiting-seat .avatar i,.table-seat .avatar i{position:absolute;left:50%;bottom:-18px;width:36px;height:19px;transform:translateX(-50%);border-radius:50% 50% 20% 20%;background:linear-gradient(180deg,rgba(80,215,255,.32),rgba(80,215,255,0));filter:blur(.2px)}@keyframes holoSpin{to{transform:rotate(360deg)}}
.waiting-seat strong,.table-seat strong{color:#f4fbff;text-shadow:0 0 10px rgba(82,215,255,.25)}.waiting-seat small,.table-seat small{color:#8fc2d0}.waiting-seat.empty .avatar{border-style:solid;opacity:.62}.waiting-seat.offline .avatar,.table-seat.offline .avatar{border-color:#e3a14d;filter:saturate(.45);box-shadow:0 0 0 4px rgba(227,161,77,.08),0 0 15px rgba(227,161,77,.17)}.waiting-seat.offline small,.table-seat.offline small{color:#ffc77f}.waiting-seat.team1 .avatar{box-shadow:0 0 0 5px rgba(94,218,255,.12),0 0 20px rgba(94,218,255,.22)}.waiting-seat.team2 .avatar{border-color:#d9b65a;box-shadow:0 0 0 5px rgba(217,182,90,.1),0 0 20px rgba(217,182,90,.18)}
.panel-block{position:relative;overflow:hidden;border-color:rgba(83,213,252,.26);background:linear-gradient(145deg,rgba(15,40,64,.93),rgba(5,15,27,.97));box-shadow:inset 0 0 30px rgba(44,178,227,.035)}.panel-block:before{content:"";position:absolute;top:0;right:0;width:92px;height:54px;background:linear-gradient(135deg,transparent 48%,rgba(89,217,255,.15) 49% 51%,transparent 52%) 0 0/13px 13px;opacity:.35}.panel-block .eyebrow{color:#8ce7ff}.partner-button{border-color:rgba(87,216,255,.22);background:rgba(30,92,122,.08)}.partner-button:not(:disabled):hover{border-color:rgba(94,225,255,.58)}
.table-header{border-bottom-color:rgba(80,214,255,.22);background:rgba(3,11,20,.95)}.role-badge{border-color:rgba(94,221,255,.44);color:#b7efff}.score-strip{background:rgba(87,216,255,.18)}.score-cell{background:linear-gradient(180deg,#0c2237,#06111f)}.score-cell strong{color:#dcefff}.score-cell small{color:#89b7c7}.game-stage{padding-top:83px;background:
  linear-gradient(90deg,rgba(68,198,243,.035) 1px,transparent 1px) 0 0/22px 22px,
  linear-gradient(rgba(68,198,243,.025) 1px,transparent 1px) 0 0/22px 22px,
  radial-gradient(circle at 50% 35%,rgba(51,194,246,.17),transparent 39%),linear-gradient(180deg,#081b2d,#02070d 78%)}.game-table{border:9px solid #27445a;border-radius:42px;background:radial-gradient(circle at 50% 44%,rgba(78,210,250,.2),transparent 35%),linear-gradient(145deg,#0d3551,#071c2c 72%);box-shadow:inset 0 0 0 2px rgba(140,233,255,.25),inset 0 0 45px rgba(53,188,238,.12),0 25px 55px rgba(0,0,0,.44),0 0 35px rgba(40,166,217,.1)}.felt-mark{color:#d7b75e;text-shadow:0 0 20px rgba(227,190,89,.22)}.table-seat.turn .avatar{border-color:#f4d06f;box-shadow:0 0 0 5px rgba(244,208,111,.14),0 0 27px rgba(244,208,111,.34);animation:turnPulse 1.05s infinite}.table-message{border-color:rgba(82,216,255,.3);background:rgba(3,13,23,.8);color:#bfeeff}.action-panel{border-color:rgba(83,217,255,.34);background:linear-gradient(180deg,rgba(6,19,32,.98),rgba(2,8,15,.99));box-shadow:0 18px 45px rgba(0,0,0,.5),inset 0 0 22px rgba(47,185,232,.03)}.phase-heading{color:#e8faff}.bid-button{border-color:rgba(91,221,255,.25);background:linear-gradient(180deg,rgba(28,82,108,.34),rgba(5,17,29,.8));color:#dff9ff}.bid-button:not(:disabled):hover{border-color:#72dcf7}

/* Traditional, readable K369 card faces */
.hand-card,.played-card{overflow:hidden;padding:0;border-radius:6px;background:linear-gradient(145deg,#fff,#f4f5f8 73%);color:#101216;box-shadow:0 5px 13px rgba(0,0,0,.34),inset 0 0 0 1px rgba(15,28,42,.08)}.hand-card{flex-basis:50px;height:78px}.played-card{width:55px;height:82px}.hand-card.red,.played-card.red{color:#ce1725}.hand-card:disabled{opacity:.48;filter:saturate(.72)}.hand-card.legal:not(:disabled){border-color:#62d9f8;box-shadow:0 0 0 1px rgba(98,217,248,.45),0 5px 16px rgba(0,0,0,.35)}
.card-face{position:relative;display:block;width:100%;height:100%;color:#101216;font-family:Georgia,"Times New Roman",serif}.card-face.is-red{color:#d01a28}.card-corner{position:absolute;z-index:3;display:grid;justify-items:center;line-height:.84}.card-corner b{font-size:13px}.card-corner i{font-size:11px;font-style:normal}.card-corner.top{top:4px;left:4px}.card-corner.bottom{right:4px;bottom:4px;transform:rotate(180deg)}.card-center{position:absolute;inset:12px 8px;display:grid;place-items:center}.ace-symbol{font-size:28px;text-shadow:0 1px 0 #fff}.face-medallion{position:relative;display:grid;place-items:center;width:31px;height:45px;border:1px solid currentColor;border-radius:4px;background:linear-gradient(135deg,rgba(56,128,172,.22),rgba(211,166,72,.16));box-shadow:inset 0 0 0 2px rgba(255,255,255,.55)}.face-medallion b{font-size:19px;line-height:1}.face-medallion i{font-size:13px;font-style:normal}.face-medallion em{position:absolute;bottom:1px;color:#7b6040;font-family:system-ui,sans-serif;font-size:4px;font-style:normal;letter-spacing:.12em}.pip-field{position:absolute;inset:0}.pip{position:absolute;font-size:11px;font-style:normal;line-height:1;transform:translate(-50%,-50%)}.pip.tl{left:27%;top:18%}.pip.tr{left:73%;top:18%}.pip.tc{left:50%;top:23%}.pip.tc2{left:50%;top:31%}.pip.ml{left:27%;top:50%}.pip.mr{left:73%;top:50%}.pip.mc{left:50%;top:50%}.pip.mcl{left:39%;top:50%}.pip.mcr{left:61%;top:50%}.pip.bl{left:27%;top:82%;transform:translate(-50%,-50%) rotate(180deg)}.pip.br{left:73%;top:82%;transform:translate(-50%,-50%) rotate(180deg)}.pip.bc{left:50%;top:77%;transform:translate(-50%,-50%) rotate(180deg)}.pip.bc2{left:50%;top:69%;transform:translate(-50%,-50%) rotate(180deg)}
.played-card .card-corner b{font-size:14px}.played-card .card-corner i{font-size:12px}.played-card .pip{font-size:12px}.played-card .ace-symbol{font-size:31px}.played-card .face-medallion{width:35px;height:50px}.played-card .face-medallion b{font-size:21px}

/* Futuristic table gallery */
.door-browser-panel{border-color:rgba(86,218,255,.48);background:radial-gradient(circle at 50% 0,rgba(50,190,241,.16),transparent 28%),linear-gradient(180deg,#102b47,#040b13)}.door-browser-panel:before{background:rgba(102,226,255,.43)}.future-room-card{grid-template-columns:39px 1fr auto;gap:10px;border-color:rgba(83,214,255,.18)!important;background:linear-gradient(145deg,rgba(12,42,65,.98),rgba(3,12,22,.99))!important;box-shadow:0 12px 25px rgba(0,0,0,.29),inset 0 0 18px rgba(52,192,240,.025)!important}.future-room-card:hover{border-color:rgba(101,225,255,.62)!important}.future-room-index{display:grid;place-items:center;width:38px;height:48px;border:1px solid rgba(91,221,255,.38);border-radius:11px;background:rgba(45,158,202,.08);color:#b8efff;font-size:10px;font-weight:900}.future-room-title{display:flex!important;align-items:center;gap:6px}.future-room-title em{padding:3px 5px;border-radius:999px;background:rgba(78,222,155,.13);color:#80efb6;font-size:6px;font-style:normal;font-weight:900}.occupancy-dots{display:flex!important;gap:4px;margin-top:7px}.occupancy-dots i{width:8px;height:8px;border:1px solid rgba(105,225,255,.35);border-radius:50%;background:rgba(255,255,255,.03)}.occupancy-dots i.filled{background:#69ddff;box-shadow:0 0 8px rgba(105,221,255,.55)}.future-room-card .room-tail b{display:block;margin-top:6px;color:#a9eaff;font-size:7px}.future-room-card .room-tail strong{color:#fff}.future-room-card .room-tail small{color:#7fa7b6}

@media(max-width:370px){.future-door-copy strong{font-size:8px}.future-door-copy small{font-size:5.8px}.future-floor-copy span{font-size:13px}.future-room-card{grid-template-columns:34px 1fr auto;padding:10px}.future-room-index{width:34px;height:44px}.hand-card{flex-basis:46px;height:72px}.card-corner b{font-size:12px}.card-corner i{font-size:10px}.pip{font-size:10px}.waiting-table{right:39px;left:39px}}
.modal-seat.offline{border-color:rgba(227,161,77,.38);color:#ffc77f}.modal-seat.offline .seat-dot{border-color:#e3a14d!important;color:#ffc77f!important;filter:saturate(.5)}

/* K369 V3.1.2 platform, wallet, betting and account foundation */
.age-check{display:flex!important;align-items:flex-start;gap:10px;padding:10px 0;font-size:.84rem;color:var(--muted,#aeb9ca)}
.age-check input{width:18px!important;height:18px;margin-top:1px;accent-color:#36b9ff}
.profile-button{-webkit-appearance:none;appearance:none;display:flex;border:1px solid rgba(81,196,255,.22);border-radius:15px;background:linear-gradient(135deg,rgba(9,30,49,.96),rgba(4,13,24,.98));padding:5px 10px 5px 5px;margin:0;text-align:left;cursor:pointer;color:#eefaff;box-shadow:inset 0 0 18px rgba(73,199,255,.035),0 8px 22px rgba(0,0,0,.2)}.profile-button:focus-visible{outline:2px solid rgba(110,223,255,.72);outline-offset:2px}.profile-button strong{color:#fff}.profile-button small{color:#8fb2c4}
.token-balance-chip{border:1px solid rgba(81,196,255,.35);background:linear-gradient(135deg,rgba(14,55,88,.9),rgba(7,20,39,.92));color:#eaf8ff;border-radius:999px;padding:9px 12px;font-weight:800;font-size:.72rem;white-space:nowrap;box-shadow:0 0 18px rgba(34,153,255,.12)}
.admin-link{display:grid;text-decoration:none;place-items:center;font-weight:900;color:#c5efff}
.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px}.section-title-row h3{margin:2px 0 0;font-size:1.25rem}.section-title-row>small{max-width:260px;text-align:right;color:#91a4bd}
.game-registry-section,.reward-video-section{margin:20px 0;padding:18px;border:1px solid rgba(91,184,255,.17);border-radius:22px;background:linear-gradient(150deg,rgba(8,24,44,.92),rgba(4,11,23,.93));box-shadow:0 20px 55px rgba(0,0,0,.25)}
.game-registry{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.game-tile{min-height:112px;border-radius:18px;border:1px solid rgba(107,203,255,.25);background:linear-gradient(145deg,rgba(22,67,105,.74),rgba(5,18,34,.95));color:#effaff;padding:15px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;box-shadow:inset 0 0 26px rgba(45,173,255,.06)}.game-tile>span{font-size:1.65rem;color:#80dbff}.game-tile strong{font-size:.93rem}.game-tile small{font-size:.65rem;color:#91a7be}.game-tile.ready{border-color:rgba(79,220,255,.55);box-shadow:0 0 24px rgba(39,178,255,.14),inset 0 0 25px rgba(47,183,255,.09)}.game-tile.pending{opacity:.72}
.reward-video-list{display:grid;gap:10px}.reward-video-card{display:grid;grid-template-columns:78px 1fr auto;align-items:center;gap:12px;border:1px solid rgba(91,184,255,.18);border-radius:16px;padding:10px;background:rgba(3,12,26,.75)}.reward-thumb{height:58px;border-radius:11px;background:linear-gradient(135deg,#123d64,#071628);background-size:cover;background-position:center;display:grid;place-items:center}.reward-thumb span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(1,8,18,.72);color:#85ddff}.reward-video-card>div:nth-child(2){display:grid;gap:3px}.reward-video-card small{color:#90a3b9;font-size:.7rem}.reward-video-card b{color:#82e4ff;font-size:.78rem}.reward-video-card button{border:1px solid rgba(72,197,255,.35);background:#0d4f7a;color:#fff;border-radius:11px;padding:10px 12px;font-weight:800}.reward-video-card.unavailable{opacity:.56}
.room-finance-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px}.room-finance-line b,.room-finance-line i{font-style:normal;font-size:.62rem;border:1px solid rgba(89,190,255,.2);padding:4px 7px;border-radius:999px;color:#a9def5}.room-finance-line b{color:#75e0ff}
.table-finance-strip,.modal-finance,.bet-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px;border:1px solid rgba(69,190,255,.22);border-radius:15px;background:rgba(4,17,34,.88);margin:10px 0}.table-finance-strip{grid-template-columns:repeat(5,minmax(0,1fr));margin:8px 14px}.table-finance-strip.standard-finance{grid-template-columns:repeat(4,minmax(0,1fr))}.table-finance-strip span,.modal-finance span,.bet-preview span{display:grid;gap:2px;text-align:center;padding:7px;border-radius:10px;background:rgba(21,67,101,.35)}.table-finance-strip small,.modal-finance small,.bet-preview small{font-size:.58rem;text-transform:uppercase;color:#83a1bb;letter-spacing:.06em}.table-finance-strip b,.modal-finance strong,.bet-preview b{font-size:.74rem;color:#def7ff}.table-finance-strip em,.modal-finance em,.bet-preview em{grid-column:1/-1;text-align:center;font-style:normal;font-size:.68rem;color:#78dfff}.table-finance-live{margin-top:0;margin-bottom:0;border-radius:0;border-left:0;border-right:0}
.modal-finance{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-finance em{padding-top:3px}.bet-preview{grid-template-columns:repeat(2,minmax(0,1fr))}
.account-panel{width:min(760px,calc(100vw - 22px));max-height:92vh;overflow:auto}.account-hero{display:flex;align-items:center;gap:14px;margin-bottom:14px}.avatar.large{width:58px;height:58px;font-size:1.2rem}.account-hero h2{margin:2px 0 5px}.player-id-button{border:0;background:transparent;padding:0;color:#78dcff;font-weight:800;cursor:pointer}.level-card,.wallet-grid,.stats-grid{display:grid;gap:8px;margin:10px 0}.level-card{grid-template-columns:repeat(2,1fr)}.wallet-grid,.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.level-card span,.wallet-grid span,.stats-grid span{display:grid;gap:4px;padding:12px;border:1px solid rgba(82,190,255,.18);border-radius:13px;background:rgba(6,25,46,.8)}.level-card small,.wallet-grid small,.stats-grid small{font-size:.58rem;letter-spacing:.06em;color:#87a5bd;text-transform:uppercase}.level-card strong,.wallet-grid strong,.stats-grid strong{font-size:.86rem;color:#e8faff}.account-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.account-actions-grid button{min-height:54px;border:1px solid rgba(69,187,255,.25);background:linear-gradient(145deg,#123d61,#081b31);color:#ecfaff;border-radius:12px;padding:8px;font-weight:800}.account-section{border-top:1px solid rgba(83,180,239,.17);padding-top:14px;margin-top:12px}.account-section h3{margin:8px 0 12px}.account-section textarea{resize:vertical}.history-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.history-list{display:grid;gap:7px;margin-bottom:14px}.history-list>div{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid rgba(67,171,231,.15);background:rgba(5,20,37,.72);border-radius:12px;padding:10px}.history-list span{display:grid;gap:3px;min-width:0}.history-list strong{font-size:.76rem}.history-list small{font-size:.62rem;color:#8ca2b7}.history-list b{font-size:.72rem;white-space:nowrap}.positive{color:#61e6aa!important}.negative{color:#ff8f96!important}
.video-reward-panel{width:min(720px,calc(100vw - 22px))}.video-frame-wrap{aspect-ratio:16/9;border:1px solid rgba(79,198,255,.25);border-radius:15px;overflow:hidden;background:#02070d}.video-frame-wrap iframe{width:100%;height:100%;border:0}.video-watch-status{display:flex;align-items:center;justify-content:space-between;padding:12px 2px}.video-watch-status strong{font-size:1.35rem;color:#79dfff}.video-watch-status span{font-weight:800;color:#d9f5ff}
.standard-bet-panel{border-color:rgba(110,223,255,.3);background:linear-gradient(145deg,rgba(9,42,67,.94),rgba(4,17,31,.98));box-shadow:inset 0 0 30px rgba(55,181,236,.045)}.standard-bet-panel h3{margin-bottom:11px;color:#eafaff}.standard-bet-panel>p{margin:12px 0 0;color:#9bb8c7;font-size:.72rem;line-height:1.55}.standard-bet-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.standard-bet-details span{padding:10px 7px;border:1px solid rgba(99,205,255,.18);border-radius:12px;background:rgba(2,12,23,.48);text-align:center}.standard-bet-details small,.standard-bet-details strong{display:block}.standard-bet-details small{color:#84a8ba;font-size:.58rem;text-transform:uppercase;letter-spacing:.08em}.standard-bet-details strong{margin-top:4px;color:#77e0ff;font-size:.82rem}.standard-bet-details span:last-child strong{color:#ecd17e}
@media(max-width:720px){.profile-button{max-width:185px;padding-right:8px}.profile-button .avatar{flex:0 0 43px}.standard-bet-details{grid-template-columns:repeat(2,1fr)}.header-actions{gap:5px}.token-balance-chip{font-size:.62rem;padding:8px}.game-registry{grid-template-columns:repeat(2,1fr)}.section-title-row{align-items:flex-start;flex-direction:column}.section-title-row>small{text-align:left}.reward-video-card{grid-template-columns:62px 1fr}.reward-video-card>button{grid-column:1/-1}.table-finance-strip{grid-template-columns:repeat(3,1fr);margin-left:8px;margin-right:8px}.table-finance-strip em{grid-column:1/-1}.wallet-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.account-actions-grid{grid-template-columns:repeat(2,1fr)}.history-columns{grid-template-columns:1fr}.future-lobby-actions small{padding:0 10px}.profile-chip span:last-child small{max-width:115px;overflow:hidden;text-overflow:ellipsis}}
.account-panel textarea{width:100%;min-width:0;padding:12px 13px;border:1px solid #2b3b50;border-radius:12px;background:#07101b;color:#fff;outline:none;font:inherit}.account-panel textarea:focus{border-color:#49bff7}
.reward-thumb{position:relative;overflow:hidden}.reward-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reward-thumb span{position:relative;z-index:1}

/* V3.1.2 standard automatic teams and total table bet */
.automatic-team-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border:1px solid rgba(87,216,255,.22);border-radius:13px;background:rgba(30,92,122,.08)}
.automatic-team-row span{color:#8ce7ff;font-size:10px;font-weight:900;letter-spacing:.14em}
.automatic-team-row strong{font-size:12px;text-align:right}

@media(max-width:480px){.profile-button{max-width:148px}.profile-button strong{font-size:.78rem}.profile-button small{font-size:.56rem}.profile-button .avatar{width:38px;height:38px;flex-basis:38px}.header-actions{margin-left:auto}}


/* K369 V3.1.3 flexible Standard bets, fixed mobile modals and swipe tables */
body.modal-open{overflow:hidden;overscroll-behavior:none}
.modal-panel{scrollbar-width:thin;scrollbar-color:rgba(104,213,255,.45) transparent}
.modal-panel::-webkit-scrollbar{width:4px}.modal-panel::-webkit-scrollbar-thumb{border-radius:99px;background:rgba(104,213,255,.45)}
#createRoomModal .modal-panel,#roomModal .modal-panel{scroll-padding-top:18px}
.door-browser-panel{display:flex;flex-direction:column;width:min(480px,100%);height:min(760px,calc(100dvh - max(16px,var(--safe-top)) - max(16px,var(--safe-bottom))));max-height:none;overflow:hidden;padding:22px 14px 14px}
.door-browser-panel>h2,.door-browser-panel>p,.door-browser-panel>.game-badge{flex:0 0 auto}
.door-carousel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 12px;color:#8fb3c5;font-size:10px}
.door-carousel-toolbar>div{display:flex;gap:7px}.door-carousel-toolbar button{width:35px;height:35px;border:1px solid rgba(94,218,255,.3);border-radius:11px;background:linear-gradient(145deg,rgba(16,55,83,.95),rgba(4,15,27,.98));color:#dcf8ff;font-size:22px;line-height:1;cursor:pointer}
.door-room-list{display:flex!important;flex:1 1 auto;align-items:stretch;gap:12px;min-height:0;overflow-x:auto;overflow-y:hidden;padding:2px 7% 8px 1px;scroll-snap-type:x mandatory;scroll-padding-left:1px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.door-room-list::-webkit-scrollbar{display:none}
.future-table-slide{position:relative;flex:0 0 min(84%,350px);min-height:100%;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;border:1px solid rgba(89,218,255,.36);border-radius:24px;background:radial-gradient(circle at 50% 18%,rgba(43,148,199,.24),transparent 34%),linear-gradient(165deg,#15334d 0%,#07131f 48%,#02070d 100%);color:#fff;padding:13px;display:flex;flex-direction:column;text-align:left;box-shadow:inset 0 0 38px rgba(55,189,239,.06),0 20px 45px rgba(0,0,0,.35);cursor:pointer}
.future-table-slide::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 36%,rgba(135,230,255,.06) 50%,transparent 64%);pointer-events:none}
.table-slide-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.table-slide-top>b{display:grid;place-items:center;width:38px;height:31px;border:1px solid rgba(95,222,255,.45);border-radius:10px;color:#bff5ff;font-size:11px}.table-slide-top>em{font-style:normal;font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#8de8ff}
.table-door-visual{position:relative;display:grid;place-items:center;flex:1 1 230px;min-height:220px;margin:12px 9px 10px;border:1px solid rgba(91,214,255,.18);border-radius:23px;background:linear-gradient(180deg,rgba(12,31,48,.35),rgba(1,7,13,.64));overflow:hidden}
.table-door-visual::before{content:"";position:absolute;inset:10% 18% 0;border:2px solid rgba(93,224,255,.62);border-bottom:0;border-radius:50% 50% 12px 12px/30% 30% 5px 5px;box-shadow:0 0 24px rgba(74,204,255,.24),inset 0 0 28px rgba(52,170,229,.08)}
.table-door-arch{position:absolute;inset:18% 24% 3%;border:1px solid rgba(234,209,133,.28);border-radius:48% 48% 9px 9px/25% 25% 5px 5px;background:linear-gradient(180deg,#142b3e,#07111d 55%,#02060b);box-shadow:inset 0 0 25px rgba(62,188,239,.09)}
.table-door-crown{position:relative;z-index:2;margin-top:-22px;color:#e8ca75;font-size:39px;text-shadow:0 0 18px rgba(233,201,112,.28)}
.table-door-number{position:absolute;z-index:2;bottom:18%;display:grid;place-items:center;width:60px;height:60px;border:1px solid rgba(91,221,255,.6);border-radius:50%;background:rgba(3,14,24,.9);color:#d7f7ff;font-family:Georgia,serif;font-size:22px;box-shadow:0 0 24px rgba(60,199,255,.22)}
.table-slide-copy{position:relative;z-index:2;display:grid;gap:5px}.table-slide-copy>strong{font-family:Georgia,serif;color:#fff1c7;font-size:21px}.table-slide-copy>small{color:#91aebe;font-size:10px}
.table-slide-finance{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.table-slide-finance b,.table-slide-finance i{font-style:normal;padding:5px 8px;border:1px solid rgba(88,205,255,.22);border-radius:999px;color:#a9deef;font-size:8px}.table-slide-finance b{color:#75e3ff}
.table-slide-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px}.table-slide-bottom>span:last-child{text-align:right}.table-slide-bottom b,.table-slide-bottom small{display:block}.table-slide-bottom b{color:#fff;font-size:15px}.table-slide-bottom small{color:#7f9aaa;font-size:8px}.table-slide-action{margin-top:9px;padding:11px;border:1px solid rgba(231,199,110,.4);border-radius:12px;background:linear-gradient(180deg,rgba(217,174,74,.18),rgba(106,72,14,.12));color:#f2d98e;font-weight:900;text-align:center;font-size:11px}
.empty-carousel-note{flex:0 0 100%;align-self:center;padding:24px}
.standard-bet-controls{display:grid;gap:10px;margin-top:12px}
.standard-bet-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.standard-bet-presets button{min-height:40px;border:1px solid rgba(90,206,255,.25);border-radius:11px;background:rgba(5,22,38,.8);color:#dff7ff;font-size:10px;font-weight:800;cursor:pointer}.standard-bet-presets button.selected{border-color:#e4c66f;background:linear-gradient(180deg,rgba(207,164,63,.24),rgba(110,73,10,.16));color:#ffe7a1;box-shadow:0 0 16px rgba(217,177,77,.1)}
.standard-custom-bet{display:grid;grid-template-columns:1fr 108px;align-items:end;gap:8px}.standard-custom-bet label{font-size:10px}.standard-custom-bet input{padding:10px 11px}.standard-custom-bet .secondary-button{margin:0;height:42px;padding:8px}
#standardBetMessage{min-height:0;margin-top:7px}
@media(max-width:480px){
  .modal{align-items:flex-start;overflow:hidden;overscroll-behavior:none;padding:max(8px,var(--safe-top)) 6px max(8px,var(--safe-bottom))}
  .modal-panel{max-height:calc(100svh - max(16px,var(--safe-top)) - max(16px,var(--safe-bottom)));margin:0 auto;border-radius:21px;overscroll-behavior-y:contain}
  .door-browser-panel{height:calc(100svh - max(16px,var(--safe-top)) - max(16px,var(--safe-bottom)));padding-left:11px;padding-right:11px}
  .future-table-slide{flex-basis:88%;border-radius:21px}
  .table-door-visual{min-height:205px}
}