: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}@keyframes quickBlur{0%{filter:blur(0px) brightness(1);transform:scale(1)}50%{filter:blur(10px) brightness(1.2);transform:scale(.98)}to{filter:blur(0px) brightness(1);transform:scale(1)}}.image-blur-flash{animation:quickBlur .5s ease-out forwards}@keyframes dotBounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}.typing-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background-color:#888;margin:0 2px;animation:dotBounce 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes floatUp{0%{transform:translateY(22px) scale(.94);opacity:0}12%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-45vh) scale(1.06);opacity:0}}.floating-reaction{position:fixed;bottom:15%;font-size:50px;pointer-events:none;z-index:9999;display:flex;flex-direction:column;align-items:center}.floating-reaction.animated{animation:floatUp 4s cubic-bezier(.25,1,.5,1) forwards}.floating-reaction-name{font-size:12px;background:#000c;padding:4px 8px;border-radius:12px;color:#fff;margin-top:5px;font-weight:700}@keyframes voteGlow{0%,to{box-shadow:0 0 10px #ffcc004d}50%{box-shadow:0 0 25px #fc09}}@keyframes roundIntroIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes roundNumberPulse{0%{transform:scale(.96);opacity:.85}to{transform:scale(1.04);opacity:1}}@keyframes voteDealIn{0%{opacity:0;transform:translateY(16px) scale(.95);filter:saturate(.8)}to{opacity:1;transform:translateY(0) scale(1);filter:saturate(1)}}@keyframes imageShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.vote-grid{display:grid;gap:12px;padding:0 10px}.vote-grid.cols-2{grid-template-columns:repeat(2,1fr)}.vote-grid.cols-3{grid-template-columns:repeat(3,1fr)}.vote-grid-card-shell{position:relative;border-radius:12px;overflow:hidden;transition:all .2s;aspect-ratio:1}.vote-grid-card-shell.deal-in{animation:voteDealIn .26s cubic-bezier(.2,.7,0,1) both;animation-delay:var(--deal-delay, 0ms)}.vote-image-loading{position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,#223545f2 20%,#435c72d9,#223545f2 80%);background-size:220% 100%;animation:imageShimmer 1.2s linear infinite}.vote-image-loading.reduced-motion{animation:none}.vote-image{width:100%;height:100%;object-fit:cover;display:block;opacity:.05;transform:scale(1.04);filter:blur(4px);transition:opacity .26s ease,transform .26s ease,filter .26s ease}.vote-image.is-loaded{opacity:1;transform:scale(1);filter:none}.vote-image.reduced-motion{transition:none}.vote-own-tag{position:absolute;top:8px;right:8px;background:#000000b3;color:#888;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;z-index:2}.vote-checkmark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;text-shadow:0 2px 10px rgba(0,0,0,.8);z-index:2}@keyframes handDealIn{0%{opacity:0;transform:translateY(20px) rotate(-2deg) scale(.95)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes dockShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hand-dock-scroll{justify-content:flex-start!important;gap:var(--hand-dock-gap, 12px)!important;padding:12px 15px!important}.hand-dock-deal-card{display:flex;flex-shrink:0;animation:handDealIn .32s cubic-bezier(.2,.7,0,1) both;animation-delay:var(--deal-delay, 0ms)}.hand-dock-deal-card.reduced-motion{animation:none}.hand-dock-card{width:var(--dock-card-size, 130px);height:var(--dock-card-size, 130px);border-radius:12px;overflow:hidden;cursor:pointer;padding:0;border:2px solid rgba(162,198,222,.26);transform:translateY(0);transition:all .2s ease;box-shadow:none;z-index:1;background:#091621d9;scroll-snap-align:center;position:relative;opacity:1}.hand-dock-card.selected{border:3px solid var(--accent);transform:translateY(-15px) scale(1.05);box-shadow:0 10px 28px #ffb45459;z-index:50}.hand-dock-card.reduced-motion{transform:none!important;transition:none}.hand-dock-card.disabled{cursor:not-allowed;opacity:.6}.hand-dock-loading{position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,#223545f2 20%,#435c72d9,#223545f2 80%);background-size:220% 100%;animation:dockShimmer 1.2s linear infinite}.hand-dock-loading.reduced-motion{animation:none}.hand-dock-image{width:100%;height:100%;object-fit:cover;display:block;opacity:.05;transform:scale(1.04);filter:blur(4px);transition:opacity .26s ease,transform .26s ease,filter .26s ease}.hand-dock-image.is-loaded{opacity:1;transform:scale(1);filter:none}.hand-dock-image.reduced-motion{transition:none}.hand-dock-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#666}.hand-dock-selected-overlay{position:absolute;inset:0;background:#ffb4542e;display:flex;align-items:center;justify-content:center;z-index:2}.hand-dock-selected-mark{font-size:28px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.hand-dock-submit-wrap{display:flex;justify-content:center;padding-bottom:15px}.hand-dock-submit-btn{padding:15px 40px!important;font-size:18px!important;background:linear-gradient(140deg,var(--accent),var(--accent-strong))!important;color:#0f1a25!important;box-shadow:0 10px 24px #ff9a2f52!important}@keyframes reactionButtonFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.reaction-bar{display:flex;gap:15px;justify-content:center;margin:20px 0;width:100%}.reaction-button{background:#ffffff24;border:1px solid var(--border-soft);border-radius:50%;width:45px;height:45px;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .18s cubic-bezier(.2,.7,0,1),filter .18s ease,box-shadow .22s ease;animation:reactionButtonFloat 4.2s ease-in-out infinite;animation-delay:var(--float-delay, 0ms);will-change:transform}.reaction-button:hover{transform:translateY(-3px) scale(1.04);filter:brightness(1.06);box-shadow:0 10px 24px #00000038}.reaction-button:active{transform:translateY(-1px) scale(.97)}.reaction-button.reduced-motion{animation:none;transition:none}.reaction-button.disabled{cursor:not-allowed;opacity:.55;animation:none;box-shadow:none}