:root{--gold:#dfc47f;--ink:#080706;--red:#a92831;--green:#0b3b2a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 34%,#24190d 0,#0b0907 39%,#040404 82%);color:#eee3cc}.blackjack-shell{width:min(100%,500px);margin:auto;padding:13px 16px calc(12px + env(safe-area-inset-bottom))}.game-topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}.game-identity{min-width:0}.game-topbar h1{margin:0;color:#efd99f;font:normal 29px/1 Georgia,serif}.player-name{display:block;min-height:12px;margin-top:4px;color:#a99a7b;font-size:9px;letter-spacing:1px}.top-actions{display:flex;flex:0 0 auto;gap:5px}.icon-button{display:inline-grid;width:39px;height:39px;place-items:center;border:1px solid #5e4d2b;border-radius:50%;background:#15120e;color:#efd99f;font-size:21px;cursor:pointer}.info-icon{font:italic bold 19px Georgia,serif}.score-panel{display:grid;grid-template-columns:1.2fr 1fr .8fr;overflow:hidden;border:1px solid #66522c;border-radius:14px;background:#12100c;box-shadow:0 10px 30px #0007}.score-panel>div{display:flex;flex-direction:column;align-items:center;padding:8px 5px}.score-panel>div+div{border-left:1px solid #40351f}.score-panel span{color:#bdae90;font-size:8px;letter-spacing:1.2px}.score-panel strong{margin-top:2px;color:#e5cd91;font:normal 21px/1.1 Georgia,serif}.score-panel strong b{font:inherit}.score-panel strong small{color:#a99a7b;font:11px system-ui}.score-panel .stake{background:linear-gradient(145deg,#dec681,#a9843d)}.score-panel .stake span{color:#483816}.score-panel .stake strong{color:#171009;font-size:25px}.casino-table{position:relative;display:grid;grid-template-rows:auto 1fr 1fr;min-height:354px;margin-top:9px;overflow:hidden;border:7px solid #15110c;border-radius:43% / 12%;padding:25px 22px 13px;background:radial-gradient(ellipse at center,#17603f 0,#0d3f2c 52%,#07291e 84%);box-shadow:inset 0 0 0 2px #a88546,inset 0 0 45px #0008,0 14px 36px #0008}.casino-table::after{position:absolute;inset:8px;border:1px solid #ddc27b4d;border-radius:43% / 12%;content:"";pointer-events:none}.table-line{position:relative;z-index:1;display:flex;justify-content:center;gap:10px;color:#d9c58f;font-size:6px;letter-spacing:1px}.table-line b{font-weight:500}.dealer-area,.player-area{position:relative;z-index:1;display:grid;align-content:center;justify-items:center}.dealer-area p,.player-area p{display:flex;gap:10px;margin:0 0 5px;color:#d9c58f;font-size:8px;letter-spacing:1.4px}.dealer-area p b,.player-area p b{color:#f2dfad}.card-row,.hand-cards{display:flex;justify-content:center;gap:6px}.playing-card{position:relative;width:67px;aspect-ratio:5/7;overflow:hidden;border:1px solid #ded2bb;border-radius:8px;background:linear-gradient(145deg,#fffdf8,#e9e1d2);box-shadow:0 7px 14px #0007;color:#171310}.playing-card.red{color:var(--red)}.card-corner{position:absolute;top:5px;left:6px;display:grid;justify-items:center;font:bold 15px/13px Georgia,serif}.card-corner.bottom{right:6px;bottom:5px;top:auto;left:auto;transform:rotate(180deg)}.card-corner i{font-style:normal;font-size:12px}.card-pip{position:absolute;inset:0;display:grid;place-items:center;font:34px Georgia,serif}.court-mark{position:absolute;inset:27px 18px;display:grid;place-items:center;border:1px solid currentColor;outline:1px solid #c3a95b;outline-offset:2px;border-radius:50%;font:23px Georgia,serif}.facedown{border-color:#a78b4c;background:#090806}.card-back{position:absolute;inset:4px;display:grid;place-items:center;border:1px solid #c3a75f;border-radius:5px;background:repeating-linear-gradient(45deg,#17110b 0 5px,#342615 5px 7px);color:#dfc47f;font:28px Georgia,serif;box-shadow:inset 0 0 0 3px #0b0907}.table-mark{position:absolute;inset:0;display:grid;place-items:center;color:#e8cd8309;font:170px Georgia,serif}.player-hands{display:flex;justify-content:center;gap:13px}.player-hand{position:relative;padding:3px;border:1px solid transparent;border-radius:11px}.player-hand.is-active{border-color:#f0d68b;box-shadow:0 0 17px #d4b66555}.hand-label{display:block;margin-bottom:3px;color:#e6cf92;font-size:7px;letter-spacing:1px;text-align:center}.player-hand .playing-card+.playing-card{margin-left:-25px}.player-hand.is-split .playing-card{width:58px}.message{display:grid;min-height:37px;place-items:center;margin:6px 3px;color:#ded2bb;font-size:12px;line-height:1.3;text-align:center}.message.win{color:#91e5af}.message.loss{color:#ffaaaa}.message.special{color:#f0d58e}.bet-panel{padding:8px 12px 9px;border:1px solid #594927;border-radius:13px;background:#13110d}.bet-heading{display:flex;justify-content:space-between;align-items:center}.bet-heading span{color:#c2b18e;font-size:9px;letter-spacing:1.3px}.bet-heading output{color:#efd18a;font:24px Georgia,serif}.bet-panel input{width:100%;margin:4px 0 6px;accent-color:#d5b767}.chip-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.chip-row button{min-height:32px;border:1px solid #6e5a31;border-radius:17px;background:radial-gradient(circle,#302615,#12100d);color:#e7cf94;font-weight:700}.chip-row button.is-active{border-color:#f0d78e;background:#4b3919}.blackjack-shell .primary-button,.blackjack-shell .secondary-button,dialog .primary-button,dialog .secondary-button{width:100%;min-width:0;min-height:44px;justify-content:center}.secondary-button{border:1px solid #806a39;border-radius:12px;background:#17150f;color:#f3deb0}.deal-button,.next-button{margin-top:8px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.play-note{margin:6px 0 0;color:#8f8572;font-size:9px;text-align:center}button:disabled,input:disabled{opacity:.43;cursor:default}.playing-card.is-dealing{animation:deal-in .45s cubic-bezier(.2,.9,.3,1)}.playing-card.is-revealing{animation:reveal .56s cubic-bezier(.2,.8,.25,1)}dialog{width:min(430px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #806b3c;border-radius:20px;padding:24px;background:#11100d;color:#ece0c8;box-shadow:0 25px 100px #000c}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}dialog h2{margin:0;color:#efd699;font:normal 28px Georgia,serif}dialog h3{margin:21px 0 8px;color:#efd699;font:600 14px system-ui}dialog p{font-size:14px;line-height:1.6}.dialog-note{color:#b6aa90;font-size:12px!important}dialog label{display:block;font-size:14px}dialog select{width:100%;margin:8px 0 18px;border:1px solid #806b3c;border-radius:10px;padding:12px;background:#080808;color:#f4dfac}dialog .switch-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #3a3120}dialog input[type=checkbox]{width:22px;height:22px;accent-color:#d6b866}.dialog-buttons{display:grid;gap:10px}.record-panel{margin:0 -4px 20px;padding:16px;border:1px solid #4b3d24;border-radius:14px;background:#18150f}.record-panel .eyebrow{margin:0 0 11px}.record-grid{display:grid;grid-template-columns:1fr auto;gap:9px;color:#c9bda5;font-size:13px}.record-grid strong{color:#f1d28a}.control-rule{display:flex;align-items:center;gap:12px;margin:10px 0}.control-rule p{margin:0}.control-symbol{display:grid;flex:0 0 36px;height:36px;place-items:center;border:1px solid #554625;border-radius:50%;background:#15130e;color:#ecd59c;font-size:22px}.sound-muted{opacity:.55}.result-dialog{text-align:center}.result-mark{display:grid;width:78px;height:78px;place-items:center;margin:8px auto;border:2px solid #d8bb72;border-radius:50%;color:#d8bb72;font:34px Georgia,serif}.final-score{display:block;margin:10px;color:#f1d38b;font:normal 48px Georgia,serif}.home-bar{padding-top:env(safe-area-inset-top)}.game-ad-slot{display:grid;width:min(320px,calc(100% - 36px));min-height:100px;place-items:center;margin:12px auto calc(18px + env(safe-area-inset-bottom));border:1px dashed #574926;border-radius:12px;color:#776c57;background:#0c0b09;font-size:9px;letter-spacing:1.5px;text-transform:uppercase}.preview-capture .home-bar,.preview-capture .game-ad-slot{display:none}html,body{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}body{position:static;inset:auto;overscroll-behavior-y:contain}@keyframes deal-in{from{opacity:0;transform:translateY(-35px) rotate(-6deg) scale(.88)}to{opacity:1;transform:none}}@keyframes reveal{0%{transform:rotateY(0)}48%{transform:rotateY(90deg)}52%{transform:rotateY(90deg)}100%{transform:rotateY(0)}}
@media(max-width:370px){.blackjack-shell{padding-inline:10px}.game-topbar h1{font-size:26px}.top-actions{gap:3px}.icon-button{width:36px;height:36px}.casino-table{min-height:325px;padding-inline:12px}.playing-card{width:60px}.player-hand.is-split .playing-card{width:51px}}
@media(max-height:760px){.blackjack-shell{padding-top:7px}.game-topbar{margin-bottom:7px}.casino-table{min-height:300px;padding-block:20px 8px}.playing-card{width:58px}.message{min-height:31px;margin-block:4px}.bet-panel{padding-block:6px}.chip-row button{min-height:29px}.blackjack-shell .primary-button,.blackjack-shell .secondary-button{min-height:40px}}
@media(min-width:700px) and (orientation:portrait){.blackjack-shell{width:min(100%,720px);max-width:720px;padding:18px 24px}.game-topbar h1{font-size:40px}.icon-button{width:46px;height:46px}.score-panel span{font-size:11px}.score-panel strong{font-size:31px}.score-panel .stake strong{font-size:37px}.casino-table{min-height:485px;margin-top:14px;padding:29px 64px 18px}.playing-card{width:99px;border-radius:13px}.player-hand.is-split .playing-card{width:84px}.card-corner{top:8px;left:9px;font-size:22px;line-height:18px}.card-corner.bottom{right:9px;bottom:8px}.card-corner i{font-size:17px}.card-pip{font-size:54px}.court-mark{inset:42px 27px;font-size:35px}.dealer-area p,.player-area p{font-size:12px}.table-line{font-size:9px}.message{min-height:46px;font-size:16px}.bet-panel{padding:11px 20px}.chip-row button{min-height:40px}.blackjack-shell .primary-button,.blackjack-shell .secondary-button{min-height:48px}.game-ad-slot{width:min(728px,calc(100% - 40px))}}
@media(min-width:800px) and (orientation:landscape){.blackjack-shell{width:min(100%,930px);max-width:930px;display:grid;grid-template-columns:minmax(470px,1.25fr) minmax(300px,.75fr);column-gap:18px}.game-topbar,.score-panel{grid-column:1/-1}.casino-table{grid-column:1;grid-row:3/9;min-height:500px}.message,.bet-panel,.deal-button,.action-grid,.next-button,.play-note{grid-column:2}.message{align-self:end;margin-top:36px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important}}.reduced-motion *, .reduced-motion *::before,.reduced-motion *::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
@media(max-width:699px){.score-panel span{font-size:9px}.score-panel strong small{font-size:12px}.table-line{font-size:8px;letter-spacing:.75px}.dealer-area p,.player-area p{font-size:10px}.hand-label{font-size:9px}.message{min-height:40px;font-size:14px}.bet-heading span{font-size:11px}.chip-row button{font-size:15px}}