*{box-sizing:border-box;margin:0;padding:0}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh}.card{width:120px;height:168px;background:#fff;border:2px solid #333;border-radius:8px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:12px;box-shadow:0 4px 6px #0000001a;transition:all .2s ease;-webkit-user-select:none;user-select:none}.card.clickable{cursor:pointer}.card.clickable:hover{transform:translateY(-8px);box-shadow:0 8px 12px #0003}.card.held{border-color:gold;border-width:3px;box-shadow:0 0 20px #ffd70099}.card.red{color:#e53e3e}.card.black{color:#000}.held-label{position:absolute;top:-25px;left:50%;transform:translate(-50%);background:gold;color:#000;padding:4px 12px;border-radius:4px;font-weight:700;font-size:12px;box-shadow:0 2px 4px #0003}.card-corner{display:flex;flex-direction:column;align-items:center;line-height:1}.card-corner.top-left{position:absolute;top:8px;left:8px}.card-corner.bottom-right{position:absolute;bottom:8px;right:8px;transform:rotate(180deg)}.card-corner .rank{font-size:20px;font-weight:700}.card-corner .suit{font-size:18px;margin-top:2px}.card-center{flex:1;display:flex;align-items:center;justify-content:center}.suit-large{font-size:64px;opacity:.8}.payout-table{background:#000000b3;padding:20px;border-radius:12px;color:#fff;min-width:300px}.payout-table h3{margin:0 0 16px;text-align:center;color:gold;font-size:20px}.payout-table table{width:100%;border-collapse:collapse}.payout-table th{background:#ffd70033;padding:10px;text-align:left;border-bottom:2px solid #ffd700;font-weight:700}.payout-table td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.1)}.payout-table td:last-child{text-align:right;font-weight:700;color:#4ade80}.payout-table tr.highlight{background:#ffd7004d;animation:pulse .5s ease-in-out}@keyframes pulse{0%,to{background:#ffd7004d}50%{background:#ffd70099}}.video-poker{min-height:100vh;background:linear-gradient(135deg,#1e3a8a,#065f46);padding:20px;color:#fff}.game-header{text-align:center;margin-bottom:30px}.game-header h1{margin:0 0 20px;font-size:36px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.credits-display{display:flex;justify-content:center;gap:40px;font-size:24px;font-weight:700}.credits{color:#4ade80}.bet-display{color:gold}.game-container{display:flex;gap:30px;justify-content:center;align-items:flex-start;flex-wrap:wrap}.game-area{flex:1;max-width:800px;display:flex;flex-direction:column;gap:30px;align-items:center}.win-message,.lose-message{text-align:center;padding:20px;border-radius:12px;animation:fadeIn .5s ease-in}.win-message{background:#4ade8033;border:2px solid #4ade80}.win-message h2{margin:0 0 10px;color:gold;font-size:32px}.win-amount{font-size:28px;color:#4ade80;font-weight:700}.lose-message{background:#ef444433;border:2px solid #ef4444}.lose-message h2{margin:0 0 10px;color:#ef4444;font-size:32px}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hand-container{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;min-height:200px;align-items:center}.no-cards{font-size:24px;color:#fff9}.controls{display:flex;flex-direction:column;gap:16px;align-items:center;width:100%}.bet-controls{display:flex;gap:12px}button{padding:12px 24px;font-size:18px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;box-shadow:0 4px 6px #0000004d}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 8px #0006}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed}.bet-controls button{background:#fbbf24;color:#000}.bet-controls button:hover:not(:disabled){background:#fcd34d}.deal-button,.draw-button,.new-game-button{background:#10b981;color:#fff;padding:16px 48px;font-size:22px}.deal-button:hover:not(:disabled),.draw-button:hover:not(:disabled),.new-game-button:hover:not(:disabled){background:#34d399}.help-text{color:#fffc;font-size:16px;text-align:center}@media(max-width:768px){.game-container{flex-direction:column;align-items:center}.hand-container{gap:10px}.card{width:80px;height:112px;padding:8px}.card-corner .rank{font-size:16px}.card-corner .suit{font-size:14px}.suit-large{font-size:42px}}#root{width:100%;margin:0;padding:0}