body,body[data-theme=teras],body[data-theme=obsidyen]{background-image:linear-gradient(0deg,#100b19d9,#120c1826 70%),var(--scene-art,url('/assets/lounge.png'))}
body[data-theme=teras]{--gold:#bfc0de;--gold-light:#efedff;--purple:#57518a;--felt:#242244}
body[data-theme=obsidyen]{--gold:#c88b70;--gold-light:#f7cbb2;--purple:#4d2737;--felt:#2d1320}
.table-rim,body[data-theme=teras] .table-rim,body[data-theme=obsidyen] .table-rim{background-image:var(--table-art,url('/assets/table.png'));filter:none}
:root,[data-deck=royal]{
 --court-art:url('/assets/court.png');--card-paper:radial-gradient(ellipse at 30% 20%,#fffdf0,#f3e6cc 76%,#e6d1ae);--card-outline:#ac874e;--card-ink:#15111c;--card-etch:#b9904538;
 --card-shadow:0 3px 7px #0005,inset 0 0 0 2px #fffbdd,inset 0 0 0 4px #dfc294;--court-edge:#c6a465;--court-inset:#cfb07c;--badge-paper:#f6e9cf;--card-caption:#8f6c33;
 --back-paper:repeating-linear-gradient(45deg,#b48b581b 0px,#b48b581b 1px,transparent 1px,transparent 7px),repeating-linear-gradient(-45deg,#b48b581b 0px,#b48b581b 1px,transparent 1px,transparent 7px),radial-gradient(#64265e,#2b123e);--back-edge:#c4a568;--back-symbol:#d4ae63;--back-ring:#c9a15999;--back-transform:none;--back-radius:40%;--back-font:28px;--back-glow:transparent;
}
[data-deck=amethyst]{
 --court-art:url('/assets/court-amethyst.png');--card-paper:radial-gradient(ellipse at 30% 15%,#fcfdff,#ebeaf7 76%,#d4d1e9);--card-outline:#9993b4;--card-ink:#24163b;--card-etch:#766b9838;
 --card-shadow:0 3px 7px #0006,inset 0 0 0 2px #fff,inset 0 0 0 4px #b7b1d0;--court-edge:#ada5c2;--court-inset:#c7c2da;--badge-paper:#f0edf8;--card-caption:#675082;
 --back-paper:linear-gradient(45deg,transparent 44%,#b9a7ee22 45%,#b9a7ee22 46%,transparent 47%),linear-gradient(-45deg,transparent 44%,#b9a7ee22 45%,#b9a7ee22 46%,transparent 47%),radial-gradient(ellipse at 50% 35%,#5a3a8d,#1e183d 80%);--back-edge:#b4aad1;--back-symbol:#dfd6ff;--back-ring:#d8c9ff99;--back-transform:rotate(45deg);--back-radius:9px;--back-font:22px;--back-glow:radial-gradient(#8260bc33,transparent);
}
.card{background:var(--card-paper);color:var(--card-ink);border-color:var(--card-outline);box-shadow:var(--card-shadow)}
.card::after{border-color:var(--card-etch)}.court-art{background-image:var(--court-art);border-color:var(--court-edge);box-shadow:inset 0 0 0 2px var(--court-inset)}.court-suit{background:var(--badge-paper);border-color:var(--court-edge)}.ace-caption{color:var(--card-caption)}
.card-back{background:var(--back-paper);border-color:var(--back-edge);box-shadow:inset 0 0 0 2px #191026,inset 0 0 0 3px var(--back-edge),0 2px 4px #0006}.card-back>span{color:var(--back-symbol);border-color:var(--back-ring);border-radius:var(--back-radius);transform:var(--back-transform);font-size:var(--back-font);background:var(--back-glow)}
.deck-section{margin-bottom:20px}.collection-label{font-size:8px;letter-spacing:2px;color:var(--gold);display:block;margin-bottom:9px}.deck-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.deck-choice{position:relative;background:#140d1cb3;border:1px solid #93809644;border-radius:9px;padding:10px 12px 9px;display:grid;grid-template-columns:60px 1fr;grid-template-rows:1fr 1fr;text-align:left;column-gap:8px;min-width:0}
.deck-choice.chosen{border-color:var(--gold);background:linear-gradient(145deg,#51406644,#211529);box-shadow:inset 0 0 0 2px #d9b9f60b}.deck-choice.chosen::after{content:'✓';position:absolute;right:6px;top:4px;color:var(--gold);font-size:10px}
.deck-choice>b{font-size:11px;align-self:end;font-weight:500;line-height:1.5}.deck-choice>small{font-size:8px;color:#b6a7c0;align-self:start;line-height:1.5}
.deck-samples{grid-row:1 / 3;position:relative;height:57px;--card-w:37px;--card-h:55px;pointer-events:none}.deck-samples .sample-face{position:absolute;left:0;top:0;z-index:2;transform:rotate(-9deg);border-radius:3px}.deck-samples .sample-back{position:absolute;left:22px;top:2px;transform:rotate(12deg);width:37px;height:55px}
.deck-samples .corner{left:6%;top:4%}.deck-samples .corner.opposite{left:auto;top:auto;right:6%;bottom:4%}.deck-samples .corner>span{margin-top:1px}.deck-samples .card::after{inset:3px}.deck-samples .card-back{padding:4px}.deck-samples .card-back>span{font-size:17px}
.modal .deck-section{margin:20px 0}.modal .deck-choice{min-height:78px}
@media(max-height:650px) and (min-width:701px){.deck-section{margin-bottom:12px}.deck-choice{padding:6px 8px;grid-template-columns:46px 1fr;column-gap:5px}.deck-samples{height:43px;--card-w:28px;--card-h:41px}.deck-samples .sample-back{width:28px;height:41px;left:16px}.deck-choice>b{font-size:10px}.deck-choice>small{font-size:7px}.collection-label{margin-bottom:6px}}
@media(max-width:400px){.deck-choice{padding:8px;column-gap:5px;grid-template-columns:48px 1fr}.deck-samples{height:49px;--card-w:32px;--card-h:47px}.deck-samples .sample-back{width:32px;height:47px;left:18px}.deck-choice>b{font-size:10px}.deck-choice>small{font-size:7px}}
html.table-open{overflow:hidden}
@media(max-width:700px){.table-stage{width:82%}}
.card::before{content:'';position:absolute;inset:4px;border-radius:4px;pointer-events:none;opacity:.32;background:repeating-linear-gradient(90deg,#ffffff13 0px,#ffffff13 1px,transparent 1px,transparent 3px);box-shadow:inset 1px 1px 0 #fff9,inset -1px -1px 0 #28123e18}
.card::after{border-style:double;border-width:3px;inset:6px}
.court-art{overflow:hidden;border-width:2px;background-color:#221128}
.court-half{position:absolute;left:0;right:0;top:0;height:50%;background-image:var(--court-art);background-size:400% 200%;background-position:calc(var(--portrait)*100%/3) 6%;border-bottom:1px solid var(--court-edge)}
.court-half.mirrored{top:auto;bottom:0;transform:rotate(180deg)}
.court-seal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:19%;width:35%;display:flex;align-items:center;justify-content:center;border:1px solid var(--court-edge);border-radius:50%;background:var(--badge-paper);box-shadow:0 0 0 2px #211125;line-height:1;font-size:calc(var(--card-w)*.15)}
.court-suit{display:none}
[data-deck=royal]{--back-width:100%;--back-height:100%;--back-icon-transform:none}
[data-deck=amethyst]{--back-width:65%;--back-height:40%;--back-icon-transform:rotate(-45deg)}
.card-back{overflow:hidden;display:grid;place-items:center}.card-back>span{width:var(--back-width,100%);height:var(--back-height,100%)}.card-back>span>i{font-style:normal;display:block;transform:var(--back-icon-transform,none)}
.card[data-card$="10"] .pips>span{font-size:calc(var(--card-w)*.24)}.deck-showcase .card[data-card$="10"] .pips>span{font-size:26px}
.ace-art::after{content:'';position:absolute;inset:-7% -15%;border:1px solid var(--court-edge);border-radius:40%;transform:rotate(45deg);opacity:.35;pointer-events:none}
.deck-inspect{display:block;width:100%;background:none;color:var(--gold-light);font-size:10px;padding:10px 2px 0;text-align:right}.deck-inspect span{margin-left:5px}
.modal-deck{width:850px;max-width:95vw}.deck-showcase{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin:30px 0;--card-w:100%;--card-h:auto}
.deck-showcase .card,.showcase-back{width:100%;height:auto;aspect-ratio:1 / 1.48}.showcase-back .card-back{height:100%}
.deck-showcase .corner b{font-size:28px}.deck-showcase .corner>span{font-size:25px}.deck-showcase .court-seal{font-size:16px}.deck-showcase .pips>span{font-size:30px}.deck-showcase .ace-art{font-size:80px}.deck-showcase .ace-caption{font-size:6px}
@media(max-width:700px){.deck-showcase{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.deck-showcase .corner b{font-size:24px}.deck-showcase .corner>span{font-size:22px}.deck-showcase .pips>span{font-size:26px}.deck-showcase .ace-art{font-size:67px}}
@media(max-height:650px){.deck-showcase{margin:15px 0;gap:10px}}

/* Collection art stays local; card ranks and pips remain DOM elements. */
/* White corners stay legible even beside dark velvet clothing. */
.face-card{background:#fffdf7}.face-card .corner{background:#fffdf7;border-radius:3px;padding:2px 3px;box-shadow:0 0 0 2px #fffdf7;z-index:3}
.face-card .corner b{font-size:calc(var(--card-w)*.28)}.face-card .corner>span{font-size:calc(var(--card-w)*.26);margin-top:1px}
.face-card .court-seal{height:24%;width:42%;font-size:calc(var(--card-w)*.22);font-weight:700;z-index:2;box-shadow:0 0 0 2px #211125,0 2px 8px #0005}
.face-card.red .court-seal{color:#a52138;border-color:#c47a7a;background:#fff8f6}
.face-card:not(.red) .court-seal{color:#15111c;border-color:#8a8490;background:#fffdf7}
.court-suit-mark{position:absolute;right:5%;bottom:5%;z-index:2;font-size:calc(var(--card-w)*.3);line-height:1;pointer-events:none;text-shadow:0 0 5px #fffdf7,0 0 2px #fffdf7,1px 1px 0 #fffdf7}
.face-card.red .court-suit-mark{color:#a52138}.face-card:not(.red) .court-suit-mark{color:#15111c}
.bid-values{grid-template-columns:repeat(var(--bid-count,9),minmax(0,1fr))}
.profile-avatars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:8px;margin:-8px 0 20px}.profile-avatars>span{grid-column:1/-1;font-size:10px;color:#bdaac4}.profile-avatars button{background:#190e22;border:1px solid #aa834455;border-radius:8px;padding:4px 7px}.profile-avatars .avatar{width:36px;height:36px;border-radius:50%}.profile-avatars small{display:block;font-size:8px;margin-top:3px}.profile-avatars .chosen{border-color:var(--gold-light);box-shadow:0 0 0 1px var(--gold)}
/* Landscape has separate table, hand and status bands. */
@media (orientation:landscape) and (max-height:650px){
 html.table-open,html.table-open body{height:100dvh;overflow:hidden}
 .topbar{height:48px;padding:6px 3%;gap:10px}.topbar .brand{font-size:24px}.topbar .brand small{font-size:7px}.topbar .crown{font-size:22px}.topbar .icon-button{width:30px;height:30px;font-size:17px}.topbar nav{gap:8px;flex-shrink:0}.topbar .header-tag{display:none}
 .table-heading{display:none}.game-hud{top:6px;right:155px;left:auto;transform:none}.game-hud>div{padding:3px 8px;min-width:35px}.game-hud small{font-size:6px;margin-bottom:2px}.game-hud strong{font-size:14px}.game-hud button{font-size:19px;padding:0 9px}
 .table-stage{position:fixed;top:84px;bottom:148px;left:11%;right:11%;width:auto;height:auto;min-height:0;max-height:none;margin:0;--card-w:62px;--card-h:92px}
 .table-stage .table-rim{padding:10px 8%;border-radius:60px/35px}.table-name{display:none}.table-stage .table-emblem{width:85px;height:85px}.table-emblem>span{font-size:55px}
 .player{width:96px;gap:5px}.player-portrait{width:40px;height:40px;padding:3px}.player-portrait .avatar{width:34px;height:34px}.player-label{padding:4px 6px;min-width:84px;margin-top:-8px}.player-label strong{font-size:11px;max-width:100px}.player-label>span{font-size:8px;margin-top:2px}.opponent-hand{display:none}
 .table-stage .seat-2{top:-36px;left:50%;width:auto;gap:7px}.seat-2 .player-label{margin:0}.table-stage .seat-1{left:max(-70px,calc(-14.1% + 8px));top:32%}.table-stage .seat-3{right:max(-70px,calc(-14.1% + 8px));top:32%}
 .table-stage .seat-0{position:absolute;left:calc(-14.1% + 16px);bottom:calc(-148px + 48px);transform:none;flex-direction:column;width:90px;gap:5px}.seat-0 .player-portrait{width:36px;height:36px;padding:3px}.seat-0 .player-portrait .avatar{width:30px;height:30px}.seat-0 .player-label{margin:0;min-width:85px;padding:4px 6px}.seat-0 .player-label strong{font-size:11px;max-width:85px}.seat-0 .player-label>span{font-size:8px}
 .table-stage .hand{position:absolute;left:50%;bottom:calc(-148px + 40px);height:92px;--card-w:62px;--card-h:92px;--step:clamp(24px,4.5vw,40px);width:calc(var(--card-w) + (var(--count) - 1)*var(--step));max-width:none;z-index:8}
 .hand .card{bottom:0;transform:none;--angle:0deg;--offset:0px}.hand .card:hover,.hand .card:focus-visible{transform:translateY(-8px)}
 .table-felt .trick-zone{inset:0;display:block;--card-w:62px;--card-h:92px}.trick-card{top:calc(50% - 52px);transform:none!important}.trick-1{left:calc(50% - 150px)}.trick-2{left:calc(50% - 72px)}.trick-3{left:calc(50% + 6px)}.trick-0{left:calc(50% + 84px)}.trick-card>span,.trick-name{bottom:-17px;font-size:10px;white-space:nowrap}.trick-0 .card{box-shadow:0 0 0 2px #d7b97c,0 6px 15px #0006}
 .table-felt .choice-panel{top:50%;transform:translate(-50%,-50%);width:330px;max-width:85%;padding:10px}.choice-panel>small,.choice-panel>p{display:none}.choice-panel h2{font-size:18px;margin:0 0 8px}.bid-values{grid-template-columns:repeat(var(--bid-count,9),minmax(0,1fr));gap:4px;margin-bottom:8px}.bid-values button{padding:5px 0;font-size:13px}.choice-panel .secondary{padding:5px 14px;font-size:11px}.trump-values button{width:46px;padding:3px}.trump-values button>span{font-size:25px}
 .table-footer{bottom:5px;gap:14px}.table-footer .round-control{height:27px;width:27px;font-size:17px}.turn-pill{padding:5px 18px;font-size:11px}.turn-pill small{font-size:8px}
 .result-screen{position:fixed;inset:48px 0 0;min-height:0;padding:8px 20px;overflow:auto;align-items:flex-start}.result-panel{width:min(620px,90vw);padding:12px 22px}.result-crown,.result-panel .eyebrow{display:none}.result-panel h1{font-size:23px;margin:0 0 5px}.result-panel>p{font-size:10px;margin-bottom:6px}.result-panel .score-list{margin:6px 0 9px;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.score-row{padding:7px 0;gap:8px;min-width:0}.score-row .avatar{width:30px;height:30px}.score-row strong{font-size:12px;min-width:0}.score-row small{font-size:8px;margin-top:3px}.score-row>b{font-size:19px}.result-panel .full{padding:8px 18px;font-size:11px}.result-panel .full+.full{margin-top:6px}.round-note{margin-top:6px;font-size:8px}
 .profile-avatars{gap:8px;margin-bottom:12px}.profile-avatars .avatar{width:30px;height:30px}.profile-avatars button{padding:3px 5px}.lobby{align-items:start;padding-top:15px}.lobby-copy{padding-top:40px}
}
@media (orientation:landscape) and (max-height:340px){
 .table-stage{top:94px;bottom:130px}.table-felt .trick-zone{--card-w:48px;--card-h:71px}.trick-card{top:calc(50% - 39px)}.trick-1{left:calc(50% - 114px)}.trick-2{left:calc(50% - 54px)}.trick-3{left:calc(50% + 6px)}.trick-0{left:calc(50% + 66px)}.trick-card>span,.trick-name{font-size:9px;bottom:-14px}
 .table-stage .hand{bottom:calc(-130px + 36px);height:82px;--card-w:55px;--card-h:82px;--step:clamp(20px,4vw,32px)}.table-stage .seat-0{bottom:calc(-130px + 43px)}
 .table-felt .choice-panel{padding:7px}.choice-panel h2{font-size:15px;margin-bottom:5px}.bid-values{margin-bottom:5px}.bid-values button{padding:3px 0}
}

/* Visual polish 1.2.4 — splash depth, table clarity, playable cues */
.splash{
 position:relative;isolation:isolate;overflow:hidden;
 background:
  radial-gradient(ellipse at 50% 38%,#6b2f7a55,#12081ccc 58%,#0a0614f2 100%),
  var(--scene-art,url('/assets/lounge.png')) center/cover no-repeat;
 background-color:#10081b;
}
.splash-veil{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 20%,#0a061488 75%)}
.splash-mark,.splash h1,.splash p,.splash-cta{position:relative;z-index:1}
.splash p{color:#ebdcf0;font-size:11px;letter-spacing:3.2px;text-shadow:0 2px 14px #000a}
.splash-cta{min-width:196px;padding:14px 28px;font-size:15px;box-shadow:0 10px 28px #ba893b55,0 0 0 1px #f0d29a33}
.splash-cta span{float:none;margin-left:10px;vertical-align:middle}
.table-heading>span,.table-heading strong{text-shadow:0 2px 12px #000c,0 0 18px #0007}
.table-name{backdrop-filter:blur(4px);box-shadow:0 4px 16px #0009,inset 0 0 0 1px #d6ac5b22}
.game-hud{backdrop-filter:blur(8px);border-color:#d4ae6370;box-shadow:0 10px 28px #0007,inset 0 1px 0 #ffffff10}
.choice-panel{
 background:linear-gradient(155deg,#2a1536f5,#110c1af8);
 border:1px solid #d4ae6375;
 box-shadow:0 22px 55px #000a,inset 0 1px 0 #ffffff14,inset 0 0 0 1px #aa834318;
 backdrop-filter:blur(12px);
}
.choice-panel>p{font-size:12px;color:#dcc8e6;line-height:1.55}
.bid-values button{
 background:linear-gradient(165deg,#6d4178,#3a2248);
 border:1px solid #d4ae6380;
 box-shadow:inset 0 1px 0 #ffffff20,0 2px 8px #0005;
}
.bid-values button:not(:disabled):hover{
 background:linear-gradient(165deg,#855292,#52305a);
 border-color:var(--gold-light);
 box-shadow:0 0 14px #d4ae6333,inset 0 1px 0 #ffffff28;
}
.trump-values button{
 box-shadow:0 4px 14px #0005,inset 0 1px 0 #fff8;
 transition:transform .15s,box-shadow .15s;
}
.trump-values button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0006}
.hand .card:not(.unplayable){
 box-shadow:-3px 2px 6px #0006,0 6px 16px #0006,0 0 0 1.5px #e2c07e99,0 -4px 14px #d4ae6328;
}
.hand .card.unplayable{filter:saturate(.42) brightness(.66);opacity:.7}
.hand .card:not(.unplayable):hover,.hand .card:not(.unplayable):focus-visible{
 box-shadow:0 0 0 2px #f0d29a,0 8px 28px #0008,0 0 22px #c78bdd44;
}
.trick-card>.trick-name{
 position:absolute;bottom:-22px;left:50%;width:auto;transform:translateX(-50%);text-align:center;
 padding:2px 9px;border-radius:999px;white-space:nowrap;
 background:#120a18d8;border:1px solid #b58b4955;color:#efdfc8;
 font-size:10px;letter-spacing:.2px;text-shadow:none;box-shadow:0 3px 10px #0007;
}
.turn-pill{backdrop-filter:blur(6px);border-color:#b07ec07a}
.your-turn{animation:turn-pulse 1.8s ease-in-out infinite}
@keyframes turn-pulse{50%{box-shadow:0 0 22px #aa65c155,inset 0 0 12px #aa65c122}}
body.reduced-motion .your-turn{animation:none}
.player.active .player-portrait{animation:seat-glow 1.8s ease-in-out infinite}
@keyframes seat-glow{50%{box-shadow:0 0 0 3px #190f23,0 0 0 5px #d09ae0,0 0 28px #c878e688}}
body.reduced-motion .player.active .player-portrait{animation:none}
@media (min-width:1000px) and (min-height:651px){
 .seat-0{left:max(10px,3.5%);transform:none;flex-direction:column;align-items:center;bottom:-58px;width:110px;gap:6px}
 .seat-0 .player-label{margin-top:-8px}
 .hand{bottom:-6px}
 .table-stage{margin-bottom:110px}
}
.join-panel{backdrop-filter:blur(10px);border-color:#c9a05a55}
.theme-choice.chosen,.deck-choice.chosen{box-shadow:0 0 18px #ab6db228,inset 0 0 0 2px #dbb57922}
.icon-button,.round-control{box-shadow:inset 0 0 0 3px #100c1666,0 3px 10px #0004,0 0 0 1px #d4ae6322}
.primary{box-shadow:0 6px 26px #ba893b40,inset 0 1px 0 #ffe9b855}
.lobby-copy h1{text-shadow:0 4px 28px #0008}
@media (prefers-reduced-motion:reduce){
 .splash-mark{animation:none}.your-turn,.player.active .player-portrait{animation:none}
}

/* BatakGoo identity: preserve the table geometry and crop wordmark margins. */
.batakgoo-brand{display:flex;flex-direction:column;align-items:flex-start;gap:0;line-height:1}
.brand-wordmark{display:block;width:210px;height:48px;object-fit:cover;object-position:center;border-radius:6px}
.batakgoo-brand>small{display:block;font-size:9px;letter-spacing:3px;margin:2px 0 0 5px;color:var(--gold)}
.batakgoo-splash-icon{width:140px;height:140px;margin:0 auto 12px;animation:none!important}
.batakgoo-splash-icon img{display:block;width:100%;height:100%;object-fit:cover;border-radius:28px;box-shadow:0 8px 32px #0007}
.splash .splash-title{font-size:clamp(36px,6vw,62px);margin:6px 0}
.splash .publisher{font-size:12px;letter-spacing:4px;margin:0 0 12px;color:var(--gold)}
@media(max-height:500px){.brand-wordmark{width:145px;height:32px}.batakgoo-brand>small{font-size:7px;margin-top:0}.batakgoo-splash-icon{width:90px;height:90px;margin-bottom:4px}.splash .splash-title{font-size:34px}.splash .publisher{margin-bottom:6px}}
/* Online room and premium text chat */
.online-shell{max-width:1500px;margin:auto;padding:16px 24px 32px;color:#f7ecdf;min-height:100vh;background:linear-gradient(145deg,#21102bef,#150b1df5)}
.online-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-bottom:1px solid #cba66955;padding-bottom:12px}
.online-header>img{width:200px;height:48px;object-fit:cover;border-radius:8px}.online-header>span{font-size:10px;letter-spacing:2px;flex:1;color:#dcc098}
.online-error{min-height:20px;margin:12px 0;color:#ffceba}.online-welcome{display:grid;grid-template-columns:1fr 360px;gap:48px;align-items:center;max-width:1050px;margin:50px auto}.online-welcome h1,.online-premium h1{font-size:clamp(34px,5vw,66px);line-height:1.05;margin:20px 0;color:#ffe5b3}.online-welcome em{color:#e6b360}.online-welcome p{line-height:1.8;color:#d8c5df}
.online-shell form label{display:block;font-size:13px;color:#dcc098;margin:12px 0}.online-shell input,.online-shell textarea{display:block;background:#110b18;border:1px solid #b7905655;color:#fff;padding:12px;border-radius:10px;width:100%;margin-top:7px;font:inherit}.online-shell small{color:#c0aec8;line-height:1.6}.online-shell .full{margin:8px 0}.online-welcome form{padding:24px;border:1px solid #cba66955;border-radius:22px;background:#2a1835}
.online-room-heading{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:8px 0 20px}.online-room-heading h1{font-size:28px;margin:0}.online-room-heading span{font-size:13px;color:#dbc6a3}.online-room-heading strong{letter-spacing:3px;color:#ffe0a1}.online-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px}.online-seats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.online-seats article{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid #8c668d55;border-radius:12px;background:#33203c}.online-seats article.current{border-color:#e2be7a;box-shadow:0 0 15px #d8a84d22}.online-seats article>span{color:#e4bf79}.online-seats strong{overflow-wrap:anywhere}.online-seats b{font-size:11px;color:#d4c5da;font-weight:400}
.online-felt{border:3px solid #9e794b;border-radius:40px;background:radial-gradient(ellipse,#482650,#241331);min-height:220px;margin:18px 0;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.online-trick{display:flex;gap:12px;justify-content:center;align-items:center;min-height:110px;color:#c9a268}.online-trick>div{text-align:center}.online-trick .card{width:65px;height:95px;position:relative;transform:none}.online-trick small{display:block}.online-choices{text-align:center}.online-choices p{margin:8px}.online-bids{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.online-bids button{background:#e9ca88;color:#241126;border:0;border-radius:8px;padding:10px;min-width:38px;font-weight:bold}
.online-hand{display:flex;justify-content:center;gap:5px;flex-wrap:wrap}.online-hand>button{background:none;border:0;padding:0;cursor:pointer;border-radius:8px}.online-hand>button:enabled:hover{transform:translateY(-6px)}.online-hand>button:disabled{cursor:default;opacity:.65}.online-hand .card{position:relative;width:58px;height:85px;transform:none}.online-rule{font-size:12px;color:#c2aecb;line-height:1.6}.online-wait{text-align:center;padding:60px 20px}.online-wait>span{font-size:48px;color:#e1b771}.online-chat{padding:18px;background:#2d1c37;border:1px solid #93774655;border-radius:16px}.online-chat h2{font-size:18px;margin:0 0 12px}.online-chat textarea{height:76px;resize:vertical}.online-messages{height:170px;overflow:auto;overflow-wrap:anywhere;margin:12px 0;font-size:13px}.online-messages p{background:#1d1028;padding:10px;border-radius:9px}.online-messages strong,.online-messages span{display:block}.online-messages strong{color:#e5c388;font-size:11px;margin-bottom:5px}
.online-premium{max-width:900px;margin:40px auto}.online-packages{display:grid;grid-template-columns:1fr 1fr;gap:24px}.online-packages article{padding:28px;background:#33203c;border:1px solid #b7956155;border-radius:18px}.online-packages h2{font-size:26px}.online-packages b{font-size:24px;color:#ffe0a1}.online-packages p{line-height:1.8}
@media(max-width:850px){.online-layout{grid-template-columns:1fr}.online-welcome{grid-template-columns:1fr;margin:20px auto;gap:15px}.online-welcome h1{font-size:36px}.online-chat{max-width:none}.online-seats article{padding:8px}.online-header{gap:8px}.online-header>img{width:140px;height:34px}.online-shell{padding:12px}.online-hand .card{width:48px;height:70px}.online-packages{grid-template-columns:1fr}}.online-hand .card{--card-w:58px;--card-h:85px}.online-trick .card{--card-w:65px;--card-h:95px}
@media(max-width:850px){.online-hand .card{--card-w:48px;--card-h:70px}}.online-error:empty{display:none}.online-chat-toggle{display:none}.online-rules{font-size:12px;color:#d4c1dc}.online-rules summary{cursor:pointer;color:#e8c68a}.online-rules p{line-height:1.6}
@media(max-height:500px) and (min-width:501px){
 .online-shell{padding:6px 10px 12px}.online-header{padding-bottom:6px;gap:6px;flex-wrap:nowrap}.online-header>img{width:125px;height:30px}.online-header>span{font-size:8px;letter-spacing:1px}.online-header .secondary{padding:8px 10px;font-size:10px;white-space:nowrap}.online-chat-toggle{display:inline-block}
 .online-room-heading{gap:12px;margin:8px 0}.online-room-heading h1{font-size:19px}.online-room-heading span{font-size:10px}.online-layout{display:block}.online-seats{gap:6px}.online-seats article{padding:5px 8px;gap:1px}.online-seats article>span{display:none}.online-seats strong{font-size:12px}.online-seats small{font-size:9px}.online-seats b{font-size:9px}
 .online-felt{min-height:140px;padding:8px;margin:8px 0;border-radius:24px}.online-trick{min-height:83px;gap:8px}.online-trick .card{--card-w:48px;--card-h:70px;width:48px;height:70px}.online-trick small{font-size:9px}.online-choices p{font-size:11px;margin:3px}.online-bids{gap:5px}.online-bids button{padding:6px;min-width:28px;font-size:12px}
 .online-hand{gap:4px;flex-wrap:nowrap}.online-hand .card{--card-w:46px;--card-h:68px;width:46px;height:68px}.online-rule{font-size:9px;margin:5px 0}.online-rules{font-size:10px}.online-wait{padding:20px}.online-wait>span{font-size:28px}
 .online-chat{display:none}.online-chat.is-open{display:block;position:fixed;z-index:40;right:10px;top:50px;bottom:10px;width:270px;overflow:auto;background:#291834;box-shadow:0 10px 40px #000c}.online-messages{height:110px}
 .online-welcome{grid-template-columns:1fr 300px;margin:15px auto;gap:20px}.online-welcome h1{font-size:32px;margin:12px 0}.online-welcome form{padding:12px}.online-welcome p{font-size:13px}.online-shell form label{margin:6px 0}.online-welcome input{padding:7px}.online-welcome .full{padding:10px;margin:4px 0}
}
@media(max-height:500px) and (min-width:501px) and (max-width:650px){.online-hand .card{--card-w:36px;--card-h:53px;width:36px;height:53px}.online-header>span{display:none}.online-header>img{margin-right:auto}.online-seats strong{font-size:10px}.online-seats b{font-size:8px}.online-felt{min-height:120px}.online-welcome{grid-template-columns:1fr 260px;gap:12px}.online-welcome h1{font-size:26px}}