.classic-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:100svh;background:#061510}.classic-main{min-width:0;display:flex;flex-direction:column}.classic-stage{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;background:radial-gradient(ellipse,#147248 0%,#063a29 50%,#061510 75%)}.classic-stage[hidden]{display:none}.classic-stage canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}.scene-labels,.scene-cards{position:absolute;inset:0;pointer-events:none}.scene-labels{z-index:1}.scene-cards{z-index:2}.scene-label{position:absolute;transform:translate(-50%,-50%);width:clamp(76px,14vw,145px);padding:7px 5px;text-align:center;border:1px solid #7cdab344;border-radius:10px;background:#04130fe0;font-size:clamp(10px,1.2vw,14px);line-height:1.4}.scene-label b,.scene-label span{display:block}.scene-label span{color:#8cddbc;font-size:.82em}.scene-label.active{border-color:#ffd15b}.winner-seat{box-shadow:0 0 20px #ffd15b}.scene-play{position:absolute;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;max-width:26%;overflow-x:auto;padding:4px}.scene-play img,.scene-back{flex:none;width:clamp(26px,4.7vw,64px);aspect-ratio:5/7;object-fit:contain;background:white;border-radius:4px;margin-left:-40%;box-shadow:1px 3px 5px #0008}.scene-play img:first-of-type,.scene-back:first-child{margin-left:0}.scene-back{display:grid;place-items:center;color:#ffdf70;background:#173653;border:2px solid #fff}.scene-play b{background:#071324;padding:3px;position:absolute;top:0;right:0;z-index:2}.scene-status{position:absolute;bottom:6px;left:10px;z-index:4;font-size:11px;color:#afd4c1}.classic-dashboard{padding:20px 16px;background:#081126;border-left:1px solid #50745c;min-width:0;overflow-wrap:anywhere}.classic-dashboard h2{margin:0 0 18px;color:#ffcf68;font-size:1.2rem}.classic-dashboard h3{font-size:1rem;color:#8cddbc}.classic-dashboard label{display:block;margin:12px 0}.classic-dashboard [hidden]{display:none}.classic-dashboard select{padding:6px;background:#183454;color:#eef5ff;border-radius:6px}.dashboard-status{padding:12px;background:#15382f;border-radius:8px;line-height:1.5;font-size:.9rem}.dashboard-seats{display:grid;gap:8px}.dashboard-log{max-height:350px;overflow:auto;font-size:.8rem;line-height:1.65}.dashboard-log ol{padding-left:22px}.classic-dashboard .game-footer a{color:#8ab9ff}.classic-content .arena.game{min-height:0;background:#071324;padding:12px 18px 22px;overflow:visible}.classic-content .arena-top{padding-bottom:10px}.classic-content .arena-top h1{font-size:1.25rem}.classic-content .arena-top .eyebrow{display:none}.classic-content .scoreboard,.classic-content .table,.classic-content .game-log,.classic-content .game>.game-footer{display:none}.classic-content .control-dock{position:relative;inset:auto;background:none;padding:0;border:0;max-height:none;overflow:visible}.classic-content .hand{padding:28px 8px 8px;min-height:150px}.classic-content .blackjack-table{margin:12px 0;background:none;border:0;padding:0;width:100%}.classic-content .blackjack-table>article:first-child{display:none}.classic-content .mini-game .blackjack-table .mini-row{padding-top:24px}.classic-content .bottom-info{white-space:normal;max-width:100%;border-radius:8px}.classic-content .winner{z-index:20}.classic-content .winner h2{font-size:clamp(1.3rem,3vw,2.4rem)}.classic-content .intro{min-height:100svh}.classic-content .intro-copy{padding:32px}.classic-content .intro h1{font-size:clamp(2rem,4vw,3.3rem)}
@media(max-width:1000px){.classic-layout{grid-template-columns:minmax(0,1fr) 245px}.classic-dashboard{padding:12px}.classic-content .game{padding:10px}.scene-play img,.scene-back{width:clamp(26px,4vw,48px)}}
@media(max-width:760px){.classic-layout{grid-template-columns:minmax(0,1fr)}.classic-stage{aspect-ratio:16/9}.classic-dashboard{border-left:0;border-top:1px solid #50745c}.dashboard-seats{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-label{width:90px;font-size:11px;padding:3px}.scene-play img,.scene-back{width:34px}.classic-content .hand{min-height:130px}.classic-content .actions{gap:6px}.classic-content button{padding:9px 12px}.classic-dashboard .dashboard-log{max-height:240px}}
.called-card{display:flex;gap:10px;align-items:center;font-size:.85rem;padding:8px;border:1px solid #ffcf6844;border-radius:8px;margin:6px 0}.called-card img{flex:none;background:white;border-radius:3px}.five-bottom-result{text-align:center;margin:12px}
.hand-band{display:contents}
@media(max-width:760px){.classic-content .hand:has(.hand-band){display:grid;grid-template-rows:auto auto;gap:4px;padding:0;overflow:visible}.classic-content .hand-band{display:flex;align-items:end;min-width:0;max-width:100%;overflow-x:auto;padding:28px 8px 8px}.hand-band .card:first-child{margin-left:0}}
.scene-play img,.scene-back{margin-left:clamp(-29px,-2.1vw,-12px)}.scene-play img:first-of-type,.scene-back:first-child{margin-left:0}.scene-play{pointer-events:auto;max-height:120px}.scene-play:empty{display:none}
@media(min-width:761px){.classic-dashboard{max-height:100svh;position:sticky;top:0;overflow-y:auto}.classic-stage{max-width:calc((100svh - 260px)*16/9)}}
@media(max-height:500px){.classic-stage{max-width:100%}}
.classic-content .arena-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto}.classic-content .arena-top h1{overflow-wrap:anywhere}.classic-content .arena-top a{margin:0;font-size:.85rem}
.classic-content .card.newly-dealt img{outline:3px solid #ff4b5d;outline-offset:2px}.five-bottom-result h3{color:#ffcf68}.five-bottom-result p{margin:6px 0}
.start-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.start-actions button{margin:0}.save-notice{color:#ffd166;font-size:.85rem}
.session-totals{display:flex;gap:6px 18px;flex-wrap:wrap;padding:12px;color:#a8ead9;background:#091b2ccc;border:1px solid #73cbb333;border-radius:12px;margin:12px 0;font-size:.85rem}.session-totals p{margin:0}.session-totals p:first-child{color:#ffcf68}.session-totals .save-notice{flex-basis:100%}
.table-auto-controls{display:flex;flex:0 0 100%;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px 16px;padding:8px 0 0;font-size:.9rem}.table-auto-controls label{display:flex;align-items:center;gap:6px;cursor:pointer}.table-auto-controls input{width:18px;height:18px;accent-color:#ffc65a}.table-auto-controls select{padding:6px;background:#183454;color:#eef5ff;border:1px solid #55749a;border-radius:6px}.table-auto-controls[hidden],.table-auto-controls [hidden]{display:none}
