:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;color:#faf3df;background:#091916;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 35%,#17352d,#07110f);min-width:320px}button,input{font:inherit}button{cursor:pointer;border:1px solid #d2b56b55;border-radius:10px;background:#182a25;color:#f9f1d8;font-weight:700;padding:12px 18px;touch-action:manipulation}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #efcd80;outline-offset:4px}a{color:#d8c28c}header{max-width:1400px;margin:auto;padding:18px max(20px,env(safe-area-inset-right));display:flex;align-items:center;gap:12px;border-bottom:1px solid #c8ae6820}.brand{color:#faf3df;font-family:Georgia,serif;font-size:27px;letter-spacing:3px;text-decoration:none}.brand b{color:#d6b46b;font-weight:400}.brand small{display:block;font-family:system-ui;font-size:10px;letter-spacing:4px;margin-top:4px}.bank{margin-left:auto;text-align:right;margin-right:12px}.bank small{font-size:11px;letter-spacing:1px;color:#a2b3a7;display:block}.bank strong{font-size:26px;font-variant-numeric:tabular-nums}.caption{font-size:11px;color:#c5b784;letter-spacing:2px}main{max-width:1320px;margin:auto;padding:18px 22px 0}.table{height:clamp(365px,54vh,540px);position:relative;overflow:hidden;border-radius:48% 48% 22px 22px / 10% 10% 22px 22px;background:radial-gradient(ellipse at 50% 15%,#286954,#124d3c 58%,#0c372c);border:8px solid #3e291e;outline:1px solid #aa885042;box-shadow:0 12px 40px #0008,inset 0 0 80px #001d1770}.rim{position:absolute;inset:7px;border:1px solid #d0af6055;border-radius:inherit;pointer-events:none}#dealer-hands{position:absolute;width:440px;max-width:65%;height:190px;object-fit:contain;top:-38px;left:50%;transform:translateX(-50%);pointer-events:none;opacity:.95;filter:drop-shadow(0 8px 9px #0005);z-index:1}.dealer-zone{position:absolute;top:55px;left:0;right:0;text-align:center;z-index:2}.zone-label{font-size:11px;letter-spacing:3px;color:#e7dcb5;margin-bottom:10px}.zone-label span{display:inline-block;font-size:14px;letter-spacing:0;background:#062e25a0;padding:3px 9px;border-radius:20px;margin-left:8px}.cards{display:flex;justify-content:center;gap:7px;min-height:91px}.card{position:relative;width:63px;height:90px;border-radius:7px;color:#172520;background:linear-gradient(135deg,#fffefa,#e9e6dd);box-shadow:0 5px 9px #0005;border:1px solid #fff;font-family:Georgia,serif;flex-shrink:0;animation:deal .26s ease-out both}.card.red{color:#b02f3d}.card .corner{position:absolute;left:6px;top:5px;font-size:18px;font-weight:bold;line-height:.9;text-align:center}.card .corner small{display:block;font-size:15px;margin-top:4px}.card .bottom{top:auto;left:auto;bottom:5px;right:6px;transform:rotate(180deg)}.card .suit{position:absolute;inset:0;display:grid;place-items:center;font-size:35px}.card.back{background:repeating-linear-gradient(45deg,#15445a 0px,#15445a 4px,#285367 4px,#285367 5px);border:4px solid #e7e3cf}.card.back:after{content:'V21';position:absolute;inset:8px;border:1px solid #c1b677;display:grid;place-items:center;color:#e6cd8a;font-size:17px}.table-mark{position:absolute;top:48%;left:0;right:0;text-align:center;color:#d4c59680;font-family:Georgia,serif;letter-spacing:4px;font-size:22px}.table-mark small{display:block;font-family:system-ui;font-size:9px;letter-spacing:2px;margin-top:8px}#announcement{position:absolute;top:53%;left:0;right:0;text-align:center;font-family:Georgia,serif;font-size:26px;color:#f1d58b;text-shadow:0 3px 10px #0007;z-index:2;background:#0b3c3060}.player-zone{position:absolute;bottom:20px;left:16px;right:16px;display:flex;justify-content:center;gap:24px;align-items:flex-end}.hand{padding:9px 12px;border:1px solid #e2c27d35;border-radius:16px;text-align:center;min-width:120px;background:#062e251c}.hand.active{border:2px solid #ebce8f;box-shadow:0 0 20px #e4c47d25}.hand-label{font-size:12px;margin-bottom:8px;color:#d9e4cf}.hand .cards .card+.card{margin-left:-15px}.hand-bet{font-size:12px;margin-top:7px;color:#cab887}.console{max-width:1050px;margin:auto;padding:16px 0}.message-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.message-row p{margin:5px 0;font-size:16px;font-weight:700}#round-info{font-size:12px;letter-spacing:1px;color:#95aa9b;white-space:nowrap}#bet-controls{display:flex;justify-content:space-between;align-items:center;gap:16px}.chips{display:flex;gap:12px}.chip{border-radius:50%;height:64px;width:64px;border:6px dashed #ffffffba;padding:0;font-size:13px;box-shadow:inset 0 0 0 2px #ffffff40,0 4px 0 #0007}.chip.ivory{background:#e6dfc4;color:#28342b}.chip.red{background:#a7333a}.chip.blue{background:#23518c}.chip.black{background:#242724}.bet-entry{display:flex;gap:10px;align-items:center}.bet-entry label{font-size:10px;color:#bea970;letter-spacing:2px}input{display:block;width:135px;border:0;border-bottom:1px solid #bea97070;color:#faf3df;background:#071813;padding:8px;font-size:22px;outline-color:#e5c47c}.primary{color:#14291f;background:linear-gradient(#efd89d,#c9a65b);border-color:#efd89d}button small{display:block;font-size:12px;margin-top:4px;font-weight:500}#deal{min-width:155px}#actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}#insurance{display:flex;gap:14px;align-items:center;justify-content:center}#empty{text-align:center}#empty button{margin:10px}footer{max-width:1320px;padding:10px 22px 20px;margin:auto;display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#85998c}footer a{white-space:nowrap}dialog{background:#10241d;color:#f7eed6;border:1px solid #c7ae6b65;border-radius:20px;max-width:600px;width:90vw;padding:28px;max-height:85vh}dialog::backdrop{background:#000b}dialog h2{font-family:Georgia,serif}dialog li,dialog p{font-size:14px;line-height:1.8}dialog li{margin:8px 0}.muted{color:#9fb6a4}.close{float:right;padding:2px 10px;font-size:24px}[hidden]{display:none!important}@keyframes deal{from{opacity:0;transform:translateY(-25px) rotate(-8deg)}to{opacity:1;transform:none}}@media(max-width:700px){header{padding:12px;gap:7px}.brand{font-size:19px;letter-spacing:1px}.brand small{font-size:8px;letter-spacing:2px}.bank{margin-right:0}.bank small{font-size:8px;letter-spacing:0}.bank strong{font-size:21px}header button{font-size:12px;padding:9px}main{padding:12px 8px 0}.table{height:440px;border-width:5px}.table-mark{font-size:16px;letter-spacing:2px}.table-mark small{font-size:7px;letter-spacing:1px}.player-zone{gap:4px;left:4px;right:4px;flex-wrap:wrap;bottom:15px}.hand{padding:7px 4px;min-width:0}.hand .card{width:49px;height:73px}.hand .cards .card+.card{margin-left:-24px}.hand-label{font-size:10px}.card .corner{font-size:15px}.card .corner small{font-size:12px}.card .suit{font-size:29px}#bet-controls{flex-direction:column}.bet-entry{width:100%;justify-content:center}.chips{gap:15px}.chip{height:57px;width:57px}.console{padding:14px 8px}#actions{gap:6px}#actions button{padding:13px 5px;font-size:13px}#actions small{font-size:10px}#insurance{gap:7px;flex-wrap:wrap}footer{flex-direction:column;padding:8px 16px;font-size:10px}.message-row .caption{font-size:9px;letter-spacing:1px}}@media(max-height:500px) and (min-width:700px){header{padding:8px 20px}.brand{font-size:20px}.bank strong{font-size:21px}main{padding-top:8px}.table{height:280px;min-height:280px}.dealer-zone{top:25px}.card{width:50px;height:71px}.cards{min-height:71px}.card .corner{font-size:14px}.card .corner small{font-size:10px}.card .suit{font-size:25px}.player-zone{bottom:8px}.hand{padding:5px 10px}.hand-label{margin-bottom:4px}.hand-bet{margin-top:3px}.table-mark{top:44%;font-size:15px}#announcement{top:49%;font-size:20px}#dealer-hands{height:130px;top:-38px}.console{padding:8px 0}.message-row{margin-bottom:5px}.message-row p{font-size:14px}.chip{height:48px;width:48px;font-size:11px}.console button{padding:8px 14px}footer{padding-top:0}.table-mark small{font-size:7px}}
#dealer-hands.dealing{animation:dealer-reach .9s ease-in-out}@keyframes dealer-reach{0%,100%{transform:translateX(-50%) translateY(0)}45%{transform:translateX(-50%) translateY(17px)}}

