:root{--color-1: #ffd700;--color-2: #32cd32;--color-3: #ff8c00;--color-4: #9370db;--rook-color: #1a1a2e;--bg-primary: #10101e;--bg-secondary: #161630;--bg-card: #0f3460;--text-primary: #ffffff;--text-secondary: #9aa0b5;--accent: #e94560;--accent-bright: #ff5e7a;--accent-glow: rgba(233, 69, 96, .45);--gold: #ffd700;--gold-glow: rgba(255, 215, 0, .4);--blue: #3a7bd5;--blue-bright: #5a9fd4;--blue-glow: rgba(58, 123, 213, .45);--success: #4caf50;--success-glow: rgba(76, 175, 80, .4);--warning: #ff9800;--error: #f44336;--glass-bg: rgba(18, 22, 48, .72);--glass-bg-heavy: rgba(14, 17, 38, .88);--glass-bg-light: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .12);--glass-border-bright: rgba(255, 255, 255, .22);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .45);--glass-blur: blur(16px);--gradient-accent: linear-gradient(135deg, #ff5e7a 0%, #e94560 50%, #c62b4e 100%);--gradient-blue: linear-gradient(135deg, #5a9fd4 0%, #3a7bd5 50%, #2a5a9f 100%);--gradient-success: linear-gradient(135deg, #66bb6a 0%, #4caf50 50%, #388e3c 100%);--gradient-gold: linear-gradient(135deg, #ffe87a 0%, #ffd700 50%, #e0a800 100%);--gradient-surface: linear-gradient(160deg, rgba(255,255,255,.09) 0%, rgba(255,255,255,.02) 100%);--card-width: 80px;--card-height: 112px;--card-radius: 8px;--card-width-small: 60px;--card-height-small: 84px;--play-area-width: 300px;--play-area-height: 250px;--hand-max-width: 600px;--scoreboard-min-width: 200px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px}@media (max-width: 1024px){:root{--card-width: 70px;--card-height: 98px;--card-width-small: 50px;--card-height-small: 70px;--play-area-width: 260px;--play-area-height: 220px;--hand-max-width: 500px;--scoreboard-min-width: 180px}}@media (max-width: 768px){:root{--card-width: 55px;--card-height: 77px;--card-width-small: 40px;--card-height-small: 56px;--play-area-width: 200px;--play-area-height: 170px;--hand-max-width: 100%;--scoreboard-min-width: 150px;--spacing-md: .75rem;--spacing-lg: 1rem;--font-size-sm: .75rem;--font-size-md: .875rem;--font-size-lg: 1rem}}@media (max-width: 480px){:root{--card-width: 45px;--card-height: 63px;--card-width-small: 32px;--card-height-small: 45px;--play-area-width: 160px;--play-area-height: 140px;--spacing-sm: .25rem;--spacing-md: .5rem;--spacing-lg: .75rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:radial-gradient(ellipse 80% 60% at 20% 0%,rgba(91,60,196,.18) 0%,transparent 60%),radial-gradient(ellipse 70% 50% at 80% 100%,rgba(233,69,96,.12) 0%,transparent 60%),linear-gradient(160deg,var(--bg-primary) 0%,var(--bg-secondary) 55%,#121226 100%);background-attachment:fixed;min-height:100vh;color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit;font-size:inherit}button:disabled{cursor:not-allowed;opacity:.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff47}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-panel-heavy{background:var(--glass-bg-heavy);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:var(--radius-md);font-weight:700;letter-spacing:.02em;color:#fff;position:relative;overflow:hidden;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease,filter .18s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.25) 50%,transparent 60%);background-size:250% 100%;background-position:120% 0;transition:background-position .5s ease;pointer-events:none}.btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08)}.btn:hover:not(:disabled):after{background-position:-50% 0}.btn:active:not(:disabled){transform:translateY(0) scale(.97)}.btn:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.btn-sm{padding:.45rem .9rem;font-size:.8rem;border-radius:var(--radius-sm)}.btn-md{padding:.7rem 1.4rem;font-size:.9rem}.btn-lg{padding:.85rem 2rem;font-size:1.05rem}.btn-primary{background:var(--gradient-accent);box-shadow:0 4px 18px var(--accent-glow),inset 0 1px #ffffff40}.btn-primary:hover:not(:disabled){box-shadow:0 6px 26px var(--accent-glow),inset 0 1px #ffffff40}.btn-blue{background:var(--gradient-blue);box-shadow:0 4px 18px var(--blue-glow),inset 0 1px #ffffff40}.btn-blue:hover:not(:disabled){box-shadow:0 6px 26px var(--blue-glow),inset 0 1px #ffffff40}.btn-success{background:var(--gradient-success);box-shadow:0 4px 18px var(--success-glow),inset 0 1px #ffffff40}.btn-success:hover:not(:disabled){box-shadow:0 6px 26px var(--success-glow),inset 0 1px #ffffff40}.btn-secondary{background:var(--glass-bg-light);border:1px solid var(--glass-border);color:var(--text-primary);box-shadow:none}.btn-secondary:hover:not(:disabled){background:#ffffff1f;border-color:var(--glass-border-bright)}.btn-ghost{background:transparent;color:var(--text-secondary);box-shadow:none}.btn-ghost:hover:not(:disabled){background:#ffffff12;color:var(--text-primary)}.btn-danger{background:linear-gradient(135deg,#ff6659,#f44336,#c62828);box-shadow:0 4px 18px #f4433666,inset 0 1px #ffffff40}.btn:disabled{filter:saturate(.4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.p-2{padding:.5rem}.p-4{padding:1rem}.rounded{border-radius:.5rem}.text-center{text-align:center}.gradient-text{background:linear-gradient(120deg,#fff 0%,#ffd1da 45%,var(--accent-bright) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes seat-pulse{0%,to{border-color:#ffffff26;box-shadow:0 0 #e9456000}50%{border-color:#e9456080;box-shadow:0 0 12px 2px #e9456026}}@keyframes seat-pulse-mobile{0%,to{border-color:#ffffff26;box-shadow:0 0 #e9456000}50%{border-color:#e9456080;box-shadow:0 0 8px 1px #e945601f}}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes table-glow{0%,to{box-shadow:inset 0 0 20px #e945600d}50%{box-shadow:inset 0 0 30px #e945601f}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes progress-fill{0%{width:0%}to{width:var(--progress-width)}}@keyframes card-pop-in{0%{transform:scale(.3) rotate(-8deg);opacity:0}60%{transform:scale(1.12) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes rise-in{0%{transform:translateY(24px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes bounce-in{0%{transform:scale(.4);opacity:0}55%{transform:scale(1.12);opacity:1}75%{transform:scale(.95)}to{transform:scale(1)}}@keyframes number-pop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes turn-ring{0%{box-shadow:0 0 0 0 var(--gold-glow),0 0 18px 2px var(--gold-glow)}70%{box-shadow:0 0 0 10px #ffd70000,0 0 18px 2px var(--gold-glow)}to{box-shadow:0 0 #ffd70000,0 0 18px 2px var(--gold-glow)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.55}}@keyframes pulse-glow{0%{opacity:.5}to{opacity:1}}@keyframes urgent-shake{0%,to{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes message-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes badge-pop{0%{transform:scale(0)}70%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes glow-breathe{0%,to{box-shadow:0 0 12px 1px var(--accent-glow)}50%{box-shadow:0 0 26px 5px var(--accent-glow)}}.empty-seat{animation:seat-pulse 2.5s ease-in-out infinite}@media (max-width: 768px){.empty-seat{animation:seat-pulse-mobile 2.5s ease-in-out infinite}}.empty-seat:hover{animation:none!important}.float-gentle{animation:float-gentle 3s ease-in-out infinite}.shimmer-btn{background:linear-gradient(90deg,#e9456026,#e9456059,#e9456026)!important;background-size:200% 100%!important;animation:shimmer 2.5s ease-in-out infinite}.table-center-glow{animation:table-glow 3s ease-in-out infinite}.fill-ai-btn{transition:transform .2s ease,box-shadow .2s ease}.fill-ai-btn:hover{transform:scale(1.04);box-shadow:0 4px 16px #e945604d}.anim-card-pop{animation:card-pop-in .4s cubic-bezier(.34,1.56,.64,1)}.anim-rise-in{animation:rise-in .35s cubic-bezier(.22,1,.36,1)}.anim-fade-in{animation:fade-in .25s ease-out}.anim-bounce-in{animation:bounce-in .45s cubic-bezier(.34,1.56,.64,1)}.anim-number-pop{animation:number-pop .4s cubic-bezier(.34,1.56,.64,1)}.anim-message-in{animation:message-in .25s ease-out}.anim-toast-in{animation:toast-in .25s ease-out}.anim-badge-pop{animation:badge-pop .35s cubic-bezier(.34,1.56,.64,1)}.anim-urgent-shake{animation:urgent-shake .4s ease-in-out}.turn-ring-active{animation:turn-ring 1.6s ease-out infinite}.game-card{transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease,opacity .18s ease}.game-card-clickable:hover{transform:translateY(-14px) scale(1.05);box-shadow:0 14px 28px #00000080,0 0 18px var(--gold-glow);z-index:50}.game-card-clickable:active{transform:translateY(-8px) scale(1)}.trump-tile{transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,filter .2s ease}.trump-tile:hover:not(:disabled){transform:translateY(-4px) scale(1.08);filter:brightness(1.15)}.trump-tile:active:not(:disabled){transform:scale(.97)}.room-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.room-card:hover{transform:translateY(-3px);border-color:var(--glass-border-bright);box-shadow:0 12px 32px #00000080,0 0 20px #e945601f}.avatar-clickable{transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease}.avatar-clickable:hover{transform:scale(1.1)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}