:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--bg:#0a0e1a;--surface:#131a2e;--surface2:#1e2940;--border:#2a3550;--text:#e2e8f0;--text-dim:#94a3b8;--amber:#f59e0b;--amber-dim:#92400e;--green:#22c55e;--red:#ef4444;--blue:#3b82f6;--purple:#a855f7;--tile-bg:#fef3c7;--tile-border:#d97706;--tile-pip:#1e293b;--tile-double-bg:#fde68a;--felt:#0d6b4f;--felt-dark:#073325;--felt-edge:#0a4a37;--rim:#4a2e1a;--rim-light:#6b4226;--rim-dark:#2a1810;--gold:#d4af37;--gold-bright:gold;--neon:#00d9ff;--neon-dim:#006b7a;--neon-glow:#00d9ff80;--team-a:#3b82f6;--team-b:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);touch-action:manipulation;-webkit-user-select:none;user-select:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body.game-active{height:100dvh;overflow:hidden}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100dvh;display:flex}.loading-logo{font-size:64px;animation:1s infinite bounce}.loading-screen h1{font-size:24px;font-weight:700}.loading-screen p{color:var(--text-dim)}.spinner{border:3px solid var(--border);border-top-color:var(--amber);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.game-container{background:var(--bg);flex-direction:column;width:100%;max-width:600px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.game-header{border-bottom:2px solid var(--gold);z-index:20;background:linear-gradient(#0d1424 0%,#0a0f1e 100%);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex;position:relative}.game-header:after{content:"";background:linear-gradient(90deg, transparent 5%, var(--gold-bright) 50%, transparent 95%);height:1px;position:absolute;bottom:-2px;left:0;right:0;box-shadow:0 0 8px #d4af3766}.header-left{align-items:center;gap:8px;display:flex}.logo{color:var(--gold-bright);text-shadow:0 0 6px #d4af374d;letter-spacing:.5px;font-size:13px;font-weight:800}.connection-dot{border-radius:50%;width:8px;height:8px}.connection-dot.connected{background:var(--green);box-shadow:0 0 6px #22c55e99}.connection-dot.disconnected{background:var(--red);animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.header-center{text-align:center}.scoreboard{align-items:center;gap:8px;font-size:12px;display:flex}.score-team{border:1px solid var(--border);color:var(--text-dim);background:linear-gradient(135deg,#0006,#0003);border-radius:8px;padding:3px 10px}.score-team strong{color:var(--gold-bright);text-shadow:0 0 4px #d4af3766;font-size:17px}.score-myteam{border-color:var(--gold);background:linear-gradient(135deg,#d4af3726,#d4af370d);box-shadow:0 0 10px #d4af3733}.score-myteam strong{color:#22c55e;text-shadow:0 0 6px #22c55e80}.score-divider{color:var(--text-dim);font-weight:300}.score-progress-bar{flex-direction:column;gap:2px;width:100%;max-width:180px;margin:3px 0;display:flex}.score-progress-fill{background:#6366f1;border-radius:2px;min-width:2px;height:4px;transition:width .3s;box-shadow:0 0 4px}.score-progress-a{background:#3b82f6}.score-progress-b{background:#ef4444}.score-progress-me{background:#22c55e}.game-to{color:var(--text-dim);letter-spacing:.3px;font-size:10px}.header-right{gap:8px;display:flex}.round-over-badge{background:linear-gradient(135deg, var(--amber-dim), var(--amber));color:#fff;text-shadow:0 1px 2px #0000004d;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:700;box-shadow:0 0 8px #f59e0b4d}.error-toast{background:var(--red);color:#fff;z-index:100;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;animation:.3s slideDown;position:fixed;top:60px;left:50%;transform:translate(-50%)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.match-over-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.match-over-card{background:linear-gradient(135deg, var(--surface) 0%, #0d1424 100%);border:3px solid var(--gold);text-align:center;z-index:10;border-radius:20px;padding:36px 40px;animation:.4s cubic-bezier(.34,1.56,.64,1) popIn;position:relative;box-shadow:0 0 40px #d4af374d,0 20px 60px #00000080}.match-over-card:before{content:"";background:linear-gradient(135deg, var(--gold), var(--gold-bright), var(--gold));z-index:-1;opacity:.5;filter:blur(4px);border-radius:20px;position:absolute;inset:-2px}.match-over-card h2{color:var(--gold-bright);text-shadow:0 0 12px #d4af3766;margin-bottom:8px;font-size:30px}.match-over-card p{color:var(--text-dim);margin-bottom:4px}.match-scores{color:var(--gold);text-shadow:0 0 10px #d4af374d;margin:14px 0;font-size:36px;font-weight:900}.match-over-card button{background:linear-gradient(135deg, var(--gold-bright), var(--gold));color:#1a1208;cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:12px;margin-top:18px;padding:14px 40px;font-size:16px;font-weight:800;transition:all .15s;box-shadow:0 4px 12px #d4af374d}.match-over-card button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766}.match-over-card button:active{transform:scale(.97)}@keyframes popIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.table-area{background-image:linear-gradient(#0a0e1aa6 0%,#0a0e1acc 100%),url(/game-bg.jpg);background-position:50%;background-size:cover;flex-direction:column;flex:1;min-height:0;padding:4px;display:flex;position:relative;overflow:hidden}.casino-table{flex:1;justify-content:center;align-items:center;min-height:0;max-height:calc(100% - 75px);margin:45px 8px 30px;display:flex;position:relative}.casino-table-rim{background:radial-gradient(ellipse at 30% 20%, var(--rim-light) 0%, var(--rim) 40%, var(--rim-dark) 100%);border-radius:50%/42%;position:absolute;inset:0;box-shadow:0 8px 24px #0009,inset 0 2px 4px #ffffff1a,inset 0 -4px 8px #0000004d}.casino-table-rim:before{content:"";background:linear-gradient(135deg, var(--rim-dark), var(--rim), var(--rim-dark));border-radius:50%/42%;position:absolute;inset:6px;box-shadow:inset 0 0 10px #00000080}.casino-table-felt{background:radial-gradient(ellipse at center, var(--felt) 0%, var(--felt-edge) 70%, var(--felt-dark) 100%);border-radius:50%/42%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:12px;overflow:hidden;box-shadow:inset 0 0 30px #0006,inset 0 0 60px #07332599}.casino-table-felt:before{content:"";pointer-events:none;background:repeating-conic-gradient(#0000 0deg,#00000008 1deg,#0000 2deg);border-radius:50%/42%;position:absolute;inset:0}.casino-table-felt:after{content:"";pointer-events:none;border:1px solid #d4af3726;border-radius:50%/42%;position:absolute;inset:8px}.boneyard-pile{z-index:3;opacity:.7;flex-direction:column;align-items:center;gap:1px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-140%)}.boneyard-pile-icon{filter:drop-shadow(0 2px 4px #00000080);font-size:18px}.boneyard-pile-num{color:var(--gold);background:#00000080;border:1px solid #d4af3733;border-radius:8px;padding:1px 6px;font-size:10px;font-weight:800}.player-pod{z-index:10;flex-direction:column;align-items:center;gap:2px;transition:all .2s;display:flex;position:absolute}.pod-top{top:-42px;left:50%;transform:translate(-50%)}.pod-bottom{bottom:-48px;left:50%;transform:translate(-50%)}.pod-left{top:50%;left:-18px;transform:translateY(-50%)}.pod-right{top:50%;right:-18px;transform:translateY(-50%)}@media (width<=500px){.pod-top{top:-38px}.pod-bottom{bottom:-42px}.pod-left{left:-10px}.pod-right{right:-10px}.pod-name{max-width:70px;font-size:9px}.pod-chip{padding:1px 5px;font-size:10px}.seat-avatar-game{width:24px!important;height:24px!important}.pod-hand{max-width:70px}.pod-hand .tile-sm{width:18px;height:36px}.pod-hand-left .tile-sm,.pod-hand-right .tile-sm{width:16px;height:32px}.bot-badge{padding:1px 3px;font-size:6px}}@media (width<=400px){.pod-top{top:-34px}.pod-bottom{bottom:-38px}.seat-avatar-game{width:22px!important;height:22px!important}.pod-hand .tile-sm{width:16px;height:32px}}.pod-avatar-wrap{justify-content:center;align-items:center;display:flex;position:relative}.pod-active .pod-avatar-wrap:before{content:"";background:var(--neon);opacity:.15;z-index:-1;border-radius:50%;animation:1.5s ease-in-out infinite podPulse;position:absolute;inset:-4px}.pod-active .seat-avatar-game{border-color:var(--neon);box-shadow:0 0 12px var(--neon-glow), 0 0 24px #00d9ff33}.pod-active:after{content:"";z-index:5;width:0;height:0;position:absolute}.pod-active.pod-top:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:8px solid var(--neon);filter:drop-shadow(0 0 4px var(--neon-glow));animation:1s ease-in-out infinite arrowPulse;bottom:-10px;left:50%;transform:translate(-50%)}.pod-active.pod-bottom:after{border-left:6px solid #0000;border-right:6px solid #0000;border-bottom:8px solid var(--neon);filter:drop-shadow(0 0 4px var(--neon-glow));animation:1s ease-in-out infinite arrowPulse;top:-10px;left:50%;transform:translate(-50%)}.pod-active.pod-left:after{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:8px solid var(--neon);filter:drop-shadow(0 0 4px var(--neon-glow));animation:1s ease-in-out infinite arrowPulse;top:50%;right:-10px;transform:translateY(-50%)}.pod-active.pod-right:after{border-top:6px solid #0000;border-bottom:6px solid #0000;border-right:8px solid var(--neon);filter:drop-shadow(0 0 4px var(--neon-glow));animation:1s ease-in-out infinite arrowPulse;top:50%;left:-10px;transform:translateY(-50%)}@keyframes podPulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.3;transform:scale(1.15)}}@keyframes arrowPulse{0%,to{opacity:.7}50%{opacity:1}}.pod-info{flex-direction:column;align-items:center;gap:1px;display:flex}.pod-name{color:var(--text);text-shadow:0 1px 3px #000c;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:2px;max-width:80px;font-size:10px;font-weight:700;display:flex;overflow:hidden}.pod-me .pod-name{color:var(--gold-bright)}.pod-turn-icon{font-size:9px}.pod-score-row{align-items:center;gap:3px;display:flex}.pod-chip{color:var(--gold);text-shadow:0 0 3px #d4af374d;background:#0006;border:1px solid #d4af3733;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:800}.bot-badge{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:1px solid #fff3;border-radius:6px;padding:1px 4px;font-size:7px;font-weight:800;position:absolute;bottom:-2px;right:-2px}.pod-hand{z-index:1;justify-content:center;align-items:center;display:flex;position:absolute}.pod-hand-top{top:14px;left:50%;transform:translate(-50%)}.pod-hand-bottom{bottom:14px;left:50%;transform:translate(-50%)}.pod-hand-left{top:50%;left:14px;transform:translateY(-50%)rotate(90deg)}.pod-hand-right{top:50%;right:14px;transform:translateY(-50%)rotate(-90deg)}.hand-stack{justify-content:center;align-items:center;width:34px;height:26px;display:flex;position:relative}.hand-stack .tile-sm{width:20px;height:40px;box-shadow:0 1px 3px #00000080;position:absolute!important}.hand-count{color:var(--gold);z-index:10;background:#000000b3;border:1px solid #d4af374d;border-radius:8px;padding:1px 5px;font-size:9px;font-weight:800;position:absolute;bottom:-8px;right:-6px}@media (width<=500px){.hand-stack{width:28px;height:22px}.hand-stack .tile-sm{width:16px;height:32px}.hand-count{padding:1px 4px;font-size:8px;bottom:-6px;right:-4px}}@media (width<=400px){.hand-stack{width:24px;height:20px}.hand-stack .tile-sm{width:14px;height:28px}}.pod-hand-extra{display:none}.team-tag-A{color:#60a5fa;background:#3b82f633;border-color:#3b82f64d}.team-tag-B{color:#f87171;background:#ef444433;border-color:#ef44444d}.seat-avatar-game{border:2px solid var(--border);background:var(--surface2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 2px 6px #0006}.seat-avatar-active{border-color:var(--neon);box-shadow:0 0 10px #00d9ff80}.seat-avatar-img{object-fit:cover;width:100%;height:100%}.seat-avatar-letter{color:var(--text);font-size:14px;font-weight:700}.board-area{z-index:2;flex-direction:column;justify-content:center;align-items:center;max-width:68%;max-height:58%;padding:4px;display:flex;position:relative}.board-chain{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;max-width:100%;max-height:100%;padding:4px;display:flex;overflow:hidden}.board-empty{text-align:center;color:#fff6}.board-empty-icon{opacity:.3;font-size:48px}.board-empty p{text-shadow:0 1px 4px #00000080;margin-top:4px;font-size:12px}.board-ends{gap:16px;margin-top:8px;display:flex}.end-marker{color:var(--gold);cursor:pointer;text-shadow:0 0 4px #d4af374d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#00000080,#0000004d);border:2px solid #d4af3733;border-radius:10px;padding:5px 12px;font-size:12px;font-weight:800;transition:all .15s}.end-marker:hover{border-color:var(--gold);box-shadow:0 0 10px #d4af374d}.end-marker.end-selected{border-color:var(--gold-bright);color:var(--gold-bright);background:linear-gradient(135deg,#d4af374d,#d4af371a);box-shadow:0 0 15px #d4af3766}.board-tile{background:linear-gradient(145deg, #fef8d6 0%, var(--tile-bg) 50%, #f5e09e 100%);border:2px solid var(--tile-border);border-radius:8px;flex-direction:column;flex-shrink:0;width:44px;height:88px;display:flex;overflow:hidden;box-shadow:0 3px 8px #0006,inset 0 1px 2px #ffffff80,inset 0 -1px 3px #00000026}.board-tile-first{border-color:#22c55e;box-shadow:0 0 8px #22c55e80,0 3px 8px #0006}.board-tile-last{border-color:#3b82f6;box-shadow:0 0 8px #3b82f680,0 3px 8px #0006}.board-tile-half{flex:1;justify-content:center;align-items:center;display:flex}.board-tile-divider{background:linear-gradient(90deg, transparent, var(--tile-border), transparent);height:2px}.my-hand-area{background:linear-gradient(#0000 0%,#0a0e1a99 100%);flex-shrink:0;justify-content:center;align-items:center;padding:4px 8px;display:flex}.player-hand{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d1424d9;border-top:1px solid #d4af3733;border-radius:14px 14px 0 0;flex-wrap:wrap;justify-content:center;gap:6px;max-width:100%;min-height:88px;margin:0 8px;padding:8px 10px;display:flex}.tile{background:linear-gradient(145deg, #fef8d6 0%, var(--tile-bg) 50%, #f5e09e 100%);border:2px solid var(--tile-border);cursor:pointer;border-radius:10px;flex-direction:column;flex-shrink:0;width:48px;height:96px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,border-color .2s;display:flex;overflow:hidden;box-shadow:0 4px 10px #0006,0 1px 3px #0003,inset 0 1px 2px #fff9,inset 0 -1px 3px #00000026,inset 2px 0 3px #ffffff1a,inset -2px 0 3px #0000000d}.tile:active{transform:scale(.95)}.tile-sm{border-width:1.5px;border-radius:6px;width:28px;height:56px;box-shadow:0 2px 4px #0000004d,inset 0 1px 1px #fff6}.tile-double{background:linear-gradient(145deg, #fef0b8 0%, var(--tile-double-bg) 50%, #f0d479 100%);box-shadow:0 4px 12px #f59e0b59,0 1px 3px #0003,inset 0 1px 2px #fff9,inset 0 -1px 3px #00000026,inset 2px 0 3px #ffffff1a,inset -2px 0 3px #0000000d}.tile-selected{border-color:var(--neon);transform:translateY(-16px);box-shadow:0 12px 24px #00d9ff66,0 0 16px #00d9ff4d,inset 0 1px 2px #fff9,inset 0 -1px 3px #00000026}.tile-dimmed{opacity:.35;cursor:not-allowed;filter:grayscale(.7)}.tile-facedown{cursor:default;background:linear-gradient(145deg,#1e2940 0%,#131a2e 50%,#0d1424 100%);border-color:#2a3550;box-shadow:0 3px 6px #0006,inset 0 1px 2px #ffffff0d,inset 0 -1px 2px #0000004d}.tile-back{color:#d4af374d;justify-content:center;align-items:center;height:100%;font-size:20px;display:flex}.tile-sm .tile-back{font-size:12px}.tile-half{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.tile-divider{background:linear-gradient(90deg, transparent, var(--tile-border), transparent);flex-shrink:0;height:2px}.pip-container{grid-template:"tl tr"1fr"ml mr"1fr"c c"1fr"bl br"1fr/1fr 1fr;gap:1px;width:100%;height:100%;padding:4px;display:grid}.pip{border-radius:50%;width:7px;height:7px;margin:auto}.pip-filled{background:radial-gradient(circle at 30% 30%, #334155 0%, var(--tile-pip) 60%, #0f172a 100%);box-shadow:inset 0 1px 1px #0000004d,0 1px 1px #ffffff1a}.pip-empty{background:0 0}.tile-sm .pip{width:4px;height:4px}.tile-sm .pip-container{gap:0;padding:2px}.board-tile .pip{width:6px;height:6px}.board-tile .pip-container{gap:0;padding:3px}.actions-bar{border-top:2px solid var(--gold);background:linear-gradient(#0d1424f2 0%,#0d1424 100%);flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-height:56px;padding:10px 12px;display:flex;position:relative}.actions-bar:before{content:"";background:linear-gradient(90deg, transparent 5%, var(--gold-bright) 50%, transparent 95%);height:1px;position:absolute;top:-2px;left:0;right:0;box-shadow:0 0 8px #d4af374d}.btn{cursor:pointer;text-shadow:0 1px 2px #0000004d;letter-spacing:.5px;text-transform:uppercase;border:none;border-radius:12px;padding:10px 22px;font-size:14px;font-weight:800;transition:all .15s cubic-bezier(.34,1.56,.64,1)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-play{background:linear-gradient(135deg, var(--gold-bright), var(--gold), #b8860b);color:#1a1208;font-weight:900;box-shadow:0 4px 12px #d4af3766,inset 0 1px 1px #fff6}.btn-play:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 16px #d4af3780}.btn-play:not(:disabled):active{background:linear-gradient(135deg, var(--gold), #b8860b);transform:scale(.95)}.btn-draw{background:linear-gradient(135deg, var(--surface2), var(--surface));color:var(--text);border:1px solid var(--border);box-shadow:0 2px 6px #0000004d,inset 0 1px 1px #ffffff0d}.btn-draw:hover{border-color:var(--neon);box-shadow:0 2px 8px #00d9ff33}.btn-draw:active{transform:scale(.95)}.btn-pass{color:var(--text-dim);border:1px solid var(--border);background:0 0}.btn-pass:hover{border-color:var(--red);color:var(--red)}.btn-pass:active{transform:scale(.95)}.turn-hint{color:var(--text-dim);font-size:13px;animation:2s infinite pulse}.round-result-popup{z-index:1500;pointer-events:none;animation:2.5s ease-out forwards roundPop;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.round-result-inner{justify-content:center;align-items:center;display:flex}.round-win-content{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:24px 48px;display:flex}.round-win-icon{font-size:48px;animation:.6s ease-out iconBounce}.round-win-text{color:#fff;text-shadow:0 2px 8px #00000080;font-size:18px;font-weight:700}.round-win-points{text-shadow:0 2px 12px #00000080;font-size:42px;font-weight:900;animation:.8s ease-out pointsGrow}.small-win .round-win-content{background:#22c55e33;border:2px solid #22c55e66;box-shadow:0 0 20px #22c55e33}.small-win .round-win-points{color:#22c55e}.mid-win .round-win-content{background:#f59e0b40;border:2px solid #f59e0b80;box-shadow:0 0 30px #f59e0b4d}.mid-win .round-win-points{color:#f59e0b}.big-win .round-win-content{background:#ef444440;border:2px solid #ef444499;animation:.5s ease-in-out bigWinShake;box-shadow:0 0 40px #ef444466}.big-win .round-win-points{color:#ef4444}.big-win .round-win-icon{font-size:56px}.big-win .round-win-text{font-size:20px}.double-win .round-result-inner{animation:.4s ease-in-out infinite doubleWinShake}.double-win .round-win-content{background:linear-gradient(135deg,#f59e0b4d,#ef44444d,#a855f74d);border:3px solid #0000;border-image:linear-gradient(135deg,#f59e0b,#ef4444,#a855f7) 1;animation:.6s ease-in-out infinite alternate doubleWinPulse;box-shadow:0 0 60px #f59e0b66,0 0 30px #ef44444d}.double-win .round-win-points{background:linear-gradient(135deg,#f59e0b,#ef4444,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:56px}.double-win .round-win-icon{font-size:64px;animation:.6s ease-out iconBounce,1s linear .6s infinite doubleSpin}.double-win .round-win-text{color:#fff;font-size:22px}.double-win-badge{color:#fff;text-shadow:0 0 10px #f59e0b80;margin-bottom:8px;font-size:18px;font-weight:900;animation:.5s ease-in-out infinite alternate badgeFlash}.double-win-label{color:#f59e0b;text-shadow:0 0 8px #f59e0b4d;margin-top:4px;font-size:14px;font-weight:700}@keyframes doubleWinShake{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-6px)scale(1.02)}75%{transform:translate(6px)scale(1.02)}}@keyframes doubleWinPulse{0%{box-shadow:0 0 60px #f59e0b66,0 0 30px #ef44444d}to{box-shadow:0 0 80px #ef444480,0 0 40px #a855f766}}@keyframes doubleSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes badgeFlash{0%{opacity:.7;transform:scale(.95)}to{opacity:1;transform:scale(1.1)}}@keyframes roundPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}25%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}@keyframes iconBounce{0%{transform:scale(0)rotate(-30deg)}50%{transform:scale(1.3)rotate(10deg)}to{transform:scale(1)rotate(0)}}@keyframes pointsGrow{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes bigWinShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.info-bar{color:var(--text-dim);background:#060a14;border-top:1px solid #d4af3726;flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 16px;font-size:11px;display:flex}.boneyard-count{color:var(--gold);background:linear-gradient(135deg,#0006,#0003);border:1px solid #d4af3726;border-radius:8px;padding:3px 10px;font-weight:600}.turn-info{color:var(--text-dim);font-weight:600}.confetti-container{pointer-events:none;z-index:201;position:absolute;inset:0;overflow:hidden}.confetti-piece{border-radius:1px;animation:linear forwards confettiFall;position:absolute;top:-10px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:.8;transform:translateY(110vh)rotate(720deg)}}.btn-leave{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:14px;transition:all .15s;display:flex}.btn-leave:hover{background:var(--red);border-color:var(--red);color:#fff}.landing-page{background:var(--bg);min-height:100dvh;color:var(--text);flex-direction:column;align-items:center;display:flex;overflow-y:auto}.landing-hero{background:url(/hero-wide.jpg) 50%/cover no-repeat;justify-content:center;align-items:center;width:100%;min-height:100dvh;display:flex;position:relative}.landing-hero-overlay{background:linear-gradient(#0f172a8c 0%,#0f172abf 50%,#0f172af2 100%);position:absolute;inset:0}.landing-hero-content{z-index:1;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:500px;padding:40px 20px;display:flex;position:relative}.landing-hero h1{background:linear-gradient(135deg,#fbbf24,#f59e0b,#fbbf24);-webkit-text-fill-color:transparent;letter-spacing:-2px;text-shadow:none;filter:drop-shadow(0 2px 8px #f59e0b4d);-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:56px;font-weight:900}@media (width<=600px){.landing-hero h1{font-size:38px}}.landing-tagline{color:#ffffffd9;text-transform:uppercase;letter-spacing:5px;margin-bottom:40px;font-size:20px;font-weight:700}.landing-play-btn{color:#fff;cursor:pointer;letter-spacing:.5px;text-shadow:0 1px 3px #0000004d;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:16px;padding:16px 48px;font-size:20px;font-weight:800;transition:all .2s;box-shadow:0 4px 20px #f59e0b66}.landing-play-btn:hover{transform:translateY(-2px);box-shadow:0 6px 30px #f59e0b80}.landing-play-btn:active{transform:translateY(0)}.landing-play-btn-large{border-radius:20px;padding:20px 64px;font-size:22px}.landing-subtitle{color:#fff9;margin-top:16px;font-size:13px}.auth-page{background:var(--bg);justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:20px;width:100%;max-width:400px;padding:40px 32px}.auth-logo{margin-bottom:8px;font-size:48px}.auth-card h1{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:28px;font-weight:900}.auth-subtitle{color:var(--text-dim);margin-bottom:24px;font-size:14px}.auth-error{border:1px solid var(--red);color:var(--red);background:#ef444426;border-radius:8px;margin-bottom:16px;padding:8px 12px;font-size:13px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{text-align:left;flex-direction:column;gap:4px;display:flex}.auth-field label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.auth-field input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:10px;outline:none;padding:12px 14px;font-size:15px;transition:border-color .2s}.auth-field input:focus{border-color:var(--amber)}.auth-submit{background:linear-gradient(135deg, var(--amber), #d97706);color:var(--bg);cursor:pointer;border:none;border-radius:12px;margin-top:8px;padding:14px;font-size:16px;font-weight:700}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.oauth-section{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.google-signin-wrapper{justify-content:center;align-items:center;min-height:44px;display:flex}.oauth-btn{cursor:pointer;border:none;border-radius:24px;justify-content:center;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:14px;font-weight:600;transition:opacity .15s;display:flex}.oauth-btn:hover{opacity:.9}.oauth-btn:disabled{opacity:.5;cursor:not-allowed}.oauth-facebook{color:#fff;background:#1877f2}.oauth-icon{width:20px;height:20px}.auth-divider{color:var(--text-dim);align-items:center;gap:12px;margin:8px 0 16px;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-divider span{padding:0 8px}.lang-selector{gap:6px;display:flex}.lang-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:8px;flex:1;padding:8px 4px;font-size:13px;font-weight:600;transition:all .15s}.lang-btn:hover{border-color:#6366f1}.lang-btn-active{color:#818cf8!important;background:#6366f126!important;border-color:#6366f1!important}.auth-switch{color:var(--text-dim);margin-top:20px;font-size:13px}.auth-switch button{color:var(--amber);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600;text-decoration:underline}.lobby-page{background:radial-gradient(ellipse at top, #131a3e 0%, var(--bg) 70%);min-height:100dvh;color:var(--text);background-attachment:fixed;max-width:600px;margin:0 auto;padding:0 0 24px;position:relative}.lobby-header{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a0e1ad9;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0;box-shadow:0 2px 20px #00d9ff14}.lobby-header:after{content:"";background:linear-gradient(90deg, transparent, var(--neon), transparent);opacity:.6;height:2px;position:absolute;bottom:0;left:0;right:0}.lobby-header-left{align-items:center;gap:10px;display:flex}.lobby-header-userinfo{flex-direction:column;gap:1px;display:flex}.lobby-header-actions{align-items:center;gap:6px;display:flex}.lobby-username{color:#fff;font-size:14px;font-weight:800}.lobby-rank-mini{letter-spacing:.3px;opacity:.9;font-size:11px;font-weight:700}.btn-logout{color:var(--red);cursor:pointer;background:#ef44441f;border:1px solid #ef44444d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;transition:all .15s;display:flex}.btn-logout:hover{border-color:var(--red);background:#ef444433;box-shadow:0 0 8px #ef444466}.btn-wallet{color:#000;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,gold,orange);border:none;border-radius:20px;align-items:center;gap:3px;padding:5px 12px;font-size:12px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 0 10px #ffd7004d}.btn-wallet:hover{transform:translateY(-1px);box-shadow:0 0 16px #ffd70099}.btn-admin{border-radius:50%;width:32px;height:32px;padding:0;font-size:14px}.lobby-section{border:1px solid var(--border);background:linear-gradient(#131a2ecc 0%,#0f142499 100%);border-radius:14px;margin:12px 16px;padding:16px;box-shadow:0 4px 24px #0000004d}.lobby-section-title{color:#fff;text-transform:uppercase;letter-spacing:1.5px;align-items:center;gap:6px;margin-bottom:14px;font-size:15px;font-weight:800;display:flex}.lobby-collapse-toggle{cursor:pointer;width:100%;color:inherit;background:0 0;border:none;justify-content:space-between;align-items:center;margin:0;padding:0;display:flex}.lobby-collapse-toggle .lobby-section-title{margin-bottom:0}.collapse-arrow{color:var(--text-dim);font-size:18px;transition:transform .2s}.collapse-open{transform:rotate(180deg)}.lobby-collapse-body{margin-top:14px}.lobby-form{gap:6px;display:flex}.lobby-form input{border:1px solid var(--border);color:var(--text);background:#0a0e1a99;border-radius:10px;outline:none;flex:1;padding:10px 14px;font-size:13px;transition:border-color .15s}.lobby-form input:focus{border-color:var(--neon);box-shadow:0 0 8px #00d9ff4d}.lobby-form button{background:linear-gradient(135deg, var(--amber), #d97706);color:#000;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:800}.teams-inline-forms{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.lobby-error{border:1px solid var(--red);color:var(--red);background:#ef44441f;border-radius:10px;margin:12px 16px;padding:10px 14px;font-size:13px;font-weight:600}.lobby-loading,.lobby-empty{color:var(--text-dim);text-align:center;padding:24px;font-size:14px}.lobby-play-now{background:linear-gradient(135deg, var(--amber) 0%, #d97706 50%, #b45309 100%);color:#fff;cursor:pointer;text-shadow:0 2px 4px #0006;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:10px;padding:18px;font-size:22px;font-weight:900;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #f59e0b66,inset 0 1px #fff3}.lobby-play-now:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;animation:3s ease-in-out infinite shine;position:absolute;top:0;left:-100%}@keyframes shine{0%{left:-100%}50%{left:100%}to{left:100%}}.lobby-play-now:hover{transform:translateY(-2px);box-shadow:0 8px 30px #f59e0b99,inset 0 1px #ffffff4d}.lobby-play-now:active{transform:translateY(0)}.play-now-icon{font-size:18px}.play-now-text{letter-spacing:2px}.play-now-mode{opacity:.9;letter-spacing:.5px;font-size:13px;font-weight:600}.lobby-invite-btn:hover{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.team-list{flex-direction:column;gap:10px;display:flex}.team-card{border:1px solid var(--border);background:#0a0e1a80;border-radius:12px;padding:14px}.team-name{color:#fff;margin-bottom:4px;font-size:15px;font-weight:700}.team-meta{color:var(--text-dim);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.team-badge{background:var(--amber-dim);color:var(--amber);border-radius:4px;padding:1px 6px;font-weight:600}.team-rating{color:var(--text-dim)}.team-members-list{flex-direction:column;gap:4px;margin-top:10px;display:flex}.team-member-row{background:#ffffff08;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.team-member-avatar{background:var(--surface-dim,#1e293b);width:24px;height:24px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.team-member-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.team-member-role{font-size:14px}.team-member-elo{color:gold;font-size:12px;font-weight:600}.team-open-slots{color:var(--text-dim);text-align:center;border:1px dashed var(--border);border-radius:8px;margin-top:2px;padding:6px 10px;font-size:12px;font-style:italic}.team-actions{gap:8px;margin-top:12px;display:flex}.btn-play-team{background:var(--amber);color:var(--bg);cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700}.btn-invite{background:var(--surface2);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:13px}.btn-leave-team{color:var(--text-dim);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:8px 14px;font-size:13px}.btn-leave-team:hover{border-color:var(--red);color:var(--red)}a{color:#60a5fa}a:hover{color:#93c5fd}.landing-hero-buttons{flex-direction:column;align-items:center;gap:12px;margin-top:24px;display:flex}.landing-play-btn-secondary{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff!important;background:#ffffff1a!important;border:2px solid #ffffff80!important;box-shadow:0 2px 12px #0000004d!important}.landing-play-btn-secondary:hover{transform:translateY(-2px);border-color:var(--amber)!important;color:var(--amber)!important;background:#f59e0b26!important}.landing-section{width:100%;max-width:700px;padding:40px 20px}.landing-section h2{text-align:center;color:var(--text);margin-bottom:28px;font-size:24px;font-weight:800}.landing-cards{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=600px){.landing-cards{grid-template-columns:repeat(3,1fr)}}.landing-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;padding:24px 16px;transition:transform .2s}.landing-card:hover{transform:translateY(-4px)}.landing-card-icon{margin-bottom:12px;font-size:40px}.landing-card h3{color:var(--amber);margin-bottom:8px;font-size:16px;font-weight:700}.landing-card p{color:var(--text-dim);font-size:13px;line-height:1.5}.landing-features h2{color:var(--amber)}.landing-feature-list li{color:var(--text);align-items:center;gap:12px;font-size:16px;display:flex}.landing-feature-list li span{flex-shrink:0;font-size:24px}.landing-cta-section{text-align:center;width:100%;padding:40px 20px 60px}.landing-cta-sub{color:var(--text-dim);margin-top:12px;font-size:13px}.landing-footer{text-align:center;color:var(--text-dim);border-top:1px solid var(--border);width:100%;padding:20px;font-size:12px}.mode-select-page{text-align:center;max-width:600px;color:var(--text);margin:0 auto;padding:40px 20px}.mode-select-page h1{color:var(--primary)}.stakes-toggle{justify-content:center;gap:8px;margin-bottom:14px;display:flex}.stakes-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#0a0e1a80;border-radius:10px;flex:1;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s}.stakes-btn:hover{border-color:var(--neon);background:#00d9ff14}.stakes-btn-active{color:var(--amber);box-shadow:0 0 12px #f59e0b4d;border-color:var(--amber)!important;background:#f59e0b1f!important}.stakes-btn-active[style*=FFD700]{box-shadow:0 0 12px #ffd7004d;background:#ffd7001f!important;border-color:gold!important}.mode-cards{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.mode-card{border:2px solid var(--border);cursor:pointer;text-align:center;color:var(--text);background:linear-gradient(#131a2e99 0%,#0a0e1a66 100%);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;transition:all .2s;display:flex}.mode-card:hover{border-color:var(--neon);transform:translateY(-2px);box-shadow:0 4px 16px #0006}.mode-card-selected{box-shadow:0 0 16px #00d9ff4d;border-color:var(--neon)!important;background:linear-gradient(#00d9ff26 0%,#00d9ff0d 100%)!important}.mode-card-emoji{margin-bottom:2px;font-size:1.8rem}.mode-card-label{color:#fff;font-size:.82rem;font-weight:800}.mode-card-sub{color:var(--text-dim);font-size:.68rem;font-weight:600}.mode-card h3{margin:0 0 6px;font-size:1.1rem}.mode-card p{color:var(--text-dim);margin:0 0 8px;font-size:.85rem;line-height:1.3}.mode-card-players{color:var(--neon);font-size:.8rem;font-weight:600}@media (width<=400px){.tile-sm{width:20px;height:40px}.board-tile{width:26px;height:52px}.seat-left,.seat-right{width:44px}.pip{width:4px;height:4px}.btn{padding:7px 12px;font-size:12px}.game-header{padding:6px 8px}.scoreboard{gap:6px;font-size:11px}.score-progress-bar{max-width:120px}.round-win-points{font-size:28px}.round-win-icon{font-size:32px}.round-win-text{font-size:13px}.board-chain{gap:1px;padding:1px}.table-area{padding:4px}.board-area{max-width:58%;max-height:48%;padding:2px}.player-hand{gap:2px;min-height:68px;padding:6px 4px}.tile{width:36px;height:72px}.casino-table{max-height:calc(100% - 52px);margin:36px 2px 16px}}@media (width<=500px){.game-container{max-width:100%}.tile{width:40px;height:80px}.tile-sm{width:24px;height:48px}.board-tile{width:30px;height:60px}.seat-left,.seat-right{width:48px}.pip{width:5px;height:5px}.game-header{flex-wrap:nowrap;padding:6px 10px}.header-center{min-width:0}.scoreboard{gap:6px;font-size:11px}.score-team strong{font-size:13px}.score-progress-bar{max-width:130px}.table-area{gap:2px;padding:4px}.table-middle{gap:2px}.board-chain{gap:1px;padding:2px}.seat-area{gap:2px}.opponent-hand{gap:1px}.player-hand{gap:3px;min-height:76px;padding:6px 8px}.actions-bar{gap:6px;min-height:48px;padding:8px 10px}.btn{padding:7px 12px;font-size:12px}.round-win-points{font-size:32px}.board-area{max-width:62%;max-height:52%}.casino-table{max-height:calc(100% - 60px);margin:40px 4px 20px}.pod-left{left:-8px}.pod-right{right:-8px}}.wallet-page{background:var(--bg);max-width:500px;min-height:100vh;color:var(--text);margin:0 auto;padding:20px}.wallet-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.wallet-balance-card{text-align:center;border:1px solid var(--primary);background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 4px 20px #00c8ff26}.wallet-balance-label{color:var(--text-dim);margin-bottom:4px;font-size:.85rem}.wallet-balance-amount{color:var(--primary);font-size:2.5rem;font-weight:700}.wallet-balance-sub{color:var(--text-dim);font-size:.85rem}.wallet-message{color:#4caf50;text-align:center;background:#4caf5026;border-radius:8px;margin-bottom:16px;padding:12px;font-weight:600}.wallet-section{margin-bottom:24px}.wallet-section h2{color:var(--text);margin-bottom:12px;font-size:1.1rem}.wallet-packages{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.wallet-package{background:var(--card);border:2px solid var(--border);cursor:pointer;text-align:center;color:var(--text);border-radius:12px;padding:16px 12px;transition:all .2s}.wallet-package:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.wallet-package-loading{opacity:.6;pointer-events:none}.wallet-package-credits{margin-bottom:4px;font-size:1.3rem;font-weight:700}.wallet-package-bonus{color:gold;font-size:.75rem;font-weight:600;display:block}.wallet-package-price{color:#4caf50;margin-bottom:2px;font-size:1.1rem;font-weight:700}.wallet-package-name{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.wallet-empty{text-align:center;color:var(--text-dim);padding:20px}.wallet-history{flex-direction:column;gap:8px;display:flex}.wallet-tx{background:var(--card);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.wallet-tx-left{flex-direction:column;gap:2px;display:flex}.wallet-tx-type{font-size:.85rem;font-weight:600}.wallet-tx-desc{color:var(--text-dim);font-size:.75rem}.wallet-tx-right{text-align:right}.wallet-tx-amount{font-size:.9rem;font-weight:700;display:block}.wallet-tx-positive .wallet-tx-amount{color:#4caf50}.wallet-tx-negative .wallet-tx-amount{color:#f44336}.wallet-tx-balance{color:var(--text-dim);font-size:.7rem}.rooms-list{flex-direction:column;gap:10px;display:flex}.room-card{border:1px solid var(--border);background:linear-gradient(#131a2eb3 0%,#0a0e1a80 100%);border-radius:12px;padding:14px;transition:all .2s}.room-card:hover{border-color:var(--neon);transform:translateY(-1px);box-shadow:0 4px 16px #00d9ff26}.room-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.room-mode-badge{color:#fff;align-items:center;gap:4px;font-size:14px;font-weight:800;display:flex}.room-stakes-badge{border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:700}.room-stakes-badge.fun{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d}.room-stakes-badge.money{color:gold;background:#ffd70026;border:1px solid #ffd7004d}.room-players{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.room-seat{border-radius:8px;align-items:center;gap:5px;padding:6px 10px;font-size:.8rem;font-weight:600;display:flex}.room-seat-human{background:#22c55e1a;border:1px solid #22c55e4d}.room-seat-active{border-color:var(--amber);animation:1s ease-in-out infinite pulse;box-shadow:0 0 8px #f59e0b66}.room-seat-bot{border:1px solid var(--border);color:var(--text-dim);background:#ffffff0a}.room-seat-open{background:#00d9ff1a;border:1px solid #00d9ff66;padding:4px}.seat-avatar{font-size:1rem}.seat-name{color:var(--text);font-weight:600}.seat-turn{animation:1s ease-in-out infinite pulse}.btn-join-seat{background:linear-gradient(135deg, var(--neon), #09c);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:800;transition:all .15s}.btn-join-seat:hover{transform:scale(1.05);box-shadow:0 0 12px #00d9ff66}.room-card-footer{color:var(--text-dim);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:8px;font-size:.75rem;display:flex}.room-scores{font-weight:600}.room-round-over{color:#ff9800;background:#ff980026;border:1px solid #ff98004d;border-radius:12px;padding:2px 10px;font-size:.7rem;font-weight:700}.turn-timer{align-items:center;gap:8px;margin-top:4px;display:flex}.turn-timer-bar{background:#ffffff1a;border-radius:2px;width:100%;height:4px;position:relative;overflow:hidden}.turn-timer-bar:after{content:"";height:100%;width:var(--timer-pct,100%);background:var(--timer-color,#22c55e);border-radius:2px;transition:width 1s linear,background .3s;position:absolute;top:0;left:0}.turn-timer-text{white-space:nowrap;font-size:.75rem;font-weight:600}.turn-timer-inline{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.85rem;font-weight:700;animation:1s ease-in-out infinite pulse;display:inline-flex}.timer-ok{color:#22c55e;background:#22c55e26}.timer-warning{color:#f59e0b;background:#f59e0b26}.timer-critical{color:#ef4444;background:#ef444433;animation:.5s ease-in-out infinite timer-blink}@keyframes timer-blink{0%,to{opacity:1}50%{opacity:.5}}.match-winnings{text-align:center;background:#ffd7001a;border:1px solid #ffd7004d;border-radius:8px;margin:12px 0;padding:12px 16px}.winnings-amount{color:gold;margin:0 0 4px;font-size:18px;font-weight:700}.winnings-rake{color:var(--text-dim);margin:0;font-size:12px}.winnings-balance{color:var(--text);margin:4px 0 0;font-size:14px;font-weight:600}.winnings-fun{color:#4caf50;margin:0;font-size:16px;font-weight:600}.online-badge{color:var(--text-dim);cursor:pointer;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.online-badge:hover,.online-badge-active{background:#22c55e33}.online-wrapper{position:relative}.online-dropdown{background:var(--surface,#1e293b);border:1px solid var(--border);z-index:100;border-radius:12px;min-width:200px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 32px #0006}.online-dropdown-header{color:var(--text);border-bottom:1px solid var(--border);padding:10px 14px;font-size:13px;font-weight:700}.online-dropdown-empty{color:var(--text-dim);text-align:center;padding:12px 14px;font-size:13px}.online-dropdown-row{align-items:center;gap:8px;padding:8px 14px;font-size:14px;display:flex}.online-dropdown-row:hover{background:#ffffff0d}.online-dropdown-name{color:var(--text);font-weight:600}.online-dropdown-you{color:var(--text-dim);font-size:11px;font-style:italic}.invite-player-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:6px;margin-left:auto;padding:3px 10px;font-size:11px;font-weight:700}.invite-player-btn:hover{opacity:.85}.invite-popup-overlay{z-index:2000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.invite-popup-card{text-align:center;background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #6366f1;border-radius:16px;width:90vw;max-width:360px;padding:24px;animation:.3s ease-out invite-slide-in;box-shadow:0 8px 40px #6366f14d}@keyframes invite-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.invite-popup-header{margin-bottom:12px;font-size:18px;font-weight:800}.invite-popup-from{color:var(--text);margin:0 0 12px;font-size:15px}.invite-popup-details{justify-content:center;gap:12px;margin-bottom:16px;font-size:14px;font-weight:600;display:flex}.invite-popup-stakes.money{color:#f59e0b}.invite-popup-stakes.fun{color:#22c55e}.invite-popup-buttons{gap:12px;display:flex}.invite-accept-btn{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:10px;flex:1;padding:10px;font-size:15px;font-weight:700}.invite-accept-btn:hover{opacity:.85}.invite-decline-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;flex:1;padding:10px;font-size:15px;font-weight:700}.invite-decline-btn:hover{opacity:.85}.invite-sent-toast{z-index:1500;background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #6366f1;border-radius:12px;padding:12px 20px;animation:.3s ease-out invite-slide-in;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0006}.invite-sent-toast p{color:var(--text);margin:0;font-size:14px}.fill-mode-label{color:var(--text-dim);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.fill-mode-cards{gap:8px;display:flex}.fill-mode-card{background:var(--surface);border:2px solid var(--border);cursor:pointer;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 4px;transition:border-color .15s,background .15s;display:flex}.fill-mode-card:hover{border-color:#6366f1}.fill-mode-card:disabled,.fill-mode-card[disabled]{opacity:.35;cursor:not-allowed;pointer-events:none}.fill-mode-selected{background:#6366f11a!important;border-color:#6366f1!important}.fill-mode-emoji{font-size:1.3rem}.fill-mode-name{font-size:.8rem;font-weight:700}.fill-mode-hint{color:var(--text-dim);margin:6px 0 0;font-size:12px;font-style:italic}.lobby-howto-section .howto-card{flex-direction:column;gap:2px;display:flex}.howto-summary{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;border-radius:8px;align-items:center;padding:10px 14px;font-size:14px;font-weight:700;list-style:none;transition:background .15s;display:flex}.howto-summary:hover{background:#ffffff0f}.howto-summary:before{content:"▸";color:var(--text-dim);margin-right:8px;font-size:12px;transition:transform .2s}details[open] .howto-summary:before{transform:rotate(90deg)}details[open] .howto-summary{background:#6366f114;border-radius:8px 8px 0 0}.howto-card details[open]>p,.howto-card details[open]>ul{color:var(--text-dim);background:#ffffff05;border-radius:0 0 8px 8px;margin:0;padding:10px 14px;font-size:13px;line-height:1.6}.howto-card details[open]>ul{padding-left:28px}.howto-card details[open]>p strong,.howto-card details[open]>ul strong{color:var(--text)}.game-notification{z-index:500;white-space:nowrap;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;animation:.3s ease-out invite-slide-in;position:fixed;top:80px;left:50%;transform:translate(-50%)}.online-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-green}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.5}}.leaderboard-list{flex-direction:column;gap:12px;display:flex}.leaderboard-podium-row{justify-content:center;align-items:flex-end;gap:8px;margin-bottom:12px;display:flex}.leaderboard-podium-card{border:1px solid var(--border);text-align:center;border-radius:12px;flex-direction:column;flex:1;align-items:center;padding:14px 8px;display:flex}.podium-1{background:linear-gradient(#ffd7002e 0%,#ffd7000d 100%);border-color:#ffd70066;order:2;transform:translateY(-8px);box-shadow:0 0 16px #ffd70033}.podium-2{background:linear-gradient(#c0c0c01f 0%,#c0c0c008 100%);border-color:#c0c0c04d;order:1}.podium-3{background:linear-gradient(#cd7f321f 0%,#cd7f3208 100%);border-color:#cd7f324d;order:3}.podium-medal{margin-bottom:4px;font-size:24px}.podium-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:4px;font-size:16px;font-weight:800;display:flex}.podium-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:700;overflow:hidden}.podium-elo{color:gold;margin-top:2px;font-size:14px;font-weight:800}.leaderboard-rest{flex-direction:column;gap:6px;display:flex}.leaderboard-row{border:1px solid var(--border);background:#0a0e1a80;border-radius:10px;grid-template-columns:36px 1fr auto auto;align-items:center;gap:4px 8px;padding:10px 12px;font-size:14px;display:grid}.leaderboard-rank-badge{background:var(--surface2);border:1px solid var(--border);width:28px;height:28px;color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.leaderboard-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.leaderboard-elo{color:gold;font-size:14px;font-weight:800}.leaderboard-record{color:var(--text-dim);text-align:right;white-space:nowrap;font-size:11px;font-weight:600}.leaderboard-winrate{color:#22c55e;font-weight:700}.domino-icon{vertical-align:middle;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 28' fill='none'%3E%3Crect x='1' y='1' width='16' height='26' rx='3' fill='%23ffffff' stroke='%23cbd5e1' stroke-width='1.5'/%3E%3Cline x1='4' y1='14' x2='14' y2='14' stroke='%2394a3b8' stroke-width='1'/%3E%3Ccircle cx='6' cy='6.5' r='1.5' fill='%231e293b'/%3E%3Ccircle cx='11' cy='6.5' r='1.5' fill='%231e293b'/%3E%3Ccircle cx='6' cy='21.5' r='1.5' fill='%231e293b'/%3E%3Ccircle cx='11' cy='21.5' r='1.5' fill='%231e293b'/%3E%3Ccircle cx='8.5' cy='17.5' r='1.5' fill='%231e293b'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;width:18px;height:28px;display:inline-block}.domino-icon-sm{width:14px;height:22px}.domino-icon-lg{width:32px;height:48px}.player-stats-card{-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#131a2e99 0%,#1e294066 100%);border:1px solid #00d9ff26;border-radius:16px;align-items:flex-start;gap:14px;margin:12px 16px;padding:16px;display:flex;box-shadow:0 4px 24px #0000004d}.player-stats-avatar{border:3px solid var(--neon);color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:26px;font-weight:800;display:flex;overflow:hidden;box-shadow:0 0 16px #00d9ff4d}.player-stats-info{flex:1;min-width:0}.player-stats-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.player-stats-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:800;overflow:hidden}.player-rank-badge{white-space:nowrap;letter-spacing:.5px;border:1px solid;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:800}.player-elo-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.player-elo-badge{color:gold;text-shadow:0 0 8px #ffd70066;font-size:20px;font-weight:900}.player-elo-label{color:var(--text-dim);text-transform:uppercase;font-size:11px;font-weight:700}.player-wl-bar{border:1px solid var(--border);background:#0a0e1a99;border-radius:10px;flex:1;height:18px;position:relative;overflow:hidden}.player-wl-fill{background:linear-gradient(90deg, var(--green), #16a34a);border-radius:10px;height:100%;transition:width .4s}.player-wl-text{color:#fff;text-shadow:0 1px 2px #0009;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex;position:absolute;inset:0}.player-stats-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.stat-box{border:1px solid var(--border);background:#0a0e1a80;border-radius:8px;flex-direction:column;align-items:center;padding:8px 4px;display:flex}.stat-value{font-size:18px;font-weight:800;line-height:1.2}.stat-elo{color:gold}.stat-wins{color:#22c55e}.stat-losses{color:#ef4444}.stat-credits{color:#f59e0b}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:10px;font-weight:600}.leaderboard-breakdown{border-top:1px solid #ffffff0d;flex-wrap:wrap;grid-column:1/-1;gap:4px;margin-top:4px;padding-top:4px;display:flex}.lb-tag{color:var(--text-dim);background:#ffffff0d;border-radius:4px;padding:2px 6px;font-size:11px}.lb-fun{color:#22c55e}.lb-money{color:#f59e0b}.auth-legal{color:var(--text-dim);text-align:center;margin-top:12px;font-size:12px}.auth-legal a{color:#818cf8;text-decoration:none}.auth-legal a:hover{text-decoration:underline}.lobby-footer{color:var(--text-dim);border-top:1px solid var(--border);justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:16px 0;font-size:11px;display:flex}.lobby-footer a{color:var(--text-dim);text-decoration:none}.lobby-footer a:hover{color:#818cf8}.lobby-footer-copy{opacity:.6}.legal-page{background:var(--bg);min-height:100dvh;color:var(--text);max-width:700px;margin:0 auto;padding:20px}.legal-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.legal-header .logo{font-size:18px;font-weight:800}.legal-content{line-height:1.6}.legal-updated{color:var(--text-dim);margin-bottom:12px;font-size:13px}.legal-intro{margin-bottom:20px;font-size:14px}.legal-section{border:1px solid var(--border);border-radius:10px;margin-bottom:4px;overflow:hidden}.legal-section-title{cursor:pointer;background:var(--surface);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;margin:0;padding:12px 16px;font-size:14px;font-weight:700;display:flex}.legal-section-title:after{content:"▸";color:var(--text-dim);font-size:12px;transition:transform .2s}.legal-section.expanded .legal-section-title:after{transform:rotate(90deg)}.legal-section-body{max-height:0;transition:max-height .3s;overflow:hidden}.legal-section.expanded .legal-section-body{max-height:1000px}.legal-section-body p,.legal-section-body ul{color:var(--text-dim);margin:0;padding:12px 16px;font-size:13px}.legal-section-body ul{padding-left:32px}.legal-section-body strong{color:var(--text)}.legal-back-btn{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;border-radius:10px;margin-top:24px;padding:12px;font-size:14px;font-weight:600}.legal-back-btn:hover{border-color:#6366f1}.btn-profile{border:2px solid var(--border);background:var(--surface);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex;overflow:hidden}.btn-profile:hover{border-color:#6366f1}.header-avatar{object-fit:cover;border-radius:50%;width:100%;height:100%}.header-avatar-text{color:#818cf8;font-size:16px;font-weight:800}.profile-page{background:var(--bg);min-height:100dvh;color:var(--text);max-width:500px;margin:0 auto;padding:20px}.profile-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.profile-header .logo{font-size:20px;font-weight:800}.profile-msg{background:#22c55e26;border:1px solid #22c55e4d;border-radius:8px;margin-bottom:16px;padding:10px 16px;font-size:14px}.profile-section{margin-bottom:24px}.profile-section h3{color:var(--text);margin-bottom:10px;font-size:14px;font-weight:700}.avatar-row{align-items:center;gap:16px;display:flex}.avatar-preview{border:3px solid var(--border);border-radius:50%;flex-shrink:0;width:80px;height:80px;overflow:hidden}.avatar-img{object-fit:cover;width:100%;height:100%}.avatar-placeholder{color:#818cf8;background:var(--surface);justify-content:center;align-items:center;width:100%;height:100%;font-size:32px;font-weight:800;display:flex}.avatar-actions{flex-direction:column;gap:6px;display:flex}.avatar-hint{color:var(--text-dim);margin-top:4px;font-size:12px}.profile-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600}.profile-btn:hover{border-color:#6366f1}.profile-btn:disabled{opacity:.5;cursor:not-allowed}.profile-btn-danger{color:#ef4444;border-color:#ef4444}.profile-input,.profile-select{box-sizing:border-box;background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;padding:10px 14px;font-size:15px}.profile-stats-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.profile-stat{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;align-items:center;padding:12px 8px;display:flex}.profile-stat-value{font-size:20px;font-weight:800}.profile-stat-label{color:var(--text-dim);text-transform:uppercase;margin-top:4px;font-size:11px}.profile-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;width:100%;padding:12px;font-size:16px;font-weight:700}.profile-save-btn:disabled{opacity:.5;cursor:not-allowed}.admin-page{background:var(--bg);min-height:100dvh;color:var(--text);max-width:1000px;margin:0 auto;padding:20px}.admin-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.admin-header .logo{font-size:20px;font-weight:800}.btn-admin{color:#f59e0b;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #f59e0b;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:700}.btn-admin:hover{opacity:.85}.admin-tabs{gap:4px;margin-bottom:20px;display:flex}.admin-tabs button{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600}.admin-tab-active{color:#818cf8!important;background:#6366f126!important;border-color:#6366f1!important}.admin-action-msg{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d;border-radius:8px;margin-bottom:16px;padding:10px 16px;font-weight:600}.admin-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.admin-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;padding:14px 8px;display:flex}.admin-stat-value{font-size:24px;font-weight:800}.admin-stat-label{color:var(--text-dim);text-transform:uppercase;margin-top:4px;font-size:11px}.admin-section{margin-bottom:24px}.admin-section h3{margin-bottom:12px;font-size:16px}.admin-top-players{flex-direction:column;gap:4px;display:flex}.admin-top-player{background:var(--surface);border-radius:8px;align-items:center;gap:12px;padding:8px 12px;font-size:14px;display:flex}.admin-rank{width:28px;font-size:18px}.admin-top-name{flex:1;font-weight:700}.admin-top-elo{color:gold;font-weight:700}.admin-top-record{color:var(--text-dim)}.admin-top-credits{color:#f59e0b}.admin-users-toolbar{align-items:center;gap:12px;margin-bottom:12px;display:flex}.admin-search{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;flex:1;padding:8px 14px;font-size:14px}.admin-page-info{color:var(--text-dim);font-size:13px}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th{text-align:left;background:var(--surface);color:var(--text-dim);text-transform:uppercase;border-bottom:1px solid var(--border);padding:8px 10px;font-size:11px;font-weight:600}.admin-table td{border-bottom:1px solid var(--border);padding:8px 10px}.admin-table tr:hover{background:#ffffff05}.admin-row-banned{opacity:.5}.admin-email{color:var(--text-dim);font-size:12px}.admin-badge-admin{color:#f59e0b;font-size:11px;font-weight:700}.admin-badge-user{color:var(--text-dim);font-size:11px}.admin-badge-banned{color:#ef4444;font-size:11px;font-weight:600}.admin-badge-active{color:#22c55e;font-size:11px}.admin-actions{gap:4px;display:flex}.admin-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:4px 8px;font-size:13px}.admin-btn:hover{opacity:.8}.admin-btn-ban{border-color:#ef4444}.admin-btn-unban{border-color:#22c55e}.admin-btn-promote{border-color:#f59e0b}.admin-btn-demote{border-color:#94a3b8}.admin-btn-delete{border-color:#ef4444}.admin-btn-delete:hover{background:#ef444426}.admin-pagination{align-items:center;gap:12px;margin-top:16px;display:flex}.admin-pagination button{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;padding:6px 14px}.admin-pagination button:disabled{opacity:.4;cursor:not-allowed}.admin-modal-overlay{z-index:2000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:90vw;max-width:380px;padding:24px}.admin-modal h3{margin-bottom:8px;font-size:18px}.admin-modal-current{color:var(--text-dim);margin-bottom:16px}.admin-modal-actions{gap:6px;margin-bottom:12px;display:flex}.admin-action-btn{background:var(--bg);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:8px;flex:1;padding:8px;font-size:13px;font-weight:600}.admin-credits-input{box-sizing:border-box;background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:16px}.admin-modal-buttons{gap:10px;display:flex}.admin-btn-confirm{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:8px;flex:1;padding:10px;font-weight:700}.admin-btn-cancel{background:var(--bg);color:var(--text-dim);border:1px solid var(--border);cursor:pointer;border-radius:8px;flex:1;padding:10px;font-weight:600}.quick-play-buttons{flex-direction:column;gap:10px;display:flex}.lobby-invite-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;width:100%;padding:12px 20px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s}.lobby-invite-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.invite-toast{z-index:1000;max-width:90vw;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.invite-toast-content{text-align:center;background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #6366f1;border-radius:12px;padding:16px 20px;box-shadow:0 8px 32px #0006}.invite-toast-content p{margin:4px 0}.invite-toast-url{color:#818cf8;word-break:break-all;font-family:monospace;font-size:12px}.invite-toast-hint{color:#94a3b8;font-size:13px}.lobby-page-aa{max-width:600px;min-height:100dvh;color:var(--text);background:#0a0e1a;margin:0 auto;padding-bottom:72px;position:relative;overflow-x:hidden}.lobby-bg{z-index:-1;pointer-events:none;position:fixed;inset:0}.lobby-bg-gradient{background:radial-gradient(60% 40% at 50% 0,#6366f126 0%,#0000 60%),radial-gradient(50% 30% at 80% 20%,#f59e0b14 0%,#0000 50%),radial-gradient(50% 30% at 20% 60%,#00d9ff0f 0%,#0000 50%),linear-gradient(#0d1224 0%,#0a0e1a 30%,#080c16 100%);position:absolute;inset:0}.lobby-bg-vignette{background:radial-gradient(#0000 40%,#00000080 100%);position:absolute;inset:0}.aa-header{z-index:100;-webkit-backdrop-filter:blur(16px);background:#080c16b3;border-bottom:1px solid #6366f126;justify-content:space-between;align-items:center;padding:10px 14px;display:flex;position:sticky;top:0;box-shadow:0 2px 24px #0006}.aa-header:after{content:"";background:linear-gradient(90deg,#0000,#6366f199,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.aa-header-left{align-items:center;gap:10px;display:flex}.aa-header-userinfo{flex-direction:column;gap:1px;display:flex}.aa-header-actions{align-items:center;gap:6px;display:flex}.aa-username{color:#fff;letter-spacing:.3px;font-size:14px;font-weight:800}.aa-rank-mini{letter-spacing:.5px;opacity:.9;text-transform:uppercase;font-size:10px;font-weight:700}.aa-avatar-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.aa-avatar-frame{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .2s;display:flex;overflow:hidden;box-shadow:0 0 8px}.aa-avatar-btn:hover .aa-avatar-frame{transform:scale(1.08)}.aa-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.aa-avatar-text{color:#fff;font-size:16px;font-weight:800}.aa-currency-badge{cursor:pointer;background:linear-gradient(135deg,#ffd70026 0%,#ffa50026 100%);border:1px solid #ffd7004d;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;transition:all .2s;display:flex}.aa-currency-badge:hover{background:linear-gradient(135deg,#ffd70040 0%,#ffa50040 100%);transform:translateY(-1px);box-shadow:0 0 12px #ffd7004d}.aa-currency-icon{font-size:13px}.aa-currency-amount{color:gold;text-shadow:0 0 6px #ffd7004d;font-size:13px;font-weight:800}.aa-icon-btn{border:1px solid var(--border);width:32px;height:32px;color:var(--text-dim);cursor:pointer;background:#1e294099;border-radius:10px;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex}.aa-icon-btn:hover{background:#1e2940e6}.aa-icon-btn-logout:hover{border-color:var(--red);color:var(--red);box-shadow:0 0 8px #ef44444d}.aa-icon-btn-admin{color:var(--amber);border-color:#f59e0b4d}.aa-online-badge{color:#22c55e;cursor:pointer;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;transition:background .15s;display:inline-flex}.aa-online-badge:hover,.aa-online-badge-active{background:#22c55e33}.aa-fade-in{animation:.35s ease-out aaFadeIn}@keyframes aaFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.aa-hero-card{-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#131a2eb3 0%,#0f142480 100%);border:1px solid #6366f126;border-radius:18px;align-items:flex-start;gap:14px;margin:12px 14px;padding:18px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 32px #0006}.aa-hero-bg-glow{z-index:0;position:absolute;inset:0}.aa-hero-avatar-wrap{z-index:1;flex-shrink:0;position:relative}.aa-hero-avatar-ring{width:64px;height:64px;box-shadow:0 0 20px var(--rank-color,#6366f1);background:linear-gradient(135deg,#1a1a2e,#16213e);border:3px solid;border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.aa-hero-avatar-text{color:#fff;font-size:28px;font-weight:900}.aa-hero-rank-chip{border:2px solid #0a0e1a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex;position:absolute;bottom:-4px;right:-4px;box-shadow:0 2px 8px #0006}.aa-hero-info{z-index:1;flex:1;min-width:0}.aa-hero-name-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.aa-hero-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.3px;font-size:18px;font-weight:900;overflow:hidden}.aa-hero-rank-pill{white-space:nowrap;letter-spacing:.5px;text-transform:uppercase;border:1px solid;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:800}.aa-hero-elo-row{align-items:center;gap:6px;margin-bottom:10px;display:flex}.aa-elo-big{color:gold;text-shadow:0 0 10px #ffd70066;font-size:22px;font-weight:900;line-height:1}.aa-elo-label{color:var(--text-dim);text-transform:uppercase;font-size:10px;font-weight:700}.aa-wl-bar{border:1px solid var(--border);background:#0a0e1a99;border-radius:10px;flex:1;height:18px;position:relative;overflow:hidden}.aa-wl-fill{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:10px;height:100%;transition:width .4s}.aa-wl-text{color:#fff;text-shadow:0 1px 2px #0009;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex;position:absolute;inset:0}.aa-hero-stats{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.aa-stat-chip{border:1px solid var(--border);background:#0a0e1a99;border-radius:10px;flex-direction:column;align-items:center;padding:8px 4px;display:flex}.aa-stat-val{font-size:18px;font-weight:800;line-height:1.2}.aa-stat-lbl{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:9px;font-weight:600}.aa-stat-wins{color:#22c55e}.aa-stat-losses{color:#ef4444}.aa-stat-credits{color:#f59e0b}.aa-event-banner{-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#f59e0b1f 0%,#6366f11f 100%);border:1px solid #f59e0b33;border-radius:14px;align-items:center;gap:12px;margin:10px 14px;padding:14px 16px;display:flex;box-shadow:0 2px 16px #0000004d}.aa-event-icon{flex-shrink:0;font-size:28px}.aa-event-body{flex:1;min-width:0}.aa-event-title{color:#fff;font-size:14px;font-weight:800}.aa-event-desc{color:var(--text-dim);margin-top:2px;font-size:12px}.aa-event-progress{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.aa-event-bar{background:#0a0e1a99;border-radius:3px;width:50px;height:6px;overflow:hidden}.aa-event-bar-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:3px;height:100%}.aa-event-progress-text{color:var(--amber);font-size:10px;font-weight:700}.aa-section{-webkit-backdrop-filter:blur(10px);background:linear-gradient(#131a2e80 0%,#0f142459 100%);border:1px solid #6366f11a;border-radius:14px;margin:10px 14px;padding:16px;box-shadow:0 2px 20px #00000040}.aa-section-title{color:#fff;text-transform:uppercase;letter-spacing:1.5px;align-items:center;gap:6px;margin-bottom:12px;font-size:13px;font-weight:800;display:flex}.aa-glass{border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);background:linear-gradient(#131a2e99 0%,#0f142466 100%);border-radius:12px}.aa-mode-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;margin:0 -4px;padding:0 4px;display:flex;overflow-x:auto}.aa-mode-scroll::-webkit-scrollbar{display:none}.aa-mode-card{border:2px solid var(--border);background:var(--card-gradient,linear-gradient(135deg, #1a1a2e 0%, #16213e 100%));cursor:pointer;scroll-snap-align:center;color:#fff;border-radius:14px;flex-direction:column;flex:0 0 130px;justify-content:center;align-items:center;gap:4px;height:160px;padding:16px 10px;transition:all .25s;display:flex;position:relative;overflow:hidden}.aa-mode-card-bg{background:var(--card-gradient,linear-gradient(135deg, #1a1a2e 0%, #16213e 100%));opacity:.4;z-index:0;position:absolute;inset:0}.aa-mode-card:hover{border-color:#6366f166;transform:translateY(-3px);box-shadow:0 8px 24px #0006}.aa-mode-card:hover .aa-mode-card-bg{opacity:.6}.aa-mode-card-selected{transform:scale(1.03);border-color:#6366f1!important;box-shadow:0 0 20px #6366f166,0 4px 16px #0006!important}.aa-mode-card-selected .aa-mode-card-bg{opacity:.8}.aa-mode-card-icon{z-index:1;text-shadow:0 4px 12px #00000080;filter:drop-shadow(0 2px 4px #0006);font-size:42px}.aa-mode-card-name{color:#fff;z-index:1;letter-spacing:.5px;text-shadow:0 2px 8px #0009;font-size:15px;font-weight:900}.aa-mode-card-desc{color:#ffffffb3;z-index:1;text-shadow:0 1px 4px #0009;font-size:11px;font-weight:600}.aa-mode-card-check{color:#fff;z-index:2;background:#6366f1;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #6366f180}.aa-play-config{flex-direction:column;gap:14px;display:flex}.aa-config-row{flex-direction:column;gap:6px;display:flex}.aa-config-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700}.aa-stakes-toggle{gap:8px;display:flex}.aa-stakes-btn{border:2px solid var(--border);color:var(--text);cursor:pointer;background:#0a0e1a80;border-radius:12px;flex:1;padding:10px 14px;font-size:13px;font-weight:700;transition:all .2s}.aa-stakes-btn:hover{background:#6366f114;border-color:#6366f166}.aa-stakes-btn-active{color:var(--amber);box-shadow:0 0 12px #f59e0b40;background:#f59e0b1f!important;border-color:#f59e0b!important}.aa-fill-cards{gap:8px;display:flex}.aa-fill-card{border:2px solid var(--border);cursor:pointer;background:#0a0e1a80;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 4px;transition:border-color .15s,background .15s;display:flex}.aa-fill-card:hover{border-color:#6366f166}.aa-fill-card:disabled,.aa-fill-card[disabled]{opacity:.3;cursor:not-allowed;pointer-events:none}.aa-fill-selected{background:#6366f11a!important;border-color:#6366f1!important}.aa-fill-emoji{font-size:1.4rem}.aa-fill-name{font-size:11px;font-weight:700}.aa-fill-hint{color:var(--text-dim);margin:0;padding:4px 0;font-size:12px;font-style:italic}.aa-play-container{flex-direction:column;gap:10px;padding:8px 14px 4px;display:flex}.aa-play-btn{cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 50%,#b45309 100%);border:none;border-radius:18px;flex-direction:column;align-items:center;gap:2px;width:100%;padding:20px 24px;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 28px #f59e0b73,0 0 40px #f59e0b26,inset 0 1px #ffffff40}.aa-play-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;animation:3s ease-in-out infinite aaShine;position:absolute;top:0;left:-100%}@keyframes aaShine{0%{left:-100%}40%{left:100%}to{left:100%}}.aa-play-btn:hover{transform:translateY(-2px);box-shadow:0 10px 36px #f59e0b99,0 0 60px #f59e0b33,inset 0 1px #ffffff4d}.aa-play-btn:active{transform:translateY(0)}.aa-play-glow{filter:blur(12px);opacity:.4;z-index:-1;background:linear-gradient(135deg,#f59e0b,#d97706,#f59e0b);border-radius:22px;animation:2s ease-in-out infinite aaPlayPulse;position:absolute;inset:-4px}@keyframes aaPlayPulse{0%,to{opacity:.3;filter:blur(12px)}50%{opacity:.55;filter:blur(16px)}}.aa-play-content{z-index:1;justify-content:center;align-items:center;gap:10px;display:flex}.aa-play-icon{text-shadow:0 2px 4px #0006;font-size:20px}.aa-play-text{color:#fff;letter-spacing:3px;text-shadow:0 2px 6px #00000080;font-size:24px;font-weight:900}.aa-play-sub{color:#ffffffd9;letter-spacing:1px;z-index:1;margin-top:2px;font-size:13px;font-weight:700}.aa-invite-btn{color:#818cf8;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#6366f126,#8b5cf626);border:1px solid #6366f159;border-radius:14px;width:100%;padding:12px 20px;font-size:14px;font-weight:700;transition:all .2s}.aa-invite-btn:hover{color:#fff;background:linear-gradient(135deg,#6366f140,#8b5cf640);border-color:#6366f1;transform:translateY(-1px);box-shadow:0 4px 20px #6366f14d}.aa-rooms-list{flex-direction:column;gap:10px;display:flex}.aa-room-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);background:linear-gradient(#131a2e99 0%,#0a0e1a66 100%);border-radius:14px;padding:14px;transition:all .2s}.aa-room-card:hover{border-color:#6366f166;transform:translateY(-1px);box-shadow:0 4px 20px #6366f126}.aa-room-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.aa-room-mode-badge{color:#fff;align-items:center;gap:4px;font-size:14px;font-weight:800;display:flex}.aa-room-stakes-badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.aa-room-stakes-badge.fun{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d}.aa-room-stakes-badge.money{color:gold;background:#ffd70026;border:1px solid #ffd7004d}.aa-room-players{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.aa-room-seat{border-radius:10px;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:600;display:flex}.aa-room-seat-human{background:#22c55e1a;border:1px solid #22c55e4d}.aa-room-seat-active{border-color:var(--amber);animation:1s ease-in-out infinite pulse;box-shadow:0 0 8px #f59e0b66}.aa-room-seat-bot{border:1px solid var(--border);color:var(--text-dim);background:#ffffff0a}.aa-room-seat-open{background:#6366f11a;border:1px solid #6366f166;padding:4px}.aa-btn-join{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:800;transition:all .15s}.aa-btn-join:hover{transform:scale(1.05);box-shadow:0 0 12px #6366f166}.aa-room-footer{color:var(--text-dim);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:8px;font-size:11px;display:flex}.aa-empty{color:var(--text-dim);text-align:center;padding:24px;font-size:14px}.aa-settings-list{flex-direction:column;gap:2px;display:flex}.aa-settings-item{border:1px solid var(--border);cursor:pointer;width:100%;color:var(--text);text-align:left;background:#0a0e1a66;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:all .15s;display:flex}.aa-settings-item:hover{background:#1e294099;border-color:#6366f14d}.aa-settings-icon{font-size:20px}.aa-settings-label{flex:1;font-size:15px;font-weight:600}.aa-settings-arrow{color:var(--text-dim);font-size:20px}.aa-settings-item-danger:hover{border-color:var(--red)}.aa-settings-item-danger:hover .aa-settings-label{color:var(--red)}.aa-bottom-nav{-webkit-backdrop-filter:blur(20px);z-index:200;background:#080c16d9;border-top:1px solid #6366f126;justify-content:space-around;align-items:center;width:100%;max-width:600px;padding:6px 4px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 20px #0006}.aa-bottom-nav:before{content:"";background:linear-gradient(90deg,#0000,#6366f166,#0000);height:1px;position:absolute;top:0;left:0;right:0}.aa-nav-item{cursor:pointer;color:var(--text-dim);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 4px;transition:color .2s;display:flex;position:relative}.aa-nav-icon{font-size:22px}.aa-nav-label{letter-spacing:.3px;font-size:10px;font-weight:600}.aa-nav-active{color:#6366f1}.aa-nav-active:before{content:"";background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:0 0 4px 4px;width:32px;height:3px;position:absolute;top:-6px;left:50%;transform:translate(-50%);box-shadow:0 0 8px #6366f180}.aa-nav-active .aa-nav-icon{filter:drop-shadow(0 0 6px #6366f180)}.aa-tab-content{min-height:200px}@media (width>=768px){.game-container{max-width:800px}.tile{width:56px;height:112px}.tile-sm{width:32px;height:64px}.board-tile{width:52px;height:104px}.seat-left,.seat-right{width:80px}.pip{width:7px;height:7px}.rooms-list,.team-list{grid-template-columns:1fr 1fr;gap:12px;display:grid}}@media (width>=1024px){.game-container{max-width:960px}.tile{width:64px;height:128px}.tile-sm{width:36px;height:72px}.board-tile{width:58px;height:116px}.seat-left,.seat-right{width:100px}.pip{width:8px;height:8px}.game-header{padding:12px 20px}.scoreboard{gap:16px;font-size:15px}.score-team strong{font-size:18px}.logo{font-size:16px}.player-hand{gap:6px;padding:8px 16px}.actions-bar{gap:12px;padding:10px 20px}.btn{padding:12px 24px;font-size:15px}.board-chain{gap:4px}.lobby-page{max-width:760px;padding:0 24px 24px}.rooms-list,.team-list{grid-template-columns:1fr;gap:12px;display:grid}.mode-select-page{max-width:900px;padding:60px 40px}.stakes-toggle{gap:16px}.stakes-btn{padding:14px 36px;font-size:1.1rem}.mode-card{padding:20px 16px}.mode-card-emoji{margin-bottom:8px;font-size:2.5rem}.landing-hero{padding:120px 40px 80px}.landing-hero h1{font-size:56px}.landing-hero-content{max-width:700px}.landing-section{max-width:1000px}.landing-cards{grid-template-columns:repeat(3,1fr)}.landing-play-btn{padding:18px 56px;font-size:22px}.room-card{padding:18px}.room-players{gap:12px}.btn-join-seat{padding:8px 18px;font-size:14px}.auth-card{max-width:440px;padding:48px 40px}.wallet-page{max-width:600px}}@media (width>=1280px){.lobby-page{max-width:1300px}.game-container{max-width:1100px}.tile{width:70px;height:140px}.tile-sm{width:40px;height:80px}.board-tile{width:62px;height:124px}.seat-left,.seat-right{width:110px}.player-hand{gap:8px;padding:10px 20px}.board-chain{gap:5px}.mode-select-page{max-width:1000px}}
/*$vite$:1*/