:root{background:#101512;color:#f4f1e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.table{min-height:100vh;padding:28px;background:linear-gradient(145deg,#0d3b2d,#151816 58%,#5d1422)}header{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1120px;margin:0 auto 28px}header p{margin:0 0 6px;color:#c8d6cd}h1,h2{margin:0;letter-spacing:0}h1{font-size:44px}h2{font-size:20px}header strong{min-width:112px;padding:12px 16px;border:1px solid rgba(255,255,255,.22);border-radius:8px;text-align:center;background:#ffffff17}.stage{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;max-width:1120px;margin:0 auto}.lobbyGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;max-width:1120px;margin:0 auto}.lobbyCard{min-height:220px;display:grid;align-content:end;gap:10px;padding:22px;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#f4f1e8;text-decoration:none;background:radial-gradient(circle at 30% 20%,rgba(240,198,90,.24),transparent 34%),#090c0ab8}.lobbyCard.blackjack{background:radial-gradient(circle at 30% 20%,rgba(240,198,90,.24),transparent 34%),linear-gradient(145deg,#113624,#151816 60%,#171313)}.lobbyCard span,.lobbyCard p{color:#d9e3dc;margin:0}.rouletteWheelWrap,.cardTable{min-height:520px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.2);border-radius:8px;background:radial-gradient(circle at center,#ffffff24,#00000014),#0c684b}.rouletteWheelWrap{position:relative;overflow:hidden}.wheelPointer{position:absolute;top:26px;left:50%;z-index:2;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:30px solid #f0c65a;transform:translate(-50%)}.rouletteWheel{position:relative;width:min(68vw,500px);aspect-ratio:1;border:18px solid #2c1713;border-radius:50%;background:conic-gradient(#0d0f0e,#0d0f0e 10deg,#a01832 10deg,#a01832 20deg,#0d0f0e 20deg,#0d0f0e 30deg,#a01832 30deg,#a01832 40deg,#0f7b50 40deg,#0f7b50 50deg,#0d0f0e 50deg,#0d0f0e 60deg,#a01832 60deg,#a01832 70deg,#0d0f0e 70deg,#0d0f0e 80deg,#a01832 80deg,#a01832 90deg,#0d0f0e 90deg,#0d0f0e 100deg,#a01832 100deg,#a01832 110deg,#0d0f0e 110deg,#0d0f0e 120deg,#a01832 120deg,#a01832 130deg,#0d0f0e 130deg,#0d0f0e 140deg,#a01832 140deg,#a01832 150deg,#0d0f0e 150deg,#0d0f0e 160deg,#a01832 160deg,#a01832 170deg,#0d0f0e 170deg,#0d0f0e 180deg,#a01832 180deg,#a01832 190deg,#0d0f0e 190deg,#0d0f0e 200deg,#a01832 200deg,#a01832 210deg,#0d0f0e 210deg,#0d0f0e 220deg,#a01832 220deg,#a01832 230deg,#0d0f0e 230deg,#0d0f0e 240deg,#a01832 240deg,#a01832 250deg,#0d0f0e 250deg,#0d0f0e 260deg,#a01832 260deg,#a01832 270deg,#0d0f0e 270deg,#0d0f0e 280deg,#a01832 280deg,#a01832 290deg,#0d0f0e 290deg,#0d0f0e 300deg,#a01832 300deg,#a01832 310deg,#0d0f0e 310deg,#0d0f0e 320deg,#a01832 320deg,#a01832 330deg,#0d0f0e 330deg,#0d0f0e 340deg,#a01832 340deg,#a01832 350deg,#0d0f0e 350deg,#0d0f0e 360deg);box-shadow:inset 0 0 0 80px #126247,inset 0 0 0 92px #ffffff2e,0 24px 50px #00000059;transition:transform 3.2s cubic-bezier(.14,.72,.08,1)}.rouletteWheel:after{content:"";position:absolute;top:36%;right:36%;bottom:36%;left:36%;border-radius:50%;background:#e5d5a4;box-shadow:inset 0 0 18px #00000059}.rouletteWheel span{position:absolute;left:50%;top:50%;color:#fff;font-weight:800;transform-origin:0 0}.rouletteWheel span:nth-child(1){transform:rotate(0) translate(190px) rotate(90deg)}.rouletteWheel span:nth-child(2){transform:rotate(30deg) translate(190px) rotate(90deg)}.rouletteWheel span:nth-child(3){transform:rotate(60deg) translate(190px) rotate(90deg)}.rouletteWheel span:nth-child(4){transform:rotate(90deg) translate(190px) rotate(90deg)}.rouletteWheel span:nth-child(5){transform:rotate(120deg) translate(190px) rotate(90deg)}.rouletteWheel span:nth-child(6){transform:rotate(150deg) translate(190px) rotate(90deg)}.rouletteWheel span:nth-child(7){transform:rotate(180deg) translate(190px) rotate(90deg)}.rouletteWheel span:nth-child(8){transform:rotate(210deg) translate(190px) rotate(90deg)}.rouletteWheel span:nth-child(9){transform:rotate(240deg) translate(190px) rotate(90deg)}.rouletteWheel span:nth-child(10){transform:rotate(270deg) translate(190px) rotate(90deg)}.rouletteWheel span:nth-child(11){transform:rotate(300deg) translate(190px) rotate(90deg)}.rouletteWheel span:nth-child(12){transform:rotate(330deg) translate(190px) rotate(90deg)}.panel{min-height:520px;padding:18px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#090c0ab8}.message{margin:0 0 16px;color:#fff;font-size:24px}.roundCard{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:8px}.betGrid,.actionRow{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}button{width:100%;margin-top:14px;padding:12px 16px;border:0;border-radius:8px;color:#141611;background:#f0c65a;font:inherit;font-weight:800;cursor:pointer}button.selected{color:#fff;background:#a01832}button:disabled{opacity:.55;cursor:not-allowed}.cardTable{align-content:center;gap:48px;padding:28px}.hand{width:100%}.hand h2{margin-bottom:14px}.cards{display:flex;flex-wrap:wrap;gap:14px}.card{width:92px;aspect-ratio:2 / 3;display:grid;place-items:center;border-radius:8px;color:#171d18;background:#f7f0df;font-size:26px;font-weight:900;box-shadow:0 10px 24px #00000038}.card.back{color:#f7f0df;background:repeating-linear-gradient(45deg,#8e1630,#8e1630 8px,#5b1022 8px,#5b1022 16px)}@media(max-width:820px){.table{padding:18px}h1{font-size:32px}.stage{grid-template-columns:1fr}.rouletteWheelWrap,.cardTable,.panel{min-height:320px}.rouletteWheel{width:min(86vw,360px)}.rouletteWheel span{display:none}}