:root{--bg: #050505;--bg-gradient: radial-gradient(circle at center, #1a1a1a 0%, #050505 100%);--black-card: #111111;--white-card: #ffffff;--accent: #ffcc00;--card-w: 220px;--card-h: 300px;--card-shadow: 0 10px 30px rgba(0,0,0,.7);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}body{background:var(--bg-gradient);background-attachment:fixed;color:#fff;font-family:Inter,-apple-system,sans-serif;margin:0;height:100dvh;-webkit-font-smoothing:antialiased}.game-container{display:flex;flex-direction:column;height:100dvh}.game-header{display:flex;justify-content:space-between;padding:15px 20px;font-size:.7rem;font-weight:900;letter-spacing:2px;background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 30px #00000080}.game-header span{color:#888;margin-left:5px}.table{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.card{width:var(--card-w);height:var(--card-h);border-radius:16px;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;text-align:left;font-size:1.4rem;font-weight:800;line-height:1.2;box-shadow:var(--card-shadow);flex-shrink:0;border:none}.white-card{background:var(--white-card);color:#000;scroll-snap-align:center}.card-footer{font-size:.6rem;text-transform:uppercase;letter-spacing:1px}.hand-wrapper{padding-bottom:40px}.hand-scroll-area{display:flex;gap:15px;overflow-x:auto;padding:0 40px 40px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;justify-content:center}.hand-scroll-area::-webkit-scrollbar{display:none}@keyframes pulse-glow{0%{box-shadow:0 0 15px #ffffff1a}50%{box-shadow:0 0 30px #fff3}to{box-shadow:0 0 15px #ffffff1a}}.target-active{transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.1)!important;background:linear-gradient(145deg,#111,#050505)!important;animation:pulse-glow 3s infinite ease-in-out;box-shadow:0 20px 40px #0009}.target-active:hover{transform:translateY(-5px);box-shadow:0 25px 50px #000c}.poker-card{transition:var(--transition-smooth)!important;border:1px solid rgba(255,255,255,.1)!important}.poker-card:active{transform:scale(.95)}.poker-card.selected{border:2px solid var(--accent)!important;box-shadow:0 0 15px #fc06!important}button[onClick*=handleUseHint],button[onClick*=handleUseFiftyFifty]{transition:var(--transition-smooth);text-transform:uppercase;letter-spacing:1px}button[onClick*=handleUseHint]:hover:not(:disabled),button[onClick*=handleUseFiftyFifty]:hover:not(:disabled){transform:scale(1.05) translateY(-2px);filter:brightness(1.2);box-shadow:0 0 15px currentColor;background:#ffffff26!important}button[onClick*=handleUseHint]:active,button[onClick*=handleUseFiftyFifty]:active{transform:translateY(0)}.past-rounds-scroll{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.past-rounds-scroll::-webkit-scrollbar{height:4px}.past-rounds-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.pop-row-staggered{animation:slideIn .4s ease-out forwards;opacity:0}@keyframes slideIn{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}.result-banner{position:absolute;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.end-screen{position:fixed;inset:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}