.hand{max-width:320px}.hand .cards{gap:0}.hand .cards .card+.card{margin-left:calc(-1 * var(--overlap,15px))}@media(max-width:700px){.player-zone:has(.hand:nth-child(3)) .hand{width:44%}.hand .cards .card+.card{margin-left:calc(-1 * var(--overlap,24px))}}

/* Full card faces stay visible; each zone owns its layout space. */
.table{display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:420px;overflow:visible;border-radius:26px;padding:20px 16px 22px}
.dealer-zone{position:relative;top:auto;left:auto;right:auto;min-height:143px;padding-top:20px;z-index:2}
.table-mark{position:relative;top:auto;left:auto;right:auto;font-size:17px;letter-spacing:2px;margin:9px 0 10px}.table-mark small{font-size:10px}
#announcement{position:relative;top:auto;left:auto;right:auto;font-family:system-ui;font-size:22px;padding:8px 12px;background:#082f25b0;border-radius:10px;margin:0 auto 16px;min-height:44px}
.player-zone{position:relative;bottom:auto;left:auto;right:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;width:100%;max-width:1100px;margin:0 auto}
.hand{min-width:0;max-width:none;padding:12px;background:#062e2580}.hand.active{border:2px solid #ebce8f}.hand-label{font-size:16px;font-weight:800;line-height:1.4}.hand-bet{font-size:14px}
.cards,.hand .cards{display:flex;flex-wrap:wrap;gap:8px;min-height:96px}.card,.hand .card{width:66px;height:94px;animation:none;background:linear-gradient(135deg,#fffefa,#e9e6dd);color:#172520;opacity:1;transform:none}.card.red{color:#b02f3d;background:linear-gradient(135deg,#fffefa,#e9e6dd)}.hand .cards .card+.card{margin-left:0}.card .corner{font-size:19px}.card .corner small{font-size:16px}.card .suit{font-size:36px}.card.back{background:repeating-linear-gradient(45deg,#15445a 0px,#15445a 4px,#285367 4px,#285367 5px)}
.zone-label{font-size:14px;letter-spacing:1px}.zone-label span{font-size:16px}#dealer-hands{top:-18px;height:160px;z-index:0;opacity:.75}
.steps{display:flex;justify-content:center;gap:8px;max-width:1320px;margin:12px auto 0;padding:0 16px;font-size:14px}.steps span{padding:8px 14px;border-radius:24px;color:#99b4a4;background:#10271e}.steps .current{background:#ebd49a;color:#10271e;font-weight:800}.play-guide{padding:12px 16px;max-width:1050px;margin:0 auto;background:#18392b;border:1px solid #bba26540;border-radius:12px;font-size:15px;line-height:1.6;color:#ebf4e9}
#actions button{font-size:17px}#actions small{font-size:13px}.bet-entry label{font-size:13px;letter-spacing:0}#deal{font-size:17px}.message-row .caption{font-size:12px;letter-spacing:1px}
@media(max-width:700px){.table{padding:12px 8px 16px;min-height:420px}.player-zone{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px}.player-zone:has(.hand:nth-child(3)) .hand{width:auto}.hand{padding:10px 5px}.hand .card,.card{width:58px;height:84px}.hand .cards .card+.card{margin-left:0}.hand-label{font-size:14px}.cards,.hand .cards{gap:5px;min-height:86px}.card .corner{font-size:17px}.card .corner small{font-size:14px}.card .suit{font-size:31px}.steps{font-size:12px;gap:5px}.steps span{padding:7px 9px}#actions{grid-template-columns:repeat(2,1fr);gap:8px}#actions button{font-size:17px;padding:13px 8px}#actions small{font-size:12px}.table-mark{font-size:14px}.table-mark small{font-size:8px}.play-guide{margin:0 8px;font-size:14px}#announcement{font-size:20px}.dealer-zone{min-height:140px}}
@media(max-height:500px) and (min-width:700px){.table{min-height:350px;padding:8px 16px 14px}.dealer-zone{min-height:120px;padding-top:8px}.card,.hand .card{width:58px;height:82px}.cards,.hand .cards{min-height:84px}.table-mark{margin:5px 0;font-size:14px}#announcement{margin-bottom:8px;font-size:19px}.hand{padding:8px}.hand-label{font-size:14px}.steps{margin-top:8px}.steps span{padding:5px 12px}.play-guide{padding:8px 12px}}

.brand{font-family:system-ui,-apple-system,sans-serif;letter-spacing:0;font-size:23px;font-weight:800}.brand small{font-size:10px;font-weight:500;letter-spacing:1px}@media(max-width:700px){.brand{font-size:17px}.brand small{font-size:8px}}