body,html{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff}#root,body,html{background-color:#000}#root{min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.game-table{display:flex;flex-direction:column;min-height:100vh;background-color:#000;color:#fff}.game-header{display:flex;justify-content:space-between;align-items:center;padding:.6em 1.5em;background-color:#111;border-bottom:2px solid #2e2e2e;flex-shrink:0}.game-title{font-size:1.4em;font-weight:700;letter-spacing:.05em;color:#ffd700;text-transform:uppercase}.game-hud{display:flex;gap:.75em;align-items:center}.hud-item{background-color:#222;border:1px solid #444;border-radius:4px;padding:.3em .8em;font-size:.95em;font-weight:700}.hud-bet{color:#ffd700;border-color:#ffd700}.table-area{flex:1 1;display:flex;flex-direction:column;justify-content:space-around;align-items:center;background-color:#1b5e20;background-image:radial-gradient(ellipse at 50% 50%,#2e7d32 0,#1b5e20 70%);padding:2em 1em;min-height:0}.status-banner{font-size:clamp(1.8em,5vw,3em);font-weight:700;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.8);animation:bannerFadeIn .3s ease;padding:.2em .5em}@keyframes bannerFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.hand-section{flex-direction:column;gap:.5em;width:100%}.hand-label,.hand-section{display:flex;align-items:center}.hand-label{gap:.75em;font-size:.9em;color:rgba(255,255,255,.75);text-transform:uppercase;letter-spacing:.08em}.hand-total{background-color:rgba(0,0,0,.4);border-radius:3px;padding:.1em .5em;font-weight:700;color:#fff;min-width:1.4em;text-align:center}.hand-total-bust{color:#f44336}.cards-row{display:flex;flex-wrap:nowrap;gap:.3em}.card,.cards-row{justify-content:center}.card{display:inline-flex;align-items:center;padding:.4em .6em;border-radius:6px;font-weight:700;width:2.8em;height:3.8em;box-sizing:border-box;background-color:#fafafa;border:1px solid #ccc;color:#111;transform-style:preserve-3d;perspective:1000px}.card-flip{animation:cardFlip .5s ease-in-out}@keyframes cardFlip{0%{transform:rotateY(90deg);opacity:0}to{transform:rotateY(0deg);opacity:1}}.card-content{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;font-size:.9em}.card-suit{font-size:1.1em}.card-red{color:#c62828}.card-face-down{background-color:#1565c0;border:1px solid #0d47a1;color:rgba(255,255,255,.7);background-image:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(255,255,255,.06) 0,rgba(255,255,255,.06) 8px)}.controls-bar{background-color:#111;border-top:2px solid #2e2e2e;padding:1em 1.5em;min-height:110px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.controls-bar>div button{background-color:#333;color:#fff;border:2px solid #555;padding:.55em 1.4em;margin:.25em;border-radius:4px;font-size:1em;cursor:pointer;transition:background-color .15s ease,transform .1s ease}.controls-bar>div button:hover:not(:disabled){background-color:#555;border-color:#777;transform:translateY(-1px)}.controls-bar>div button:active:not(:disabled){transform:translateY(0)}.controls-bar>div button:disabled{opacity:.4;cursor:not-allowed;transform:none}.waiting-indicator{color:rgba(255,255,255,.4);font-size:1.4em;letter-spacing:.3em}.waiting-dots{animation:waitingPulse 1.2s ease-in-out infinite;display:inline-block}@keyframes waitingPulse{0%,to{opacity:.2}50%{opacity:.7}}