#game-container{--card-face:#f0e6d3;--card-back:#0f3460;--card-red:#dc2626;--card-black:#1a1a1a;--card-border:#333;--felt:#0b5e2f;--felt-light:#0d7a3c;--felt-dark:#073d1e;--felt-line:rgba(255,255,255,0.08);--chip-white:#e8e8e8;--chip-red:#dc2626;--chip-blue:#2563eb;--chip-green:#059669;--chip-black:#222}body.game-blackjack{overflow:hidden}#game-container{width:100%;height:100vh;display:flex;flex-direction:column;position:relative;font-family:'press start 2p',monospace;font-size:10px;image-rendering:pixelated;-webkit-font-smoothing:none;-moz-osx-font-smoothing:none}.header-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:var(--color-panel);border-bottom:2px solid var(--color-border);flex-shrink:0;z-index:10}.header-bar h1{font-size:12px;color:var(--neon-blue);text-shadow:0 0 8px var(--neon-blue);letter-spacing:2px;margin:0}.header-stats{display:flex;gap:20px;font-size:9px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-label{color:#889;font-size:7px;text-transform:uppercase}#game-container .stat-value{color:var(--neon-yellow);text-shadow:0 0 4px var(--neon-yellow)}.card-table{flex:1;position:relative;background:radial-gradient( ellipse at 50% 50%,var(--felt-light) 0%,var(--felt) 50%,var(--felt-dark) 100% );border:3px solid var(--felt-dark);overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px;gap:8px}.card-table::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient( 0,transparent,transparent 3px,var(--felt-line) 3px,var(--felt-line) 4px ),repeating-linear-gradient( 90deg,transparent,transparent 3px,var(--felt-line) 3px,var(--felt-line) 4px );pointer-events:none;opacity:.4}.card-table::after{content:'';position:absolute;bottom:-40%;left:50%;transform:translateX(-50%);width:120%;height:80%;border:2px solid var(--felt-line);border-radius:50%;pointer-events:none}.hand-zone{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:120px;width:100%;max-width:500px}.hand-label{font-size:8px;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:3px;display:flex;align-items:center;gap:8px}.hand-value{color:var(--neon-yellow);text-shadow:0 0 6px var(--neon-yellow);font-size:10px}.hand-cards{display:flex;justify-content:center;gap:6px;flex-wrap:nowrap;min-height:100px}.playing-card{width:70px;height:100px;border-radius:4px;flex-shrink:0;position:relative;transition:transform .2s ease,box-shadow .2s ease;animation:cardDeal .3s ease-out;cursor:default}.playing-card:hover{transform:translateY(-4px);z-index:5}@keyframes cardDeal{from{opacity:0;transform:translateY(-30px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}.playing-card svg{width:100%;height:100%;display:block;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.5))}.table-divider{width:80%;max-width:400px;height:2px;background:linear-gradient( 90deg,transparent 0%,rgba(255,255,255,.15) 20%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.15) 80%,transparent 100% );position:relative;z-index:2;flex-shrink:0}.message-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0,0,0,.7);z-index:20;opacity:0;pointer-events:none;transition:opacity .3s ease}.message-overlay.visible{opacity:1;pointer-events:auto}.message-text{font-size:18px;text-transform:uppercase;letter-spacing:4px;animation:bjMessagePulse 1s ease-in-out infinite}.message-sub{font-size:9px;color:#889;margin-top:10px}.message-overlay.win .message-text{color:var(--neon-green);text-shadow:0 0 20px var(--neon-green)}.message-overlay.lose .message-text{color:var(--card-red);text-shadow:0 0 20px var(--card-red)}.message-overlay.push .message-text{color:var(--neon-yellow);text-shadow:0 0 20px var(--neon-yellow)}.message-overlay.blackjack .message-text{color:var(--neon-pink);text-shadow:0 0 30px var(--neon-pink)}@keyframes bjMessagePulse{0%,100%{opacity:1}50%{opacity:.7}}.bj-control-panel{display:flex;justify-content:center;align-items:center;gap:10px;padding:10px 16px;background:var(--color-panel);border-top:2px solid var(--color-border);flex-shrink:0;flex-wrap:wrap;z-index:10}.btn{font-family:'press start 2p',monospace;font-size:9px;padding:10px 18px;border:2px solid var(--color-border);background:var(--color-accent);color:var(--color-text);cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .15s ease;position:relative;box-shadow:inset -2px -2px rgba(0,0,0,.4),inset 2px 2px rgba(255,255,255,.1)}.btn:hover:not(:disabled){background:#224;border-color:var(--neon-blue);color:var(--neon-blue);text-shadow:0 0 6px var(--neon-blue)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 2px 2px rgba(0,0,0,.4),inset -2px -2px rgba(255,255,255,.1)}.btn:disabled{opacity:.3;cursor:not-allowed}.btn.btn-primary{background:#059669;border-color:#06b87b}.btn.btn-primary:hover:not(:disabled){background:#06b87b;border-color:var(--neon-green);color:#fff;text-shadow:0 0 6px var(--neon-green)}.btn.btn-danger{background:#991b1b;border-color:#dc2626}.btn.btn-danger:hover:not(:disabled){background:#dc2626;border-color:#f87171;color:#fff}.bet-controls{display:flex;align-items:center;gap:10px;font-size:9px}.chip-stack{display:flex;gap:6px}.chip{width:32px;height:32px;border-radius:50%;border:2px dashed rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;font-family:'press start 2p',monospace;font-size:7px;cursor:pointer;transition:transform .15s,box-shadow .15s;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.6)}.chip:hover{transform:scale(1.2)}.chip:active{transform:scale(.95)}.chip.disabled{opacity:.3;pointer-events:none}.chip[data-value="5"]{background:var(--chip-white);color:#333;text-shadow:none}.chip[data-value="10"]{background:var(--chip-blue)}.chip[data-value="25"]{background:var(--chip-green)}.chip[data-value="50"]{background:var(--chip-red)}.chip[data-value="100"]{background:var(--chip-black);border-color:rgba(255,255,255,.2)}@media(max-width:480px){.playing-card{width:56px;height:80px}.hand-cards{gap:4px}.header-bar h1{font-size:9px}.header-stats{gap:12px}.btn{padding:8px 12px;font-size:8px}.message-text{font-size:14px}.chip{width:28px;height:28px;font-size:6px}}@media(max-height:600px){.playing-card{width:56px;height:80px}.hand-zone{min-height:90px;gap:4px}.card-table{gap:4px;padding:8px}}