:root{--bg-0: #06081a;--bg-1: #0a0e2a;--bg-2: #131846;--fg: #f1f3f9;--muted: #8893b3;--accent: #7be3ff;--accent-2: #b894ff;--accent-3: #ff7ac6;--gold: #ffd166;--playable: #6cffb3;--danger: #ff5775;--warn: #ffc04a;--card-red: #c93232;--card-black: #181d2e;--glass-bg: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .1);--card-w: 88px;--card-h: 124px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-0);color:var(--fg);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit}.splash{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;z-index:50}.splash__title{font-family:Space Grotesk,sans-serif;font-size:3.4rem;font-weight:700;letter-spacing:-.04em;background:linear-gradient(135deg,#7be3ff,#b894ff,#ff7ac6);-webkit-background-clip:text;background-clip:text;color:transparent}.splash__spinner{width:36px;height:36px;border-radius:50%;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse at top,#0e1138,#06081a 70%)}.bg__blob{position:absolute;border-radius:50%;filter:blur(120px);opacity:.55;mix-blend-mode:screen;will-change:transform}.bg__blob--cyan{background:#1ea0ff;width:520px;height:520px;top:5%;left:5%}.bg__blob--pink{background:#ff4a8a;width:480px;height:480px;top:50%;left:60%}.bg__blob--violet{background:#8a5cff;width:460px;height:460px;top:60%;left:10%;opacity:.45}.bg__blob--gold{background:#ffb240;width:380px;height:380px;top:15%;left:60%;opacity:.35}.bg__grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='200' height='200' filter='url(%23n)' opacity='1'/></svg>");mix-blend-mode:overlay}.bg__vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.75) 100%)}.app{position:relative;z-index:10;max-width:1180px;margin:0 auto;padding:28px 24px 80px;min-height:100vh}.title{font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:700;letter-spacing:-.04em;line-height:1;margin:0 0 8px;background:linear-gradient(135deg,#7be3ff,#b894ff,#ff7ac6);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 60px rgba(123,227,255,.3);animation:titleGradient 8s ease-in-out infinite}@keyframes titleGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.title__plus{-webkit-text-fill-color:var(--gold);background:none}.subtitle{color:var(--muted);font-size:1rem;margin:0 0 24px}.muted{color:var(--muted);font-size:.92rem}.code{font-family:Space Grotesk,ui-monospace,monospace;background:#7be3ff14;color:var(--accent);padding:4px 14px;border-radius:8px;letter-spacing:.25em;border:1px solid rgba(123,227,255,.2);text-shadow:0 0 12px rgba(123,227,255,.4)}.btn{position:relative;background:linear-gradient(180deg,#ffffff14,#ffffff05);color:var(--fg);border:1px solid var(--glass-border);border-radius:12px;padding:12px 22px;margin:4px;cursor:pointer;font-weight:600;font-size:.95rem;overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:transform .15s cubic-bezier(.2,.7,.2,1),background .2s,border-color .2s,box-shadow .25s}.btn>span{position:relative;z-index:2}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);transform:translate(-120%);transition:transform .6s cubic-bezier(.2,.7,.2,1);pointer-events:none}.btn:hover:not(:disabled):before{transform:translate(120%)}.btn:hover:not(:disabled){transform:translateY(-2px);border-color:#ffffff40;box-shadow:0 12px 32px #00000059}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn--full{width:100%}.btn--primary{background:linear-gradient(135deg,#7be3ff,#b894ff);color:#050b1a;border:none;box-shadow:0 8px 28px #7be3ff73,0 0 60px #b894ff40,inset 0 1px #fff9}.btn--primary:hover:not(:disabled){box-shadow:0 12px 36px #7be3ff99,0 0 80px #b894ff66,inset 0 1px #ffffffb3}.btn--big{padding:16px 28px;font-size:1.05rem;border-radius:14px}.btn--ghost{background:transparent}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:10px;background:#ffffff0a;border:1px solid var(--glass-border);color:var(--fg);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.icon-button:hover{background:#ffffff17;border-color:#ffffff38}.icon-button:focus-visible{outline:2px solid rgba(255,229,102,.55);outline-offset:2px}.icon-button--floating{position:fixed;top:18px;right:18px;z-index:30;background:#141624c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}input{display:block;background:#00000040;color:var(--fg);border:1px solid var(--glass-border);border-radius:12px;padding:14px 16px;margin:8px 0 16px;width:100%;font-size:1rem;font-family:inherit;transition:border-color .2s,box-shadow .2s,background .2s}input:focus{outline:none;border-color:var(--accent);background:#0006;box-shadow:0 0 0 3px #7be3ff26,0 0 30px #7be3ff1a}.input--code{font-family:Space Grotesk,monospace;letter-spacing:.4em;text-align:center;font-size:1.5rem;font-weight:600}label{display:block;font-size:.82rem;color:var(--muted);margin-top:6px;text-transform:uppercase;letter-spacing:.08em}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:18px;padding:24px;margin:18px 0;backdrop-filter:blur(40px) saturate(140%);-webkit-backdrop-filter:blur(40px) saturate(140%);box-shadow:0 24px 60px #0000004d,inset 0 1px #ffffff14;position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,transparent 50%);border-radius:inherit}.lobby{max-width:480px;margin:80px auto 0}.divider{text-align:center;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.3em;margin:24px 0;position:relative}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:25%;height:1px}.divider:before{left:0;background:linear-gradient(90deg,transparent,var(--glass-border))}.divider:after{right:0;background:linear-gradient(90deg,var(--glass-border),transparent)}.room-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:18px 24px}.room-header h2{margin:0;font-size:1.3rem;font-family:Space Grotesk,sans-serif}.players{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 28px}.player{position:relative;display:flex;gap:12px;align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:14px;padding:12px 16px;min-width:180px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:border-color .3s,box-shadow .3s,background .3s;overflow:hidden}.player:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.player--current{background:#7be3ff0f;border-color:#7be3ff73;box-shadow:0 0 0 1px #7be3ff47;animation:playerCurrentBreath 3.6s ease-in-out infinite}.player__ring{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:16px;border:1px solid rgba(123,227,255,.35);pointer-events:none}@keyframes playerCurrentBreath{0%,to{box-shadow:0 0 0 1px #7be3ff38,0 0 18px #7be3ff24}50%{box-shadow:0 0 0 1px #7be3ff5c,0 0 30px #7be3ff47}}.player--off{opacity:.45;filter:saturate(.4)}.avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6);position:relative;flex-shrink:0;box-shadow:inset 0 0 0 2px #ffffff26,inset 0 -8px 16px #00000040,0 4px 12px #00000059}.player__body{display:flex;flex-direction:column;gap:2px;min-width:0}.player__name{font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.player__meta{display:flex;gap:6px;align-items:baseline;font-size:.82rem}.player__count{font-size:1.4rem;font-weight:700;font-family:Space Grotesk,sans-serif;color:var(--accent);letter-spacing:-.02em;text-shadow:0 0 12px rgba(123,227,255,.4)}.tag{background:#ffffff14;border-radius:4px;padding:2px 7px;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600}.tag--off{background:#ff506426;color:var(--danger)}.tag--gold{background:#ffc82829;color:#ffd166;margin-left:8px}.table{position:relative;padding-top:8px}.board{display:flex;gap:40px;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 30%,#145a3cb3,#0a281c80,#05120c99);border-radius:28px;padding:40px 32px;margin:20px 0 24px;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 2px 12px #0006,inset 0 0 80px #0000004d,0 24px 60px #0006,0 0 100px #50dca00d;position:relative;overflow:hidden;min-height:200px}.board:before{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:1px dashed rgba(255,255,255,.08);border-radius:22px;pointer-events:none}.board:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent);pointer-events:none}.pile{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:100px;position:relative;z-index:2}.pile__label{font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:#ffffff80;font-weight:600}.pile__stack{position:relative}.pile__count{position:absolute;bottom:-8px;right:-10px;background:var(--bg-2);color:var(--accent);border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:700;font-family:Space Grotesk,sans-serif;box-shadow:0 0 12px #7be3ff4d,0 2px 6px #0006;border:1px solid rgba(123,227,255,.3)}.pile--center .card{box-shadow:0 12px 36px #0000008c,0 0 40px #ffffff14}.dir{font-size:2.6rem;color:var(--accent);filter:drop-shadow(0 4px 12px rgba(123,227,255,.6))}.card{width:var(--card-w);height:var(--card-h);background:transparent;border:none;padding:0;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;perspective:800px;-webkit-tap-highlight-color:transparent}.card__tilt{position:relative;display:block;width:100%;height:100%;border-radius:10px;background:radial-gradient(ellipse at 30% 0%,rgba(255,255,255,.55),transparent 55%),linear-gradient(180deg,#fff,#f3f4f8);border:1px solid rgba(0,0,0,.12);transform-style:preserve-3d;transform:perspective(800px) rotateX(var(--tilt-rx, 0deg)) rotateY(var(--tilt-ry, 0deg));transition:transform .12s cubic-bezier(.2,.7,.2,1);box-shadow:0 12px 26px #00000080,0 2px 6px #00000059,inset 0 -1.5px #00000014,inset 0 1px #ffffffe6;overflow:hidden}.card__edge{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(0,0,0,.05);border-radius:8px;pointer-events:none}.card__shine{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--shine-x, 50%) var(--shine-y, 50%),rgba(255,255,255,.5) 0%,rgba(255,255,255,.1) 25%,transparent 60%);mix-blend-mode:screen;pointer-events:none;opacity:.6}.card__holo{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 25%,rgba(108,255,179,.32) 40%,rgba(255,121,198,.32) 55%,rgba(123,227,255,.32) 70%,transparent 85%);background-size:250% 250%;mix-blend-mode:overlay;pointer-events:none;animation:holoShimmer 3s linear infinite;opacity:.85}@keyframes holoShimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}.card--empty{background:transparent;border:2px dashed rgba(255,255,255,.15);color:#ffffff40;display:flex;align-items:center;justify-content:center;cursor:default;border-radius:10px;width:var(--card-w);height:var(--card-h)}.card--back{width:var(--card-w);height:var(--card-h);background:linear-gradient(135deg,#1a2459,#0e1338);border:1px solid rgba(255,255,255,.12);border-radius:10px;position:relative;overflow:hidden;box-shadow:0 12px 26px #00000080,inset 0 1px #ffffff1a}.card__back-pattern{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:8px;background:repeating-linear-gradient(60deg,rgba(123,227,255,.13) 0 5px,transparent 5px 11px),repeating-linear-gradient(-60deg,rgba(184,148,255,.13) 0 5px,transparent 5px 11px),radial-gradient(ellipse at center,#1f2a6e,#0e1338)}.card__back-frame{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:8px;border:1px solid rgba(123,227,255,.35);box-shadow:inset 0 0 0 2px #7be3ff0d}.card__back-emblem{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2.4rem;color:#7be3ffb3;text-shadow:0 0 18px rgba(123,227,255,.6)}.card--red{color:var(--card-red)}.card--black{color:var(--card-black)}.card--disabled .card__tilt{opacity:.46;filter:grayscale(.55) brightness(.85)}.card--disabled{cursor:not-allowed}.card--playable .card__tilt{border-color:#6cffb380;box-shadow:0 12px 26px #00000080,0 0 0 1.5px #6cffb380,0 0 30px #6cffb38c,inset 0 -1.5px #00000014,inset 0 1px #ffffffe6;animation:cardPulse 2.4s ease-in-out infinite}@keyframes cardPulse{0%,to{box-shadow:0 12px 26px #00000080,0 0 0 1.5px #6cffb380,0 0 26px #6cffb373,inset 0 -1.5px #00000014,inset 0 1px #ffffffe6}50%{box-shadow:0 12px 26px #00000080,0 0 0 2.5px #6cffb3b3,0 0 42px #6cffb3b3,inset 0 -1.5px #00000014,inset 0 1px #ffffffe6}}.card__corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1;font-weight:700;z-index:3}.card__corner--tl{top:6px;left:7px}.card__corner--br{bottom:6px;right:7px;transform:rotate(180deg)}.card__rank{font-family:Space Grotesk,sans-serif;font-size:1.05rem}.card__suit-sm{font-size:1rem;margin-top:1px}.card__face{position:absolute;top:22px;right:14px;bottom:22px;left:14px;display:block;z-index:2;pointer-events:none}.pips{position:relative;width:100%;height:100%}.pip{position:absolute;transform:translate(-50%,-50%);font-size:1.05rem;line-height:1;font-weight:700}.pip--inv{transform:translate(-50%,-50%) rotate(180deg)}.ace{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ace__halo{position:absolute;top:0;right:0;bottom:0;left:0;color:currentColor}.ace__glyph{position:relative;z-index:2;font-size:3rem;line-height:1;filter:drop-shadow(0 1px 0 rgba(0,0,0,.08))}.court{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.court__frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:currentColor}.court__crown{width:70%;height:auto;color:currentColor;margin-bottom:2px;filter:drop-shadow(0 1px 0 rgba(0,0,0,.15))}.court__monogram{font-family:Space Grotesk,serif;font-weight:700;font-size:2.1rem;line-height:1;letter-spacing:-.05em;text-shadow:0 1px 0 rgba(255,255,255,.5);position:relative;z-index:2}.court__suit{font-size:1rem;line-height:1;z-index:2}.court__flourish{position:absolute;left:8%;right:8%;width:84%;height:12px;color:currentColor}.court__flourish--top{top:12%}.court__flourish--bottom{bottom:12%;transform:rotate(180deg)}.pending{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0;justify-content:center;min-height:36px}.pill{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:500;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.pill--danger{border-color:#ff577566;color:var(--danger);background:#ff57751a;box-shadow:0 0 24px #ff577540}.pill--warn{border-color:#ffc04a66;color:var(--warn);background:#ffc04a1a;box-shadow:0 0 24px #ffc04a33}.hand{display:flex;justify-content:center;align-items:flex-end;padding:56px 16px 32px;margin:16px 0 8px;min-height:220px;position:relative}.hand__inner{display:flex;justify-content:center;align-items:flex-end;position:relative;min-height:calc(var(--card-h) + 16px)}.hand__slot{display:flex;align-items:flex-end;margin-right:calc(var(--card-w) * -.55);transition:margin .3s cubic-bezier(.2,.7,.2,1)}.hand__slot:last-child{margin-right:0}.actions{display:flex;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap}.turn-indicator{margin-left:auto;font-size:1rem;padding:8px 16px;border-radius:999px;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.turn-indicator strong{background:linear-gradient(135deg,#7be3ff,#b894ff);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}.err{background:#ff57751f;border:1px solid rgba(255,87,117,.4);padding:12px 18px;border-radius:12px;color:#ffb3b3;margin-top:16px;font-size:.9rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050814b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:200}.modal{background:linear-gradient(180deg,var(--bg-2),var(--bg-1));border:1px solid var(--glass-border);border-radius:20px;padding:28px;min-width:360px;box-shadow:0 32px 80px #000000b3,0 0 80px #7be3ff1a}.modal h3{margin:0 0 18px;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:1.2rem}.modal__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.table--finish{text-align:center;padding-top:60px}.winners{list-style:none;padding:0;margin:28px auto;display:flex;flex-direction:column;gap:12px;max-width:420px}.winners li{display:flex;align-items:center;gap:16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:14px;padding:14px 20px;font-size:1.1rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.place{background:linear-gradient(135deg,gold,#fa0);color:#1a1a1a;font-family:Space Grotesk,sans-serif;font-weight:700;padding:6px 12px;border-radius:999px;font-size:.85rem;box-shadow:0 0 20px #ffd70080}.winners li:nth-child(2) .place{background:linear-gradient(135deg,silver,#888)}.winners li:nth-child(3) .place{background:linear-gradient(135deg,#cd7f32,#8a5520)}.winners li:nth-child(n+4) .place{background:#ffffff1a;color:var(--muted);box-shadow:none}.streak-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.04em;font-family:Space Grotesk,sans-serif}.streak-chip svg{display:block}.streak-chip--warm{background:linear-gradient(135deg,#ff9540,#ffd166);color:#2a1500;box-shadow:0 0 16px #ff95408c}.streak-chip--fire{background:linear-gradient(135deg,#ff4d2a,#fa0);color:#fff;box-shadow:0 0 22px #ff4d2abf,0 0 8px #ffc800cc;animation:streakPulse .9s ease-in-out infinite}@keyframes streakPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.player--fire{background:linear-gradient(180deg,#ff50001f,#ff1e000d);border-color:#ff7a2a99;box-shadow:0 0 40px #ff7a2a8c,inset 0 0 16px #ff5a004d}.card--fire .card__tilt{border-color:#ff8a3a99;box-shadow:0 12px 26px #00000080,0 0 0 2px #ff8a3a8c,0 0 36px #ff5a00cc,inset 0 -1.5px #00000014,inset 0 1px #ffffffe6;animation:cardFireFlicker 1.4s ease-in-out infinite alternate}@keyframes cardFireFlicker{0%{box-shadow:0 12px 26px #00000080,0 0 0 2px #ff8a3a8c,0 0 28px #ff5a00b3,inset 0 -1.5px #00000014,inset 0 1px #ffffffe6}to{box-shadow:0 12px 26px #00000080,0 0 0 3px #ffaa50cc,0 0 48px #ff8c1e,inset 0 -1.5px #00000014,inset 0 1px #ffffffe6}}.card__fire{position:absolute;top:-22px;left:0;width:100%;height:28px;pointer-events:none;z-index:4}.flame{position:absolute;bottom:0;width:12px;height:16px;background:radial-gradient(circle at 50% 80%,#fff9b0 0%,#ffd166 30%,#ff7a2a 60%,transparent 85%);border-radius:50% 50% 30% 30%;filter:blur(1.5px);animation:flameUp .9s ease-out infinite;transform:translate(-50%);mix-blend-mode:screen}@keyframes flameUp{0%{transform:translate(-50%) scale(1) rotate(0);opacity:1}60%{transform:translate(-50%,-14px) scale(1.3) rotate(-8deg);opacity:.8}to{transform:translate(-50%,-30px) scale(.5) rotate(10deg);opacity:0}}.fire-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30;overflow:hidden}.fire-overlay__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 100%,rgba(255,110,0,.55) 0%,transparent 55%),radial-gradient(ellipse at 20% 90%,rgba(255,60,0,.4) 0%,transparent 50%),radial-gradient(ellipse at 80% 90%,rgba(255,200,60,.4) 0%,transparent 50%);mix-blend-mode:screen;animation:glowPulse 1.6s ease-in-out infinite alternate}@keyframes glowPulse{0%{transform:translateY(2%) scale(1)}to{transform:translateY(-2%) scale(1.04)}}.fire-overlay__particles{position:absolute;top:0;right:0;bottom:0;left:0}.ember{position:absolute;bottom:-10px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#fff2b0 0%,#ffaa20 40%,transparent 70%);filter:blur(2px);animation:emberRise linear infinite;opacity:.95;mix-blend-mode:screen}@keyframes emberRise{0%{transform:translate(0) scale(.6);opacity:0}10%{opacity:.95}to{transform:translate(var(--drift, 30px),-110vh) scale(1.3);opacity:0}}.on-fire-banner{position:fixed;top:110px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff4d2a,#fa0);color:#fff;font-family:Space Grotesk,sans-serif;font-size:1.7rem;font-weight:700;letter-spacing:.14em;padding:10px 28px;border-radius:999px;box-shadow:0 0 50px #ff6400cc,0 12px 32px #00000080,inset 0 1px #fff6;text-shadow:0 2px 12px rgba(120,30,0,.7);z-index:90;animation:bannerPulse .9s ease-in-out infinite}@keyframes bannerPulse{0%,to{transform:translate(-50%) scale(1) rotate(-1deg)}50%{transform:translate(-50%) scale(1.06) rotate(1deg)}}.screen-flash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:80;mix-blend-mode:screen}.chroma-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:75;-webkit-backdrop-filter:drop-shadow(calc(var(--chroma, 0px) * 1) 0 0 rgba(255,50,50,.7)) drop-shadow(calc(var(--chroma, 0px) * -1) 0 0 rgba(50,200,255,.7));backdrop-filter:drop-shadow(calc(var(--chroma, 0px) * 1) 0 0 rgba(255,50,50,.7)) drop-shadow(calc(var(--chroma, 0px) * -1) 0 0 rgba(50,200,255,.7));mix-blend-mode:screen;background:#0000;animation:chromaJitter .1s steps(2) infinite}@keyframes chromaJitter{0%{transform:translate(0)}50%{transform:translate(1px,-1px)}to{transform:translate(-1px,1px)}}.particles-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:85}.particle{position:fixed;border-radius:50%;top:0;left:0;pointer-events:none;mix-blend-mode:screen}.shockwaves-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:78}.shockwave{position:fixed;top:-64px;left:-64px;width:128px;height:128px;border:4px solid;border-radius:50%;pointer-events:none;mix-blend-mode:screen}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:95;overflow:hidden}.confetti__bit{position:absolute;top:-20px;border-radius:2px;animation:confettiFall linear forwards;transform-origin:center;box-shadow:0 0 6px currentColor}@keyframes confettiFall{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--drift, 80px),110vh) rotate(720deg);opacity:.4}}.bolts-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:86;mix-blend-mode:screen}.bolt-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh}.bolt-path{fill:none;stroke:var(--bolt-color, #fff);stroke-width:1.5;filter:drop-shadow(0 0 8px var(--bolt-color, #fff)) drop-shadow(0 0 18px var(--bolt-color, #fff));stroke-linecap:round;vector-effect:non-scaling-stroke;animation:boltFlash .45s ease-out}@keyframes boltFlash{0%{opacity:0;stroke-width:.5}20%{opacity:1;stroke-width:3}60%{opacity:1;stroke-width:1}to{opacity:0;stroke-width:0}}.glyph-rain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:84;overflow:hidden}.glyph-drop{position:absolute;top:-10vh;font-family:Inter,sans-serif;font-weight:700;animation:glyphFall linear forwards;mix-blend-mode:screen;filter:drop-shadow(0 0 6px currentColor)}@keyframes glyphFall{0%{transform:translate(0) rotate(0);opacity:0}10%{opacity:1}to{transform:translate(var(--drift, 0px),130vh) rotate(180deg);opacity:0}}.mega-banner{position:fixed;top:38%;left:50%;transform:translate(-50%,-50%);z-index:110;pointer-events:none;font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;-webkit-user-select:none;user-select:none;text-align:center;width:max-content;max-width:90vw}.mega-banner__text,.mega-banner__shadow{display:block;width:100%;text-align:center}.mega-banner__shadow{position:absolute;top:0;right:0;bottom:0;left:0;color:var(--banner-color, #fff);filter:blur(20px);opacity:.9}.mega-banner__text{position:relative;background:linear-gradient(180deg,#fff 0%,var(--banner-color, #fff) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 8px var(--banner-color, #fff),0 0 30px var(--banner-color, #fff);-webkit-text-stroke:2px rgba(0,0,0,.3)}.mega-banner--fatal,.mega-banner--massive{font-size:clamp(3rem,8vw,6rem)}.mega-banner--king,.mega-banner--queen{font-size:clamp(2.4rem,6vw,4.5rem)}.mega-banner--jack,.mega-banner--ace{font-size:clamp(2rem,5vw,3.6rem)}.mega-banner--lightning,.mega-banner--time{font-size:clamp(1.8rem,4.5vw,3.2rem)}.mega-banner--massive .mega-banner__text{animation:bannerShake .08s linear infinite}@keyframes bannerShake{0%,to{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1px,-2px)}}.popup-zone{position:fixed;top:24px;left:50%;transform:translate(-50%);width:max-content;max-width:90vw;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:120;pointer-events:none}.popup{font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:.02em;white-space:nowrap;padding:8px 18px;border-radius:999px;background:#080c1ebf;border:1px solid var(--glass-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #00000080;font-size:1rem}.popup--play{color:#6cffb3;border-color:#6cffb380;box-shadow:0 0 24px #6cffb359,0 8px 32px #00000080}.popup--streak{color:#ff9540;border-color:#ff954080;box-shadow:0 0 24px #ff954073,0 8px 32px #00000080;font-size:1.1rem}.popup--big{color:#ffe566;border-color:#ffe56699;background:linear-gradient(180deg,#281400d9,#140800e6);box-shadow:0 0 36px #ffc80099,0 12px 40px #0009;font-size:1.6rem;padding:12px 28px;text-transform:uppercase;letter-spacing:.1em}@media (max-width: 680px){:root{--card-w: 70px;--card-h: 100px}.board{gap:20px;padding:24px 14px}.card__rank{font-size:.9rem}.court__monogram{font-size:1.6rem}.ace__glyph{font-size:2.2rem}.player{min-width:140px}}.modal--combo{max-width:540px}.combo-confirm__cards{display:flex;gap:12px;justify-content:center;padding:18px 0}.combo-confirm__card{transform:scale(.85)}.combo-confirm__actions{display:flex;gap:12px;justify-content:center;margin-top:12px}.modal--shop{max-width:640px}.shop-picker__cards{display:flex;gap:16px;justify-content:center;padding:24px 0}.shop-picker__slot{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:transform .18s ease,border-color .18s ease}.shop-picker__slot:hover{border-color:#ffe566b3;transform:translateY(-4px)}.shop-picker__take{font-size:.82rem;color:#ffe566;letter-spacing:.08em;text-transform:uppercase}.modal--reveal{max-width:720px}.reveal-viewer__cards{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:18px 0}.reveal-viewer__slot{transform:scale(.78)}.rules-panel__toggle{position:fixed;bottom:18px;right:18px;z-index:30;display:inline-flex;align-items:center;gap:8px;background:#141624d1;color:#dce2f5eb;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:8px 14px;font-size:.88rem;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .15s ease,border-color .15s ease}.rules-panel__toggle:hover{background:#1c2032e0;border-color:#ffffff40}.rules-panel{position:fixed;top:0;right:0;width:min(380px,92vw);height:100vh;background:#0c0e16f5;border-left:1px solid rgba(255,255,255,.12);padding:22px 18px;z-index:40;overflow-y:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:-16px 0 40px #00000080}.rules-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.rules-panel__list{display:flex;flex-direction:column;gap:14px}.rules-panel__rule{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 14px}.rules-panel__title{font-weight:600;color:#ffe566;margin-bottom:6px;font-size:.95rem}.rules-panel__body{font-size:.82rem;line-height:1.4;color:#dce2f5cc}.card--joker{background:linear-gradient(160deg,#2b0e3a,#06070d 70%);color:#c084ff;border:2px solid rgba(192,132,255,.5);box-shadow:0 0 24px #c084ff59,inset 0 0 12px #c084ff26}.joker{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.joker__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 30%,rgba(255,121,198,.25) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(139,233,253,.2) 0%,transparent 50%),repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0 6px,transparent 6px 14px)}.joker__glyph{font-size:3.2rem;filter:drop-shadow(0 0 12px rgba(192,132,255,.7));z-index:1}.joker__label{font-size:.7rem;letter-spacing:.3em;font-weight:700;color:#c084ff;text-shadow:0 0 8px rgba(192,132,255,.6);z-index:1}.btn--shield{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(140deg,#508cff40,#28508c26);border-color:#78b4ff8c;color:#cde4ff}.btn--shield:hover:not([disabled]){background:linear-gradient(140deg,#508cff59,#28508c33);border-color:#78b4ffd9}.modal__row{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.modal--settings{max-width:460px;width:92vw;padding:22px 24px}.settings__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.settings__section{display:flex;flex-direction:column;gap:14px;padding:12px 0}.settings__section--danger{border-top:1px solid rgba(255,100,100,.2);margin-top:8px;padding-top:16px}.settings__row{display:flex;align-items:center;justify-content:space-between;gap:14px}.settings__row--column{flex-direction:column;align-items:stretch;gap:6px}.settings__row-head{display:flex;justify-content:space-between;align-items:baseline}.settings__row-label{display:inline-flex;align-items:center;gap:10px;font-size:.95rem;color:#dce2f5eb}.settings__row-label svg{color:#dce2f5b3;flex-shrink:0}.settings__volume-label{font-size:.82rem;color:#ffe566;font-variant-numeric:tabular-nums}.settings__slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:#ffffff2e;border-radius:3px;outline:none;cursor:pointer}.settings__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(140deg,#ffe566,#ffaa20);border:1px solid rgba(0,0,0,.3);cursor:pointer;box-shadow:0 0 10px #ffe56680}.settings__slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(140deg,#ffe566,#ffaa20);border:1px solid rgba(0,0,0,.3);cursor:pointer;box-shadow:0 0 10px #ffe56680}.toggle{width:44px;height:24px;border-radius:12px;background:#ffffff2e;border:1px solid rgba(255,255,255,.1);position:relative;cursor:pointer;transition:background .2s ease;padding:0}.toggle__knob{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:left .2s ease,background .2s ease}.toggle--on{background:#ffe566b3;border-color:#ffe56680}.toggle--on .toggle__knob{left:22px;background:#fff8d0;box-shadow:0 0 6px #ffe56699}.btn--danger{background:linear-gradient(140deg,#ff505040,#b4282826);border-color:#ff64648c;color:#ffd5d5}.btn--danger:hover:not([disabled]){background:linear-gradient(140deg,#ff505066,#b4282840);border-color:#ff6464d9}.timer-score{position:fixed;top:18px;left:18px;z-index:25;display:flex;flex-direction:column;gap:8px;background:#141624c7;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-variant-numeric:tabular-nums;min-width:180px}.timer-score__clock{display:flex;flex-direction:column;gap:4px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08)}.timer-score__game,.timer-score__turn{display:flex;justify-content:space-between;gap:12px;font-size:.85rem}.timer-score__label{color:#dce2f599}.timer-score__value{color:#ffffffeb;font-weight:600}.timer-score__value--turn{color:#ffe566}.timer-score__board{display:flex;flex-direction:column;gap:3px}.timer-score__row{display:flex;justify-content:space-between;gap:12px;padding:3px 6px;border-radius:6px;font-size:.82rem}.timer-score__row--current{background:#ffe5661f;color:#ffe566}.timer-score__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.timer-score__pts{font-weight:700;color:#ffe566}.winner-name{flex:1;text-align:left;margin:0 12px}.winner-points{color:#ffe566;font-weight:600;font-variant-numeric:tabular-nums}@media (max-width: 680px){.timer-score{top:70px;left:14px;min-width:150px;padding:8px 10px}.timer-score__game,.timer-score__turn{font-size:.78rem}}