:root{--bg: #0d0f1a;--bg-elevated: #161a2b;--bg-card: #1d2236;--glass: rgba(255, 255, 255, .055);--glass-border: rgba(255, 255, 255, .09);--text: #f2f4ff;--text-dim: #8b91ad;--accent: #ff8a3d;--accent-2: #a06bff;--danger: #ff4d5e;--success: #2ecc8f;--radius: 20px;--shadow-soft: 0 12px 40px rgba(0, 0, 0, .35);--shadow-card: 0 8px 24px rgba(0, 0, 0, .35);--spring: cubic-bezier(.34, 1.56, .64, 1);--swift: cubic-bezier(.22, 1, .36, 1);--anim-fast: .18s var(--spring);--anim-med: .3s var(--swift);--card-w: clamp(64px, 17vw, 96px);--card-h: calc(var(--card-w) * 1.44);--tap-min: 44px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root,.app{height:100%}.app{height:100vh;height:100dvh}#root>.app{position:fixed;top:0;right:0;bottom:0;left:0;height:auto;min-height:0;overflow:hidden}body{font-family:Nunito,SF Pro Display,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font-family:inherit;cursor:pointer;min-height:var(--tap-min)}button:disabled{cursor:not-allowed;opacity:.5}.lobby{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:clamp(20px,4vh,40px);padding:max(72px,calc(env(safe-area-inset-top) + 60px)) 24px max(24px,env(safe-area-inset-bottom));overflow-y:auto}.lobby-glow{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 320px at 30% 20%,rgba(160,107,255,.2),transparent),radial-gradient(520px 300px at 75% 75%,rgba(255,138,61,.16),transparent);pointer-events:none;animation:glowDrift 14s ease-in-out infinite alternate}.logo{font-size:clamp(44px,10vw,84px);font-weight:900;letter-spacing:-2px;text-align:center;filter:drop-shadow(0 10px 40px rgba(160,107,255,.35))}.logo-accent{background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{color:var(--text-dim);text-align:center;font-weight:700}.lobby-card{position:relative;width:min(420px,100%);background:var(--glass);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:clamp(20px,4vw,28px);display:flex;flex-direction:column;gap:18px;animation:riseIn .42s var(--spring)}.field{display:flex;flex-direction:column;gap:8px}.field-label{font-size:13px;font-weight:700;color:var(--text-dim)}.input{background:#0000004d;border:1.5px solid rgba(255,255,255,.1);border-radius:13px;color:var(--text);font-size:17px;font-weight:700;padding:13px 16px;min-height:var(--tap-min);outline:none;transition:border-color var(--anim-fast),box-shadow var(--anim-fast)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #ff8a3d26}.input-code{text-align:center;font-size:28px;letter-spacing:10px;text-transform:uppercase}.lobby-actions{display:flex;flex-direction:column;gap:12px}.btn{border:none;border-radius:15px;font-size:16px;font-weight:800;padding:14px 20px;min-height:var(--tap-min);transition:transform var(--anim-fast),box-shadow var(--anim-fast),filter var(--anim-fast)}.btn:active:not(:disabled){transform:scale(.96)}.btn-primary{background:linear-gradient(120deg,var(--accent),#ff5e3d);color:#1a0d05;box-shadow:0 10px 30px #ff8a3d4d}.btn-primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.btn-queue{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;background:linear-gradient(120deg,#19d3ff,#3d8bff 48%,#a06bff);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);box-shadow:0 0 26px #3d8bff6b}.btn-queue span{font-size:11px;font-weight:900;opacity:.82}.btn-ghost{background:transparent;border:1.5px solid rgba(255,255,255,.14);color:var(--text)}.btn-ghost:hover{border-color:#ffffff4d}.conn-badge{font-size:12px;font-weight:700;text-align:center;color:var(--text-dim)}.conn-connected{color:var(--success)}.conn-error{color:var(--danger)}.conn-reconnecting{color:var(--accent)}.toast{position:fixed;bottom:max(28px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:#2b1220bf;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--danger);color:#ffb3bc;font-weight:700;padding:12px 22px;border-radius:14px;box-shadow:var(--shadow-soft);animation:pop var(--anim-med);z-index:50;max-width:calc(100vw - 32px)}.waiting{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));overflow-y:auto}.waiting-title{font-size:clamp(22px,5vw,28px);font-weight:900}.room-code-display{display:flex;gap:clamp(6px,2vw,10px)}.room-code-char{width:clamp(48px,13vw,60px);height:clamp(60px,16vw,74px);display:grid;place-items:center;font-size:clamp(26px,7vw,36px);font-weight:900;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1.5px solid var(--glass-border);border-radius:16px;box-shadow:var(--shadow-soft);animation:riseIn .42s var(--spring) backwards}.room-code-char:nth-child(2){animation-delay:50ms}.room-code-char:nth-child(3){animation-delay:.1s}.room-code-char:nth-child(4){animation-delay:.15s}.waiting-hint{color:var(--text-dim);font-weight:700;text-align:center}.waiting-players{list-style:none;display:flex;flex-direction:column;gap:8px;width:min(300px,90vw)}.waiting-player{background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);padding:12px 18px;border-radius:13px;font-weight:800;animation:riseIn .3s var(--spring)}.waiting-player em{color:var(--text-dim);font-style:normal;font-weight:600}.board{height:100%;display:grid;grid-template-rows:auto 1fr auto;padding-top:env(safe-area-inset-top)}.opponents{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;padding:12px max(12px,env(safe-area-inset-left)) 10px max(12px,env(safe-area-inset-right));position:relative}.opponent{display:flex;align-items:center;gap:8px;background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid transparent;border-radius:999px;padding:8px 14px;min-height:var(--tap-min);font-weight:800;font-size:14px;transition:border-color var(--anim-med),box-shadow var(--anim-med),transform var(--anim-med)}.opponent-active{border-color:var(--accent);box-shadow:0 0 24px #ff8a3d4d;transform:scale(1.04)}.opponent-avatar{font-size:20px}.opponent-count{color:var(--text-dim)}.room-chip{position:absolute;right:max(16px,env(safe-area-inset-right));font-size:12px;font-weight:800;color:var(--text-dim);background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);padding:6px 12px;border-radius:999px}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,2.4vh,18px);position:relative;min-height:0}.discard-pile{filter:drop-shadow(0 20px 44px rgba(0,0,0,.45));animation:cardLand .32s var(--spring)}.active-attrs{display:flex;align-items:center;gap:14px;background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);padding:8px 18px;border-radius:999px}.active-color-dot{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.5);transition:background var(--anim-med)}.active-symbol{font-size:20px}.btn-draw{background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text);border:1.5px dashed rgba(255,255,255,.25);border-radius:13px;font-weight:800;padding:10px 28px}.btn-draw:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.combo-flash{position:absolute;top:6%;font-size:clamp(28px,6vw,44px);font-weight:900;color:var(--accent);text-shadow:0 0 30px rgba(255,138,61,.85);animation:comboPop .42s var(--spring);pointer-events:none;z-index:5}.card{position:relative;width:var(--card-w);height:var(--card-h);border-radius:15px;border:none;background:linear-gradient(155deg,rgba(255,255,255,.25),transparent 45%),var(--card-color);color:#fff;box-shadow:var(--shadow-card),inset 0 0 0 3px #ffffff47;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform var(--anim-fast),box-shadow var(--anim-fast),opacity var(--anim-fast),filter var(--anim-fast);user-select:none;-webkit-user-select:none;will-change:transform}.card-back{background:linear-gradient(155deg,#2a2447,#171430);font-weight:900;color:var(--accent-2);display:grid;place-items:center}.card-symbol{font-size:clamp(22px,5vw,30px);line-height:1}.card-number{font-size:clamp(26px,6vw,38px);font-weight:900;line-height:1.1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.card-corner{position:absolute;font-size:13px;font-weight:900;opacity:.9}.card-corner-tl{top:7px;left:9px}.card-corner-br{bottom:7px;right:9px;transform:rotate(180deg)}.card-special{background:linear-gradient(155deg,rgba(255,255,255,.16),transparent 45%),linear-gradient(135deg,#33304f,#1c1a33)}.card-special-label{font-size:clamp(13px,3.2vw,17px);font-weight:900;text-align:center;padding:0 6px}.card-playable{box-shadow:0 10px 28px #00000073,0 0 0 3px var(--accent),0 0 22px #ff8a3d59,inset 0 0 0 3px #ffffff47}.card-dimmed{opacity:.45;filter:saturate(.6)}.hand-area{background:#161a2b99;backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border-top:1px solid var(--glass-border);padding:10px max(14px,env(safe-area-inset-left)) calc(14px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-right));transition:box-shadow var(--anim-med)}.hand-area.my-turn{box-shadow:0 -10px 40px #ff8a3d29}.hand-meta{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:800;color:var(--text-dim);margin-bottom:8px;min-height:var(--tap-min)}.btn-play{margin-left:auto;padding:9px 18px;font-size:14px;animation:riseIn .22s var(--spring)}.hand-scroll{display:flex;gap:10px;overflow-x:auto;padding:18px 4px 6px;scrollbar-width:thin;scroll-snap-type:x proximity}.hand-slot{flex-shrink:0;transition:transform var(--anim-fast);scroll-snap-align:center}.hand-slot .card-playable:hover{transform:translateY(-10px) rotate(-1deg)}.hand-slot-selected{transform:translateY(-18px)}.hand-slot-selected .card{box-shadow:0 16px 34px #00000080,0 0 0 3px #fff,0 0 26px #ffffff4d,inset 0 0 0 3px #ffffff47}.turn-timer{background:var(--bg-card);border-radius:999px;padding:4px 12px;font-weight:900;font-size:13px;color:var(--accent);font-variant-numeric:tabular-nums}.turn-timer-critical{color:var(--danger);animation:pulse .5s infinite alternate}.toast-board{bottom:calc(210px + env(safe-area-inset-bottom))}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a1280;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;place-items:center;z-index:40;animation:fadeIn .2s var(--swift)}.color-picker{max-width:calc(100vw - 32px);background:var(--glass);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:26px;display:flex;flex-direction:column;align-items:center;gap:20px;animation:riseIn .3s var(--spring)}.color-picker h3{font-size:18px;font-weight:900}.color-picker-swatches{display:grid;grid-template-columns:repeat(3,56px);gap:14px}.color-swatch{width:56px;height:56px;border-radius:18px;border:3px solid rgba(255,255,255,.35);transition:transform var(--anim-fast),box-shadow var(--anim-fast)}.color-swatch:hover{transform:scale(1.12) rotate(3deg)}.color-swatch:active{transform:scale(.94)}.game-over{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:24px}.game-over h2{font-size:clamp(26px,6vw,36px);font-weight:900;text-align:center;animation:riseIn .5s var(--spring)}@keyframes pop{0%{transform:translate(-50%) scale(.85);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes comboPop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%{opacity:1}to{opacity:.55}}@keyframes riseIn{0%{transform:translateY(16px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cardLand{0%{transform:translateY(-14px) scale(1.08)}to{transform:translateY(0) scale(1)}}@keyframes glowDrift{0%{transform:translate(0)}to{transform:translate(-30px,20px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width: 520px){.room-chip{position:static;order:-1;width:100%;text-align:center;background:none;border:none;padding:0 0 4px}.opponent{font-size:13px;padding:6px 12px}.hand-scroll{padding-top:22px}}@media (max-height: 480px) and (orientation: landscape){:root{--card-w: clamp(56px, 10vh, 72px)}.opponents{padding:6px 12px 4px}.opponent{min-height:36px;padding:4px 10px;font-size:12px}.hand-scroll{padding:10px 4px 2px}.hand-meta{min-height:34px;margin-bottom:2px}.hand-area{padding-bottom:calc(6px + env(safe-area-inset-bottom))}.center{gap:8px}.lobby{gap:14px}.logo{font-size:clamp(30px,8vh,44px)}}@media (min-width: 1100px){.hand-scroll{justify-content:center}:root{--card-w: 104px}}.card{background:repeating-linear-gradient(125deg,rgba(255,255,255,.04) 0 3px,transparent 3px 7px),linear-gradient(155deg,rgba(255,255,255,.3),transparent 42%),radial-gradient(120% 90% at 50% 110%,rgba(0,0,0,.28),transparent 60%),var(--card-color);box-shadow:var(--shadow-card);overflow:hidden}.hand-slot .card{animation:dealIn .42s var(--spring) backwards;animation-delay:calc(var(--i, 0) * 45ms)}.lang-switcher{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));display:flex;gap:6px;z-index:10}[dir=rtl] .lang-switcher{right:auto;left:max(14px,env(safe-area-inset-left))}.lang-btn{min-width:var(--tap-min);min-height:36px;border-radius:10px;border:1.5px solid var(--glass-border);background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-dim);font-weight:900;font-size:14px;transition:all var(--anim-fast)}.lang-btn-active{color:#1a0d05;background:var(--accent);border-color:var(--accent)}.rules-modal{background:#161a2bd1;backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:26px;width:min(560px,calc(100vw - 32px));max-height:min(80vh,640px);display:flex;flex-direction:column;gap:18px;animation:riseIn .3s var(--spring)}.rules-modal h3{font-size:20px;font-weight:900;text-align:center}.rules-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto}.rules-item{background:var(--glass);border:1px solid var(--glass-border);border-radius:13px;padding:12px 16px}.rules-item strong{display:block;margin-bottom:4px;font-size:15px}.rules-item p{color:var(--text-dim);font-size:14px;font-weight:600;line-height:1.5}.room-chip{display:inline-flex;align-items:center;gap:8px}.btn-leave{min-height:28px;min-width:28px;padding:0;border:none;border-radius:50%;background:#ff4d5e2e;color:var(--danger);font-size:13px;font-weight:900;transition:transform var(--anim-fast),background var(--anim-fast)}.btn-leave:hover{background:#ff4d5e59;transform:scale(1.1)}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:30}.confetti span{position:absolute;top:-20px;border-radius:2px;animation:confettiFall linear infinite}@keyframes confettiFall{0%{transform:translateY(-4vh) rotate(0);opacity:1}to{transform:translateY(108vh) rotate(720deg);opacity:.7}}@keyframes dealIn{0%{transform:translateY(60px) rotate(6deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}.lobby{background:radial-gradient(900px 360px at 50% 54%,rgba(61,139,255,.18),transparent 62%),radial-gradient(800px 340px at 82% 36%,rgba(255,77,94,.14),transparent 58%),linear-gradient(180deg,#051434,#0d0f1a 58%)}.logo-img{width:min(620px,86vw);max-height:170px;object-fit:contain;filter:drop-shadow(0 0 22px rgba(61,139,255,.35));animation:logoFloat 4.5s ease-in-out infinite}.board{position:relative;background:radial-gradient(closest-side at 50% 43%,rgba(61,139,255,.18),transparent 64%),radial-gradient(closest-side at 82% 45%,rgba(255,77,140,.14),transparent 58%),radial-gradient(closest-side at 18% 48%,rgba(0,210,255,.12),transparent 58%),linear-gradient(180deg,#061637,#090c18 70%);overflow:hidden}.board:before{content:"";position:absolute;top:10%;right:-8%;bottom:34%;left:-8%;border:2px solid rgba(61,139,255,.24);border-radius:50%;box-shadow:0 0 35px #3d8bff47,inset 0 0 60px #a06bff24;pointer-events:none}.opponents{min-height:82px}.board-logo{position:absolute;left:max(18px,env(safe-area-inset-left));top:12px;width:clamp(150px,18vw,300px);max-height:72px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(61,139,255,.45))}[dir=rtl] .board-logo{left:auto;right:max(18px,env(safe-area-inset-right))}.center{z-index:1}.discard-pile{transform:scale(1.22)}.btn-draw{box-shadow:0 0 22px #00a4ff73,inset 0 0 0 1px #ffffff24}.card{background:repeating-linear-gradient(125deg,rgba(255,255,255,.04) 0 3px,transparent 3px 7px),linear-gradient(155deg,rgba(255,255,255,.3),transparent 42%),radial-gradient(120% 90% at 50% 110%,rgba(0,0,0,.28),transparent 60%),var(--card-color);box-shadow:0 14px 28px #0000005c,0 0 18px color-mix(in srgb,var(--card-color) 52%,transparent);overflow:hidden;transform-style:preserve-3d}.card-frame{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1.6px solid rgba(255,255,255,.55);border-radius:10px;pointer-events:none}.card-frame:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px solid rgba(255,255,255,.18);border-radius:8px}.card-sheen{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.14) 46%,transparent 60%);pointer-events:none}.card-playable .card-sheen{animation:sheenSweep 2.4s var(--swift) infinite}.card-corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1;gap:1px;font-size:13px;font-weight:900;opacity:.95;text-shadow:0 1px 2px rgba(0,0,0,.35)}.card-corner-tl{top:9px;left:10px}.card-corner-br{bottom:9px;right:10px;transform:rotate(180deg)}.card-corner-symbol{font-size:9px}.card-corner-glyph{font-size:13px}.card-emblem{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 30%,#ffffff4d,#ffffff14 70%);box-shadow:inset 0 0 0 1.5px #ffffff4d,0 3px 10px #00000038}.card-emblem-symbol{font-size:clamp(16px,4vw,22px);line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.card-emblem-glyph{font-size:clamp(22px,5.4vw,30px);font-weight:900;line-height:1;text-shadow:0 0 14px rgba(255,255,255,.6),0 2px 4px rgba(0,0,0,.4)}.card-number{font-size:clamp(20px,5vw,28px);font-weight:900;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.35)}.card-special-label{font-size:clamp(9px,2.2vw,11px);font-weight:900;padding:0;letter-spacing:.3px}.card-special{background:repeating-linear-gradient(125deg,rgba(255,255,255,.05) 0 3px,transparent 3px 7px),linear-gradient(155deg,rgba(255,255,255,.24),transparent 42%),radial-gradient(120% 90% at 50% 110%,rgba(0,0,0,.35),transparent 60%),var(--card-color)}.card-wild{background:linear-gradient(155deg,rgba(255,255,255,.22),transparent 45%),conic-gradient(from 210deg,#ff4d5e,#ffc531,#2ecc8f,#3d8bff,#a06bff,#ff4d5e)}.hand-area{border-inline:1px solid rgba(61,139,255,.16);border-radius:22px 22px 0 0}@keyframes logoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.01)}}@keyframes sheenSweep{0%,55%{transform:translate(-120%)}to{transform:translate(120%)}}.hand-area{--hand-count: 7;--hand-card-w: clamp(54px, calc((100vw - 60px) / var(--hand-count) + 20px), var(--card-w));overflow:hidden}.hand-area .hand-scroll{width:100%;min-width:0;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding-inline:16px 96px;touch-action:pan-x}.hand-area .hand-slot .card{width:var(--hand-card-w);height:calc(var(--hand-card-w) * 1.44)}.hand-area.hand-many .hand-scroll{justify-content:flex-start}.hand-area.hand-many .hand-slot:not(:first-child){margin-left:clamp(-34px,-4vw,-18px)}.hand-area.hand-many .hand-slot-selected{z-index:4;transform:translateY(-22px) scale(1.06)}.hand-area.hand-many .hand-slot:hover{z-index:3}@media (max-width: 520px){.board-logo{position:static;width:min(180px,58vw);order:-2}.discard-pile{transform:scale(1.08)}.hand-area{--hand-card-w: clamp(52px, calc((100vw - 42px) / var(--hand-count) + 18px), 76px)}.hand-area.hand-many .hand-slot:not(:first-child){margin-left:clamp(-30px,-7vw,-16px)}}.reaction-bar{display:flex;gap:6px;justify-content:center;padding:2px 0 4px}.reaction-btn{min-width:40px;min-height:40px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:20px;line-height:1;transition:transform var(--anim-fast),box-shadow var(--anim-fast)}.reaction-btn:hover{transform:scale(1.18) rotate(-8deg);box-shadow:0 0 16px #ff8a3d59}.reaction-btn:active{transform:scale(.9)}.reactions-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:45}.reaction-float{position:absolute;bottom:40%;display:flex;flex-direction:column;align-items:center;gap:4px;animation:reactionFloat 2.6s var(--swift) forwards}.reaction-emoji{font-size:clamp(48px,11vw,76px);line-height:1;filter:drop-shadow(0 10px 22px rgba(0,0,0,.55));animation:reactionWiggle .55s var(--spring) 2}.reaction-name{font-size:12px;font-weight:900;color:var(--text);background:#161a2bbf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);padding:3px 10px;border-radius:999px;white-space:nowrap}@keyframes reactionFloat{0%{transform:translateY(50px) scale(.3) rotate(var(--tilt, 0deg));opacity:0}14%{transform:translateY(0) scale(1.18) rotate(0);opacity:1}28%{transform:scale(1)}78%{opacity:1}to{transform:translateY(-130px) scale(.9);opacity:0}}@keyframes reactionWiggle{0%,to{rotate:0deg}25%{rotate:-14deg}75%{rotate:14deg}}@media (max-height: 480px) and (orientation: landscape){.reaction-btn{min-width:34px;min-height:34px;font-size:17px}.reaction-bar{padding:0 0 2px}}.turn-banner{position:absolute;top:14%;z-index:6;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 28px;border-radius:20px;background:linear-gradient(135deg,#ff8a3deb,#ff5e3deb);color:#1a0d05;box-shadow:0 18px 50px #ff8a3d73,0 0 0 2px #ffffff59 inset;pointer-events:none;animation:turnBanner 1.9s var(--swift) forwards}.turn-banner-title{font-size:clamp(22px,5.5vw,32px);font-weight:900;letter-spacing:-.5px}.turn-banner-hint{font-size:12px;font-weight:800;opacity:.8}@keyframes turnBanner{0%{transform:translateY(-30px) scale(.6);opacity:0}14%{transform:translateY(0) scale(1.08);opacity:1}24%{transform:scale(1)}80%{opacity:1;transform:scale(1)}to{transform:translateY(-16px) scale(.94);opacity:0}}:root{--glass: rgba(255, 255, 255, .06);--glass-strong: rgba(255, 255, 255, .09);--glass-border: rgba(255, 255, 255, .12);--neon-blue: #19d3ff;--neon-pink: #ff4d8c}.lobby,.waiting{background:radial-gradient(1200px 600px at 50% 110%,rgba(61,139,255,.1),transparent 60%),linear-gradient(180deg,#041233,#0a0f24 55%,#0d0f1a);overflow:hidden}.lobby-glow{background:radial-gradient(520px 420px at 18% 22%,rgba(25,211,255,.22),transparent 62%),radial-gradient(560px 420px at 82% 26%,rgba(255,77,140,.2),transparent 62%),radial-gradient(640px 520px at 50% 92%,rgba(160,107,255,.22),transparent 62%);filter:blur(10px);animation:auroraDrift 18s ease-in-out infinite alternate}@keyframes auroraDrift{0%{transform:translate(0) scale(1)}50%{transform:translate(-24px,18px) scale(1.06)}to{transform:translate(20px,-14px) scale(1.02)}}.lobby{isolation:isolate}.lobby>.lobby-glow{position:absolute;z-index:-1}.lobby-deco{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.deco-card{position:absolute;width:74px;height:106px;border-radius:14px;display:grid;place-items:center;font-size:30px;color:#ffffffd9;background:linear-gradient(155deg,rgba(255,255,255,.28),transparent 50%),var(--deco-color);box-shadow:0 20px 50px #00000073,inset 0 0 0 2px #ffffff47,0 0 34px color-mix(in srgb,var(--deco-color) 55%,transparent);opacity:.55;transform:translateZ(0) rotate(var(--deco-tilt, 0deg));backface-visibility:hidden;-webkit-backface-visibility:hidden;animation:decoFloat var(--dur, 12s) ease-in-out infinite alternate}.deco-1{--deco-color: #3d8bff;left:6%;top:14%;--dur: 13s;--deco-tilt: -14deg}.deco-2{--deco-color: #ffc531;left:84%;top:18%;--dur: 15s;--deco-tilt: 12deg;animation-delay:-4s}.deco-3{--deco-color: #a06bff;left:10%;top:72%;--dur: 17s;--deco-tilt: 9deg;animation-delay:-8s}.deco-4{--deco-color: #2ecc8f;left:80%;top:70%;--dur: 14s;--deco-tilt: -8deg;animation-delay:-2s}.deco-5{--deco-color: #ff4d5e;left:46%;top:86%;--dur: 16s;--deco-tilt: 4deg;animation-delay:-11s;opacity:.35}@keyframes decoFloat{0%{transform:translateZ(0) rotate(var(--deco-tilt, 0deg))}to{transform:translate3d(0,-38px,0) rotate(calc(var(--deco-tilt, 0deg) + 8deg))}}@media (max-width: 720px){.deco-card{width:52px;height:74px;font-size:22px;opacity:.35}.deco-5{display:none}}@media (max-width: 1100px),(hover: none),(pointer: coarse),(prefers-reduced-motion: reduce){.lobby .deco-card{animation:none}.lobby .logo-img{animation:none;transform:none;filter:none}.lobby .lobby-brand{animation:none;transform:none}.lobby>.lobby-glow{animation:none;transform:none;filter:none}}.lobby-card,.rules-modal,.color-picker{position:relative;background:linear-gradient(160deg,#ffffff1a,#ffffff0a 60%);border:1px solid transparent;background-clip:padding-box;box-shadow:0 30px 80px #00000073,inset 0 1px #ffffff2e}.lobby-card:before,.rules-modal:before,.color-picker:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(140deg,#19d3ffb3,#ffffff14 35%,#ff4d8c8c);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.input{background:#060a188c;border-color:#ffffff1f;box-shadow:inset 0 2px 8px #00000059}.input:focus{border-color:var(--neon-blue);box-shadow:inset 0 2px 8px #00000059,0 0 0 4px #19d3ff2e,0 0 24px #19d3ff40}.btn{position:relative;overflow:hidden;letter-spacing:.2px}.btn-primary{box-shadow:0 12px 34px #ff8a3d5c,inset 0 1px #ffffff59}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 44px #ff8a3d7a,inset 0 1px #ffffff59}.btn-shine:after{content:"";position:absolute;top:-40%;bottom:-40%;width:34%;left:-50%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-20deg);animation:btnShine 3.2s var(--swift) infinite;pointer-events:none}@keyframes btnShine{0%,60%{left:-50%}to{left:130%}}.btn-ghost{background:#ffffff08}.btn-ghost:hover{background:#ffffff12;border-color:#ffffff47;transform:translateY(-1px)}.btn-queue{box-shadow:0 12px 34px #3d8bff6b,inset 0 1px #ffffff59}.lang-btn-active{box-shadow:0 6px 18px #ff8a3d66}.conn-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px}.conn-dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 currentColor}.conn-connected .conn-dot{animation:dotPulse 1.8s ease-out infinite}.conn-reconnecting .conn-dot{animation:pulse .7s infinite alternate}@keyframes dotPulse{0%{box-shadow:0 0 #2ecc8f8c}to{box-shadow:0 0 0 10px #2ecc8f00}}.rise-1,.rise-2,.rise-3,.rise-4{animation:riseIn .56s var(--spring) backwards}.rise-2{animation-delay:90ms}.rise-3{animation-delay:.18s}.rise-4{animation-delay:.26s}.room-code-display{position:relative;border:none;background:transparent;padding:0;cursor:pointer;min-height:0;color:var(--text);font-family:inherit}.room-code-char{background:linear-gradient(160deg,#ffffff1f,#ffffff0a);box-shadow:0 20px 44px #0006,inset 0 1px #fff3,0 0 26px #19d3ff1f;animation:codeFlip .62s var(--spring) backwards;animation-delay:calc(var(--i, 0) * 90ms);transform-style:preserve-3d;transition:transform var(--anim-fast),box-shadow var(--anim-fast)}.room-code-display:hover .room-code-char{transform:translateY(-3px);box-shadow:0 26px 50px #00000073,inset 0 1px #fff3,0 0 32px #19d3ff47}@keyframes codeFlip{0%{transform:rotateX(-90deg) translateY(20px);opacity:0}to{transform:rotateX(0) translateY(0);opacity:1}}.room-code-copy{position:absolute;right:-34px;top:50%;translate:0 -50%;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:14px;color:var(--text-dim);background:var(--glass);border:1px solid var(--glass-border);transition:all var(--anim-fast)}[dir=rtl] .room-code-copy{right:auto;left:-34px}.room-code-copied .room-code-copy{color:#1a0d05;background:var(--success);border-color:var(--success);transform:scale(1.15)}.room-code-copied .room-code-char{box-shadow:0 0 0 2px var(--success),0 0 30px #2ecc8f66}.waiting-players{gap:10px}.waiting-player{display:flex;align-items:center;gap:12px;animation:slideInRight .42s var(--spring) backwards;animation-delay:calc(var(--i, 0) * 70ms + .22s);border-left:3px solid transparent}.waiting-player:first-child{border-left-color:var(--accent)}[dir=rtl] .waiting-player{border-left:none;border-right:3px solid transparent}[dir=rtl] .waiting-player:first-child{border-right-color:var(--accent)}.waiting-player-name{flex:1}.host-badge{color:var(--accent);font-size:14px;filter:drop-shadow(0 0 8px rgba(255,138,61,.8))}.waiting-player-ghost{opacity:.55;border-style:dashed}.waiting-dots{display:inline-flex;gap:5px;margin-left:auto}.waiting-dots i{width:6px;height:6px;border-radius:50%;background:var(--text-dim);animation:dotBounce 1.2s infinite}.waiting-dots i:nth-child(2){animation-delay:.15s}.waiting-dots i:nth-child(3){animation-delay:.3s}@keyframes dotBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-6px);opacity:1}}@keyframes slideInRight{0%{transform:translate(-18px);opacity:0}to{transform:none;opacity:1}}.avatar-bubble{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:18px;background:radial-gradient(circle at 35% 30%,#ffffff47,#ffffff0f 70%);box-shadow:inset 0 0 0 1.5px #ffffff40,0 6px 14px #0000004d;flex-shrink:0}.avatar-ghost{color:var(--text-dim);font-weight:900}.opponent-avatar{display:inline-flex}.opponent .avatar-bubble{width:30px;height:30px;font-size:16px}.opponent-active .avatar-bubble{box-shadow:inset 0 0 0 1.5px #ffffff40,0 0 0 2px var(--accent),0 0 18px #ff8a3db3;animation:avatarPulse 1.4s ease-out infinite}@keyframes avatarPulse{0%{box-shadow:inset 0 0 0 1.5px #ffffff40,0 0 0 2px var(--accent),0 0 #ff8a3d99}to{box-shadow:inset 0 0 0 1.5px #ffffff40,0 0 0 2px var(--accent),0 0 0 12px #ff8a3d00}}.board:before{inset:auto;top:50%;left:50%;width:min(120vw,880px);height:min(60vh,460px);transform:translate(-50%,-58%);border:1.5px solid rgba(61,139,255,.28);box-shadow:0 0 40px #3d8bff47,inset 0 0 80px #a06bff24}.board:after{content:"";position:absolute;top:50%;left:50%;width:min(80vw,560px);height:min(40vh,300px);transform:translate(-50%,-58%);border-radius:50%;background:conic-gradient(from 0deg,transparent,rgba(25,211,255,.35),transparent 30%,transparent 60%,rgba(255,77,140,.3),transparent);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));animation:ringSpin 14s linear infinite;pointer-events:none}@keyframes ringSpin{to{transform:translate(-50%,-58%) rotate(360deg)}}.turn-ring{position:relative;width:32px;height:32px;display:grid;place-items:center;font-size:12px;font-weight:900;color:var(--accent);font-variant-numeric:tabular-nums}.turn-ring svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.turn-ring-track{fill:none;stroke:#ffffff1f;stroke-width:3}.turn-ring-progress{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .12s linear,stroke .3s;filter:drop-shadow(0 0 6px rgba(255,138,61,.8))}.turn-ring-critical{color:var(--danger);animation:pulse .5s infinite alternate}.turn-ring-critical .turn-ring-progress{stroke:var(--danger);filter:drop-shadow(0 0 8px rgba(255,77,94,.9))}.opponent{padding:6px 12px 6px 6px;gap:9px}[dir=rtl] .opponent{padding:6px 6px 6px 12px}.opponent-active{background:linear-gradient(120deg,rgba(255,138,61,.18),var(--glass))}.discard-pile{position:relative}.discard-pile:before{content:"";position:absolute;top:-22%;right:-22%;bottom:-22%;left:-22%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--card-color, #3d8bff) 45%,transparent),transparent 70%);filter:blur(18px);z-index:-1;animation:breathe 3.2s ease-in-out infinite alternate}@keyframes breathe{0%{transform:scale(.94);opacity:.7}to{transform:scale(1.06);opacity:1}}.active-attrs{box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff24}.btn-draw{background:linear-gradient(120deg,var(--neon-blue),#3d8bff 60%,#6a5cff);border:1px solid rgba(255,255,255,.3);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);box-shadow:0 12px 32px #19d3ff59,inset 0 1px #ffffff73;border-radius:999px;padding:11px 34px}.btn-draw:not(:disabled):hover{color:#fff;border-color:#fff;transform:translateY(-2px);box-shadow:0 18px 40px #19d3ff80,inset 0 1px #ffffff73}.btn-draw:disabled{background:var(--glass);color:var(--text-dim);box-shadow:none;text-shadow:none}.hand-area{background:linear-gradient(180deg,#161a2bb8,#0a0d1aeb);border-top:1px solid rgba(255,255,255,.14);box-shadow:0 -20px 60px #00000073}.hand-area.my-turn{border-top-color:#ff8a3d8c;box-shadow:0 -20px 60px #00000073,0 -8px 36px #ff8a3d38}.hand-slot .card-playable:hover{transform:translateY(-14px) rotate(-2deg) scale(1.04)}.hand-slot .card{transition:transform .26s var(--spring),box-shadow var(--anim-fast),opacity var(--anim-fast),filter var(--anim-fast)}.card-playable{animation:playableGlow 2.2s ease-in-out infinite alternate}@keyframes playableGlow{0%{box-shadow:0 10px 28px #00000073,0 0 0 3px var(--accent),0 0 14px #ff8a3d40}to{box-shadow:0 14px 32px #00000080,0 0 0 3px var(--accent),0 0 30px #ff8a3d99}}.hand-scroll{scrollbar-width:none}.hand-scroll::-webkit-scrollbar{display:none}.game-over{background:radial-gradient(700px 400px at 50% 30%,rgba(255,197,49,.18),transparent 60%),linear-gradient(180deg,#041233,#0d0f1a 70%)}.trophy{position:relative;width:150px;height:150px;display:grid;place-items:center;animation:riseIn .7s var(--spring)}.trophy-icon{font-size:92px;filter:drop-shadow(0 18px 30px rgba(0,0,0,.5));animation:trophyBounce 1.6s var(--spring) infinite alternate;position:relative;z-index:1}.trophy-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,rgba(255,197,49,.55),transparent 65%);filter:blur(14px);animation:breathe 2s ease-in-out infinite alternate}.trophy-lose .trophy-glow{background:radial-gradient(circle,rgba(160,107,255,.45),transparent 65%)}.trophy-lose .trophy-icon{animation:none;opacity:.85}@keyframes trophyBounce{0%{transform:translateY(0) rotate(-4deg)}to{transform:translateY(-12px) rotate(4deg)}}.game-over h2{background:linear-gradient(120deg,#fff,#ffd28a 50%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 18px rgba(255,197,49,.35))}:where(button,input,[tabindex]):focus-visible{outline:2px solid var(--neon-blue);outline-offset:3px;border-radius:12px}::selection{background:#ff8a3d73;color:#fff}.board:before,.board:after{display:none}.center:before,.center:after{content:"";position:absolute;top:50%;left:50%;border-radius:50%;pointer-events:none;z-index:-1}.center:before{width:min(120vw,880px);height:min(100%,460px);transform:translate(-50%,-50%);border:1.5px solid rgba(61,139,255,.28);box-shadow:0 0 40px #3d8bff47,inset 0 0 80px #a06bff24}.center:after{width:min(84vw,600px);height:min(70%,320px);background:conic-gradient(from 0deg,transparent,rgba(25,211,255,.4),transparent 30%,transparent 60%,rgba(255,77,140,.35),transparent);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));animation:ringSpinCenter 14s linear infinite}@keyframes ringSpinCenter{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.center{isolation:isolate}.turn-banner{top:-2%}@media (max-width: 520px){.turn-banner{top:2%;padding:10px 20px}}.presence-count,.bot-hint{text-align:center;color:var(--text-muted, #a7b3cc);font-size:.85rem;line-height:1.5;margin:12px 0 0}.btn-queue span{white-space:normal;line-height:1.4}.reconnect-banner{position:fixed;top:env(safe-area-inset-top,0px);inset-inline:0;z-index:100;padding:12px;text-align:center;background:#26324b;color:#fff}.lobby-brand{flex:0 0 auto;margin-top:auto;max-width:100%}.lobby-card{flex:0 0 auto;margin-bottom:auto}.lobby .logo-img{display:block;max-width:100%;margin-inline:auto}.card{--card-deep: color-mix(in srgb, var(--card-color) 36%, #020817);--card-bright: color-mix(in srgb, var(--card-color) 70%, #fff 30%);border-radius:18px;background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--card-color) 42%,transparent),transparent 52%),radial-gradient(circle at 15% 14%,rgba(255,255,255,.2),transparent 20%),linear-gradient(155deg,var(--card-deep),var(--card-color) 48%,#050916 100%);box-shadow:0 16px 28px #0000007a,0 0 0 2px #5b3e15,0 0 0 4px #ffd368db,0 0 22px color-mix(in srgb,var(--card-color) 54%,transparent)}.card-frame{top:6px;right:6px;bottom:6px;left:6px;border:1.5px solid rgba(255,232,162,.9);border-radius:12px;box-shadow:inset 0 0 0 2px #2d16046b,inset 0 0 18px #ffd6701f}.card-frame:after{top:4px;right:4px;bottom:4px;left:4px;border-color:#ffffff2e;border-radius:8px}.card-orbit{position:absolute;width:72%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,229,150,.56);box-shadow:0 0 0 3px #05091647,inset 0 0 22px color-mix(in srgb,var(--card-color) 56%,transparent);pointer-events:none}.card-emblem{position:relative;z-index:1;width:58%;background:radial-gradient(circle at 35% 28%,#ffffff70,#050a1a2e 42%,#00000061);box-shadow:inset 0 0 0 2px #ffe190bd,0 7px 14px #00000057}.card-number{font-family:Georgia,Times New Roman,serif;font-size:clamp(23px,5.8vw,34px);letter-spacing:-.08em;color:#fff6cb;text-shadow:0 2px 0 #8b5b13,0 7px 14px rgba(0,0,0,.55)}.card-emblem-symbol{font-size:clamp(19px,4.8vw,28px);color:#fff4c9;text-shadow:0 0 14px var(--card-bright),0 3px 5px rgba(0,0,0,.6)}.card-corner{color:#fff1c1;text-shadow:0 2px 0 #754b0d,0 4px 7px rgba(0,0,0,.65)}.card-corner-tl,.card-corner-br{font-family:Georgia,Times New Roman,serif}.card-sheen{background:linear-gradient(118deg,transparent 23%,rgba(255,255,255,.22) 44%,transparent 56%)}.card-playable{box-shadow:0 16px 28px #0000007a,0 0 0 2px #75501b,0 0 0 4px #ffe19a,0 0 34px color-mix(in srgb,var(--card-color) 72%,transparent)}.card-playable .card-orbit{border-color:#fff0b9;animation:elementalPulse 1.7s ease-in-out infinite alternate}.card-symbol-lightning .card-orbit{border-style:double}.card-symbol-moon .card-emblem{background:radial-gradient(circle at 35% 28%,#ffffff7a,#774bff4d 46%,#0a051cb3)}.card-symbol-fire .card-emblem{background:radial-gradient(circle at 35% 28%,#ffeec48c,#ff4d3242 44%,#1e0400b8)}.card-symbol-diamond .card-emblem{background:radial-gradient(circle at 35% 28%,#ffffffad,#4ce2ff47 44%,#03111fb8)}@keyframes elementalPulse{0%{transform:scale(.96);opacity:.72}to{transform:scale(1.045);opacity:1}}.card{--gold-light: #fff2b5;--gold: #d99c38;--gold-dark: #60370c;--card-shadow: color-mix(in srgb, var(--card-color) 62%, transparent);isolation:isolate;border-radius:17px;background:radial-gradient(ellipse 82% 56% at 50% 50%,transparent 35%,rgba(0,0,0,.42) 100%),radial-gradient(ellipse 78% 70% at 18% 28%,color-mix(in srgb,var(--card-color) 86%,white 14%) 0%,transparent 58%),radial-gradient(ellipse 86% 68% at 92% 78%,color-mix(in srgb,var(--card-color) 88%,#10030a 12%) 0%,transparent 64%),linear-gradient(145deg,#090d1c 0%,var(--card-deep) 22%,var(--card-color) 52%,#080b16 100%);box-shadow:0 15px 26px #0000008f,0 0 0 2px var(--gold-dark),0 0 0 4px var(--gold-light),0 0 26px var(--card-shadow)}.card:before{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;z-index:-1;opacity:.75;background:repeating-radial-gradient(ellipse at 50% 53%,transparent 0 10%,color-mix(in srgb,var(--card-bright) 60%,transparent) 10.6% 11%,transparent 11.7% 17%),conic-gradient(from 15deg at 50% 52%,transparent 0 8%,rgba(255,255,255,.22) 10%,transparent 12% 31%,rgba(255,255,255,.18) 33%,transparent 35% 57%,rgba(255,255,255,.2) 59%,transparent 61% 83%,rgba(255,255,255,.18) 85%,transparent 87%);filter:blur(.15px);pointer-events:none}.card-frame{top:5px;right:5px;bottom:5px;left:5px;border:2px solid var(--gold-light);border-radius:12px;box-shadow:inset 0 0 0 2px var(--gold-dark),inset 0 0 16px #ffc7502e,0 0 0 1px #1f0e02bf}.card-frame:after{top:4px;right:4px;bottom:4px;left:4px;border-color:#ffeaaac7;border-radius:8px}.card-filigree{position:absolute;z-index:3;width:15px;height:15px;background:linear-gradient(135deg,var(--gold-light),var(--gold) 46%,var(--gold-dark) 48%,var(--gold) 70%,var(--gold-light));clip-path:polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%);filter:drop-shadow(0 1px 1px #251000) drop-shadow(0 0 3px rgba(255,222,137,.8));pointer-events:none}.card-filigree-top{top:1px;left:calc(50% - 7.5px)}.card-filigree-bottom{bottom:1px;left:calc(50% - 7.5px)}.card-filigree-left{left:1px;top:calc(50% - 7.5px)}.card-filigree-right{right:1px;top:calc(50% - 7.5px)}.card-orbit{width:73%;top:48%;left:50%;transform:translate(-50%,-50%);z-index:0;border:2px solid var(--gold-light);box-shadow:0 0 0 2px var(--gold-dark),0 0 0 4px #ffe6a25c,inset 0 0 22px var(--card-shadow),0 0 18px var(--card-shadow)}.card-orbit:before,.card-orbit:after{content:"";position:absolute;left:50%;width:11px;height:11px;transform:translate(-50%) rotate(45deg);background:linear-gradient(135deg,var(--gold-light),var(--gold),var(--gold-dark));box-shadow:0 0 5px #ffe7a3e6}.card-orbit:before{top:-7px}.card-orbit:after{bottom:-7px}.card-rank{position:absolute;top:19%;left:50%;z-index:2;transform:translate(-50%);font-family:Georgia,Times New Roman,serif;font-size:clamp(46px,11vw,78px);font-weight:700;font-style:italic;line-height:.82;color:var(--gold-light);-webkit-text-stroke:1px #93601c;text-shadow:0 2px 0 #5f370c,0 5px 0 rgba(21,9,0,.5),0 8px 16px rgba(0,0,0,.8),0 0 13px var(--card-shadow)}.card-emblem{position:absolute;width:44%;aspect-ratio:1;left:50%;top:63%;z-index:2;transform:translate(-50%,-50%);background:radial-gradient(circle at 38% 27%,#ffffff85,color-mix(in srgb,var(--card-color) 56%,#060914) 38%,#05060d 74%);box-shadow:inset 0 0 0 2px var(--gold-light),inset 0 0 0 4px var(--gold-dark),0 3px 10px #0009,0 0 14px var(--card-shadow)}.card-emblem-symbol{font-size:clamp(24px,6vw,40px);color:#fff9d5;filter:drop-shadow(0 0 8px var(--card-bright)) drop-shadow(0 3px 2px rgba(0,0,0,.8))}.card-corner{z-index:4;color:var(--gold-light);font-size:16px;text-shadow:0 2px 0 #5c3309,0 4px 7px rgba(0,0,0,.76)}.card-corner-tl{top:12px;left:13px}.card-corner-br{bottom:12px;right:13px}.card-corner-symbol{font-size:12px}.card-special .card-emblem{top:50%;width:59%}.card-special .card-orbit{top:50%}.card-special-label{color:var(--gold-light);text-shadow:0 2px 3px rgba(0,0,0,.75)}.card-special .card-emblem-glyph{color:var(--gold-light)}.card-playable{box-shadow:0 15px 26px #0000008f,0 0 0 2px var(--gold-dark),0 0 0 4px #fff1af,0 0 32px var(--card-shadow)}@media (max-width: 520px){.card-filigree{width:11px;height:11px}.card-filigree-top,.card-filigree-bottom{left:calc(50% - 5.5px)}.card-filigree-left,.card-filigree-right{top:calc(50% - 5.5px)}.card-corner-tl{top:9px;left:10px}.card-corner-br{bottom:9px;right:10px}.card-corner{font-size:13px}.card-rank{font-size:clamp(35px,10.5vw,51px)}}.card.card-art{background:var(--card-art) center / 100% 100% no-repeat;border-radius:13px;box-shadow:0 12px 24px #00000094,0 0 20px var(--card-shadow)}.card-art:before,.card-art .card-frame,.card-art .card-filigree,.card-art .card-orbit,.card-art .card-emblem,.card-art .card-rank,.card-art .card-sheen{display:none}.card-art .card-corner{color:#fff1b5;font-size:17px;text-shadow:0 2px 0 #5a3005,0 4px 8px rgba(0,0,0,.82),0 0 7px rgba(0,0,0,.78)}.card-art .card-corner-symbol{font-size:12px}.card-art.card-playable{box-shadow:0 12px 24px #00000094,0 0 0 2px #fff0ab,0 0 26px var(--card-shadow)}@media (max-width: 520px){.card-art .card-corner{font-size:13px}.card-art .card-corner-symbol{font-size:10px}}.active-attrs{--active-color: #65718d;min-width:132px;gap:9px;padding:7px 12px 7px 8px;border:1px solid color-mix(in srgb,var(--active-color) 72%,#ffe7a0 28%);background:radial-gradient(circle at 18% 50%,color-mix(in srgb,var(--active-color) 44%,transparent),transparent 38%),linear-gradient(135deg,#ffeeaf26,#0a0f1fd6 38%,#0a0f1ff0);box-shadow:0 8px 22px #00000061,inset 0 0 0 1px #ffe69e2e}.active-color-dot{width:29px;height:29px;flex:0 0 29px;border:2px solid #ffedb0;background:radial-gradient(circle at 35% 28%,#fff,var(--active-color) 42%,color-mix(in srgb,var(--active-color) 48%,#050816));box-shadow:0 0 0 2px #432407b8,0 0 13px var(--active-color)}.active-attr-copy{display:grid;gap:1px;line-height:1;min-width:0}.active-attr-label{color:#aeb9d2;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.active-symbol{color:#fff2ba;font-family:Georgia,Times New Roman,serif;font-size:16px;font-weight:800;text-shadow:0 2px 3px rgba(0,0,0,.7);white-space:nowrap}.card-art .card-corner{display:grid;grid-template-rows:1fr auto;justify-items:center;align-items:start;width:22%;min-width:17px;height:25%;line-height:.82;font-variant-numeric:tabular-nums}.card-art .card-corner-tl{top:8%;left:8%}.card-art .card-corner-br{right:8%;bottom:8%}.card-art .card-corner>:first-child{align-self:start}.card-art .card-corner-symbol{align-self:end;line-height:1}.card-art.card-special .card-corner{display:none}.card-art.card-special .card-emblem{display:grid;position:absolute;top:auto;bottom:10.5%;left:50%;z-index:3;width:56%;height:12%;min-height:18px;transform:translate(-50%);border-radius:0;background:transparent;box-shadow:none}.card-art.card-special .card-emblem-glyph{display:none}.card-art.card-special .card-special-label{display:block;align-self:center;color:#fff2b9;font-family:Georgia,Times New Roman,serif;font-size:clamp(10px,2.4vw,15px);font-weight:900;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 3px #020713,0 0 8px rgba(255,219,116,.62)}.card-art.card-wild .card-emblem{display:grid;position:absolute;top:auto;bottom:10.5%;left:50%;z-index:3;width:56%;height:12%;min-height:18px;transform:translate(-50%);border-radius:0;background:transparent;box-shadow:none}.card-art.card-wild .card-emblem-glyph{display:none}.card-art.card-wild .card-special-label{display:block;align-self:center;color:#fff2b9;font-family:Georgia,Times New Roman,serif;font-size:clamp(10px,2.4vw,15px);font-weight:900;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 3px #020713,0 0 8px rgba(255,219,116,.62)}.center{width:min(1180px,calc(100% - 48px));margin-inline:auto;display:grid;grid-template-columns:minmax(175px,1fr) minmax(260px,330px) minmax(175px,1fr);align-items:center;justify-items:center;gap:clamp(28px,6vw,108px)}.play-table{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2.4vh,18px);width:100%}.play-table .turn-banner{top:-2%}.table-panel{z-index:2;width:min(100%,230px);display:grid;justify-items:center;gap:8px;padding:22px 18px;border:1px solid rgba(255,225,150,.28);border-radius:24px;background:radial-gradient(circle at 50% 0,rgba(62,150,255,.17),transparent 56%),linear-gradient(150deg,#192139e0,#070b19e8);box-shadow:0 20px 45px #00000047,inset 0 1px #ffffff1a;text-align:center}.table-panel-label{color:#b8c5df;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.table-panel-avatar,.table-panel-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;font-size:25px;color:#fff0b6;background:radial-gradient(circle at 35% 28%,#ffffff6b,#3d8bff45 43%,#050a1ad1);border:1px solid rgba(255,225,150,.5);box-shadow:0 0 18px #3d8bff47,inset 0 0 0 2px #04091699}.table-panel strong{color:#f6f8ff;font-size:15px}.table-panel-stat{color:#b6c0d6;font-size:12px}.table-panel-turn{color:#93a2bf;font-size:11px;font-weight:800}.table-panel-turn.is-active{color:#ffdf8d;text-shadow:0 0 11px rgba(255,190,65,.58)}@media (max-width: 900px),(max-height: 620px){.center{display:flex;width:100%;margin:0}.table-panel{display:none}.play-table{width:auto;min-width:0}}@media (min-width: 960px) and (min-height: 621px){.hand-area .hand-scroll{display:grid;grid-template-columns:repeat(var(--hand-count),minmax(0,1fr));align-items:end;gap:clamp(4px,.65vw,12px);padding-inline:clamp(22px,3.5vw,64px);overflow:visible}.hand-area .hand-slot{width:100%;display:flex;justify-content:center}.hand-area .hand-slot .card{width:min(100%,var(--card-w));height:auto;aspect-ratio:1 / 1.44}.hand-area.hand-many .hand-slot:not(:first-child){margin-left:0}}.play-table .discard-pile{transform:scale(1.16);transform-origin:center}.play-table .discard-pile:before{top:-42%;right:-42%;bottom:-42%;left:-42%;filter:blur(28px);opacity:.95}.play-table .discard-pile:after{content:"";position:absolute;top:-28%;right:-28%;bottom:-28%;left:-28%;z-index:-1;border:1px solid color-mix(in srgb,var(--card-color, #3d8bff) 55%,transparent);border-radius:50%;box-shadow:0 0 34px color-mix(in srgb,var(--card-color, #3d8bff) 42%,transparent),inset 0 0 42px #ffe59912;pointer-events:none}.active-attrs{position:relative;min-width:174px;gap:12px;padding:9px 18px 9px 11px;border-color:#f4cd72;border-radius:15px;background:linear-gradient(90deg,color-mix(in srgb,var(--active-color) 34%,#101a34),#0a0e1ef0 56%),linear-gradient(135deg,rgba(255,246,198,.16),transparent 55%);box-shadow:0 9px 24px #00000075,0 0 16px color-mix(in srgb,var(--active-color) 38%,transparent),inset 0 0 0 1px #fff6c329}.active-attrs:before,.active-attrs:after{content:"";position:absolute;top:50%;width:8px;height:8px;background:linear-gradient(135deg,#fff4bd,#d59a2e 55%,#6b3d0a);transform:translateY(-50%) rotate(45deg);box-shadow:0 0 5px #ffe189c2}.active-attrs:before{left:-5px}.active-attrs:after{right:-5px}.active-color-dot{width:38px;height:38px;flex-basis:38px;border-width:2px;box-shadow:0 0 0 2px #51300c,0 0 17px var(--active-color),inset 0 0 0 2px #ffffff42}.active-attr-copy{gap:3px}.active-attr-label{color:#f5d991;font-size:9px;letter-spacing:.13em}.active-symbol{font-size:20px;line-height:1;color:#fff7d3}@media (max-width: 520px){.play-table .discard-pile{transform:scale(1.07)}.active-attrs{min-width:150px;padding:7px 13px 7px 9px}.active-color-dot{width:32px;height:32px;flex-basis:32px}}.lobby{justify-content:center;gap:clamp(14px,2.5vh,28px);padding-block:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-bottom))}.lobby-brand{margin:0}.lobby-brand .logo-img{width:min(440px,68vw);max-height:118px}.lobby-brand .tagline{margin-top:4px;font-size:clamp(13px,1.2vw,16px)}.lobby-stage{width:min(1180px,100%);display:grid;grid-template-columns:minmax(210px,.8fr) minmax(340px,420px) minmax(210px,.8fr);align-items:center;gap:clamp(20px,4vw,70px)}.lobby-stage .lobby-card{width:100%;margin:0;z-index:1}.lobby-side{min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:26px 22px;text-align:center;border:1px solid rgba(255,226,150,.24);border-radius:24px;background:radial-gradient(circle at 50% 5%,rgba(61,139,255,.18),transparent 55%),linear-gradient(155deg,#161e37d4,#070a18db);box-shadow:0 24px 56px #0000004d,inset 0 1px #ffffff1c}.lobby-side-kicker{color:#f5d993;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.lobby-side h2{font-size:clamp(18px,2vw,24px);line-height:1.1}.guide-steps{display:grid;gap:11px;width:100%;padding:0;list-style:none;text-align:left}.guide-steps li{display:grid;grid-template-columns:27px 1fr;align-items:center;gap:9px;color:#c7d1e4;font-size:12px;line-height:1.35}.guide-steps b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;color:#fff3bf;background:radial-gradient(circle at 35% 28%,#fff,#d89b35 44%,#432505);box-shadow:0 0 0 1px #ffe79f73}.lobby-rules-link{min-height:34px;padding:6px 12px;color:#f7dc93;font:inherit;font-size:12px;font-weight:900;background:transparent;border:1px solid rgba(255,226,150,.3);border-radius:999px}.lobby-rules-link:hover{border-color:#f5d993;background:#ffe29617}.collection-cards{height:164px;display:flex;align-items:center;justify-content:center;padding-inline:12px}.collection-card{width:82px;height:123px;flex:0 0 auto;border-radius:9px;background-position:center;background-size:cover;box-shadow:0 12px 24px #00000080,0 0 12px #ffd36838}.collection-card-moon{background-image:url(/cards/v1/moon-purple.webp);transform:translate(20px) rotate(-9deg)}.collection-card-fire{background-image:url(/cards/v1/fire-red.webp);z-index:1;transform:translateY(-9px)}.collection-card-lightning{background-image:url(/cards/v1/lightning-blue.webp);transform:translate(-20px) rotate(9deg)}.lobby-collection p{color:#b9c4da;font-size:11px;font-weight:800}@media (max-width: 980px),(max-height: 720px){.lobby{justify-content:flex-start;overflow-y:auto}.lobby-stage{grid-template-columns:minmax(300px,420px);justify-content:center}.lobby-side{display:none}.lobby-brand .logo-img{max-height:105px}}@media (max-width: 520px){.lobby{padding-inline:16px}.lobby-brand .logo-img{width:min(330px,88vw)}.lobby-stage{grid-template-columns:minmax(0,1fr)}}@media (min-width: 960px) and (min-height: 621px){.board{background:radial-gradient(circle at 14% 20%,rgba(81,170,255,.9) 0 1px,transparent 2px),radial-gradient(circle at 78% 12%,rgba(255,231,165,.9) 0 1px,transparent 2px),radial-gradient(circle at 62% 24%,rgba(163,109,255,.72) 0 1px,transparent 2px),radial-gradient(1000px 570px at 50% 48%,rgba(22,80,165,.25),transparent 62%),linear-gradient(180deg,#061631,#08142b 48%,#050b18);background-size:210px 170px,280px 230px,170px 210px,auto,auto}.center{width:min(1380px,calc(100% - 72px));grid-template-columns:270px minmax(370px,460px) 270px;gap:clamp(58px,9vw,160px)}.center:before{width:min(62vw,840px);height:min(90%,560px);border-color:#f7ca5661;box-shadow:0 0 58px #3d8bff57,inset 0 0 86px #a06bff2e}.center:after{width:min(58vw,720px);height:min(82%,460px);opacity:.9}.play-table:before{content:"";position:absolute;z-index:-1;width:360px;height:112px;top:54%;left:50%;transform:translate(-50%,-50%);border:2px solid rgba(255,216,119,.7);border-radius:50%;box-shadow:0 0 0 12px #ffc74514,0 0 0 22px #19d3ff14,0 0 34px #19d3ff9e,inset 0 0 28px #ffd16138}.play-table .discard-pile{transform:scale(1.24);z-index:2}.table-panel{width:270px;min-height:420px;padding:28px 25px;gap:14px;border-color:#ffdb87b8;border-radius:28px;background:linear-gradient(165deg,#081c3be6,#040d1ff0);box-shadow:0 0 0 1px #19d3ff14,0 25px 60px #0000006b,inset 0 1px #fff4cb29}.table-panel-label{color:#e9f5ff;font-size:14px;letter-spacing:.16em}.table-panel-avatar{width:72px;height:72px;font-size:37px;border-color:#2ccfff;box-shadow:0 0 0 5px #19d3ff14,0 0 25px #19d3ff80,inset 0 0 0 3px #040916b3}.table-panel strong{font-size:18px}.table-panel-stat{font-size:15px}.opponent-card-stack{position:relative;width:160px;height:72px;margin-top:6px;display:block}.opponent-card-stack i{position:absolute;inset:0 auto auto 50%;width:48px;height:69px;border:1px solid rgba(255,222,133,.62);border-radius:7px;background:radial-gradient(circle at 50% 45%,rgba(75,140,255,.22),transparent 42%),linear-gradient(145deg,#151d3c,#050a19);box-shadow:0 6px 12px #00000073;transform-origin:bottom center}.opponent-card-stack i:nth-child(1){transform:translate(-70px) rotate(-18deg)}.opponent-card-stack i:nth-child(2){transform:translate(-48px) rotate(-9deg)}.opponent-card-stack i:nth-child(3){transform:translate(-24px)}.opponent-card-stack i:nth-child(4){transform:translate(0) rotate(9deg)}.opponent-card-stack i:nth-child(5){transform:translate(22px) rotate(18deg)}.match-timer{display:grid;place-items:center;width:126px;height:126px;border-radius:50%;background:radial-gradient(circle,#092857 56%,transparent 58%);box-shadow:0 0 0 8px #19d3ff1f,0 0 24px #19d3ff70}.match-timer .turn-ring{width:106px;height:106px;font-size:34px;color:#eafaff}.match-timer .turn-ring svg{width:106px;height:106px}.match-timer .turn-ring-track{stroke:#19d3ff33;stroke-width:2.5}.match-timer .turn-ring-progress{stroke:#19d3ff;stroke-width:2.8;filter:drop-shadow(0 0 5px #19d3ff)}.match-rule{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(158,207,255,.55),transparent)}.match-element-label{color:#dfeeff;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.table-panel-icon{width:74px;height:74px;font-size:37px;color:#fff2a4;border-color:var(--element-color, #ffc531);box-shadow:0 0 0 4px #ffd15a17,0 0 22px var(--element-color, #ffc531),inset 0 0 0 3px #040916a6}.element-steps{display:flex;align-items:center;gap:17px}.element-steps i{position:relative;width:15px;height:15px;border:1px solid #f4ce74;border-radius:50%}.element-steps i:first-child{background:#f7cb66;box-shadow:0 0 10px #f7cb66}.element-steps i:not(:last-child):after{content:"";position:absolute;left:14px;top:6px;width:17px;height:1px;background:#f4ce7499}.hand-area{position:relative;overflow:visible;border:1px solid rgba(255,205,99,.45);border-bottom:0;border-radius:50% 50% 0 0/18% 18% 0 0;background:linear-gradient(180deg,#0d1d3cf0,#040a17fa);box-shadow:0 -18px 54px #00000085,inset 0 1px #ffe7992e}.hand-area .hand-scroll{padding-top:42px}.hand-area .hand-scroll:before{content:"";position:absolute;top:14px;left:7%;right:7%;height:80px;border-top:1px solid rgba(255,215,116,.5);border-radius:50% 50% 0 0;pointer-events:none}.hand-area .hand-slot:nth-child(1){transform:translateY(18px) rotate(-7deg)}.hand-area .hand-slot:nth-child(2){transform:translateY(10px) rotate(-5deg)}.hand-area .hand-slot:nth-child(3){transform:translateY(4px) rotate(-3deg)}.hand-area .hand-slot:nth-child(4){transform:translateY(0) rotate(-1deg)}.hand-area .hand-slot:nth-child(6){transform:translateY(0) rotate(1deg)}.hand-area .hand-slot:nth-child(7){transform:translateY(4px) rotate(3deg)}.hand-area .hand-slot:nth-child(8){transform:translateY(10px) rotate(5deg)}.hand-area .hand-slot:nth-child(n+9){transform:translateY(18px) rotate(7deg)}}@media (min-width: 960px) and (min-height: 621px){.board{background:#06152b url(/arena-cosmic-v1.webp) center / cover no-repeat}.center{grid-template-columns:300px minmax(390px,500px) 300px;gap:clamp(72px,10vw,190px)}.center:before,.center:after,.play-table:before{display:none}.play-table .turn-banner{display:none}.play-table .discard-pile{transform:scale(1.4)}.table-panel{width:300px;min-height:450px;border-color:#ffdb87d1;background:linear-gradient(165deg,#051733e6,#030c1ded);box-shadow:0 0 0 1px #ffde8f1f,0 26px 64px #0000006b,inset 0 1px #fff4cb2e}.hand-area{background:transparent;border:0;border-radius:0;box-shadow:none}.hand-area .hand-scroll{padding-top:34px;padding-bottom:16px}.hand-area .hand-scroll:before{top:5px;left:4%;right:4%;border-color:#ffd877b8}}@media (max-width: 1279px){.center{display:flex;width:100%;margin:0}.table-panel{display:none}.play-table{width:auto;min-width:0}}@media (min-width: 1280px) and (min-height: 621px){.app{position:relative;overflow:hidden;background:#030a18}.board{--z: min(tan(atan2(100vw, 1365px)), tan(atan2(100dvh, 768px)));position:absolute;top:50%;left:50%;width:calc(100vw / var(--z));height:calc(100dvh / var(--z));padding-top:0;transform:translate(-50%,-50%) scale(var(--z));transform-origin:center;grid-template-rows:74px minmax(0,1fr) 200px;background:#06152b url(/arena-cosmic-v1.webp) center / cover no-repeat}.opponents{min-height:74px;padding-top:12px}.board-logo{top:10px;width:240px;max-height:62px}.opponent{padding:7px 14px;border-color:#ffc75cb3;background:#061836c7;box-shadow:0 0 20px #ffbe462e}.opponent-active{border-color:#ffb52e;box-shadow:0 0 0 2px #ffb52e2e,0 0 26px #ffb52e57}.room-chip{top:20px;right:max(18px,env(safe-area-inset-right));padding:8px 12px}.center{align-items:center;width:1170px;grid-template-columns:236px 380px 236px;gap:80px;transform:none}.play-table{gap:0}.play-table .discard-pile{transform:scale(1.09)}.active-attrs{margin-top:-14px;z-index:3;min-width:168px;padding:7px 16px 7px 10px}.active-color-dot{width:30px;height:30px;flex-basis:30px}.active-symbol{font-size:17px}.btn-draw{margin-top:14px;padding:9px 30px}.table-panel{width:236px;min-height:360px;padding:22px 20px;gap:9px;border-radius:22px}.table-panel-opponent,.table-panel-match{transform:none}.table-panel-label{font-size:12px}.table-panel-avatar{width:64px;height:64px;font-size:32px}.table-panel strong{font-size:17px}.table-panel-stat{font-size:13px}.opponent-card-stack{transform:scale(.82);margin-block:-2px}.match-timer{width:104px;height:104px}.match-timer .turn-ring{width:88px;height:88px;font-size:28px}.match-timer .turn-ring svg{width:88px;height:88px}.table-panel-icon{width:62px;height:62px;font-size:30px}.hand-area{--card-w: 112px;padding:6px 0 0;overflow:visible}.hand-area .hand-meta{display:none}.hand-area .reaction-bar{position:absolute;top:-44px;right:24px;gap:4px;padding:0}.hand-area .reaction-btn{min-width:32px;min-height:32px;font-size:16px}.hand-area .hand-scroll{height:194px;min-height:0;grid-template-rows:minmax(0,1fr);align-items:start;padding:18px 95px 0;gap:8px}.hand-area .hand-scroll:before{top:2px;height:90px}.hand-area .hand-slot .card{width:min(100%,var(--card-w));height:auto;max-height:none;aspect-ratio:1 / 1.44}.hand-area .hand-slot .card-playable:hover{transform:translateY(-8px)}}.card-featured{box-shadow:0 20px 40px #000000a8,0 0 34px #ffcd5780}.card-featured .card-corner,.card-featured.card-special .card-emblem{display:none}.card-featured{height:calc(var(--card-w) * 1.44)}.play-table .discard-pile>.card{height:calc(var(--card-w) * 1.44)}@media (min-width: 960px) and (max-width: 1279px) and (min-height: 621px){.hand-area{--card-w: clamp(84px, 7vw, 100px)}.hand-area .hand-scroll{height:150px;min-height:0;align-items:end;padding-inline:clamp(44px,6vw,120px)}}@media (min-width: 960px) and (min-height: 621px){.hand-area .hand-slot:nth-child(n){transform:none}}.board{--ui-fill: rgba(10, 16, 32, .42);--ui-fill-strong: rgba(10, 16, 32, .62);--ui-line: rgba(255, 255, 255, .12);--ui-text: rgba(255, 255, 255, .92);--ui-text-dim: rgba(255, 255, 255, .58)}.board .board-logo{filter:none;opacity:.92;animation:none}.board .opponent,.board .room-chip{color:var(--ui-text);font-weight:600;background:var(--ui-fill);border:1px solid var(--ui-line);box-shadow:none;backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);transform:none}.board .room-chip{color:var(--ui-text-dim)}@media (max-width: 520px){.board .room-chip{justify-content:center;background:none;border:none;backdrop-filter:none;-webkit-backdrop-filter:none}}.board .opponent-active{border-color:#ffffff57;background:var(--ui-fill-strong)}.board .opponent-count{color:var(--ui-text-dim)}.board .avatar-bubble,.board .opponent-active .avatar-bubble{box-shadow:none;animation:none}.board .btn-leave{background:transparent;color:var(--ui-text-dim)}.board .btn-leave:hover{background:#ffffff1a;color:#fff;transform:none}.board .turn-ring{color:#fff}.board .turn-ring-track{stroke:#ffffff29;stroke-width:2.5}.board .turn-ring-progress{stroke:#fff;stroke-width:2.5;filter:none}.board .turn-ring-critical .turn-ring-progress{stroke:var(--danger)}.board .discard-pile:before,.board .play-table .discard-pile:after,.board .active-attrs:before,.board .active-attrs:after,.board .hand-area .hand-scroll:before{display:none}.board .discard-pile{filter:drop-shadow(0 26px 40px rgba(0,0,0,.5))}.board .discard-pile>.card:disabled{opacity:1;cursor:default}.board .active-attrs{min-width:0;gap:10px;padding:6px 14px 6px 8px;border:1px solid var(--ui-line);border-radius:999px;background:var(--ui-fill);box-shadow:none;backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3)}.board .active-color-dot{width:22px;height:22px;flex-basis:22px;border:0;background:var(--active-color);box-shadow:0 0 0 1px #ffffff38}.board .active-attr-label{color:var(--ui-text-dim);font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:none}.board .active-symbol{color:var(--ui-text);font-size:15px;font-weight:700}.board .btn-draw{color:var(--ui-text);font-weight:600;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:999px;box-shadow:none;text-shadow:none;backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3)}.board .btn-draw:not(:disabled):hover{color:#fff;background:#fff3;border-color:#ffffff4d;transform:none;box-shadow:none}.board .btn-draw:disabled{background:#ffffff0f;color:var(--ui-text-dim)}.board .turn-banner{color:var(--ui-text);background:var(--ui-fill-strong);border:1px solid var(--ui-line);box-shadow:0 20px 50px #00000059;backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3)}.board .turn-banner-title{font-weight:700}.board .turn-banner-hint{color:var(--ui-text-dim);font-weight:600}.board .combo-flash{color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.55)}.board .hand-area,.board .hand-area.my-turn{background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.board .hand-meta{color:var(--ui-text-dim);font-weight:600}.board .reaction-btn{background:var(--ui-fill);border:1px solid var(--ui-line);box-shadow:none}.board .reaction-btn:hover{transform:scale(1.1);box-shadow:none}.board .card-playable,.board .hand-slot .card-playable{animation:none;box-shadow:0 14px 30px #00000080,0 0 0 2px #ffffff8c}.board .card-playable .card-sheen,.board .card-playable .card-orbit{animation:none}.board .card-dimmed{opacity:.55;filter:saturate(.7) brightness(.85)}.board .combo-flash{top:auto;bottom:90%;left:50%;display:flex;align-items:baseline;gap:.18em;padding:0;color:#fff;font-size:clamp(30px,4.6vw,54px);font-weight:800;letter-spacing:-.03em;line-height:1;white-space:nowrap;text-shadow:0 6px 26px rgba(0,0,0,.6),0 1px 0 rgba(0,0,0,.35);transform-origin:50% 100%;animation:comboIn 1.8s cubic-bezier(.2,.9,.25,1.2) both;z-index:7;pointer-events:none}.board .combo-flash .combo-word{font-size:.62em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.92}.board .combo-flash .combo-mult{background:linear-gradient(105deg,#fff 0,#fff 38%,#ffe27a,#fff 62%,#fff);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 18px rgba(0,0,0,.55));animation:comboShimmer 1.1s ease-in-out .25s 1}.board .combo-flash .combo-burst{position:absolute;left:50%;top:50%;width:1.6em;height:1.6em;border:2px solid rgba(255,255,255,.9);border-radius:50%;transform:translate(-50%,-50%) scale(.2);animation:comboBurst .9s cubic-bezier(.2,.8,.3,1) both}@keyframes comboIn{0%{opacity:0;transform:translate(-50%,22px) scale(.55) rotate(-5deg)}16%{opacity:1;transform:translate(-50%) scale(1.14) rotate(2deg)}28%{transform:translate(-50%) scale(1) rotate(0)}74%{opacity:1;transform:translate(-50%,-4px) scale(1)}to{opacity:0;transform:translate(-50%,-46px) scale(.94)}}@keyframes comboShimmer{0%{background-position:120% 0}to{background-position:-40% 0}}@keyframes comboBurst{0%{opacity:.9;transform:translate(-50%,-50%) scale(.2);border-width:3px}to{opacity:0;transform:translate(-50%,-50%) scale(3.2);border-width:.5px}}@media (prefers-reduced-motion: reduce){.board .combo-flash{animation:comboFade 1.8s both}.board .combo-flash .combo-burst,.board .combo-flash .combo-mult{animation:none}@keyframes comboFade{0%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}}.board .hand-area .hand-slot{position:relative}.board .hand-area .hand-slot-selected,.board .hand-area.hand-many .hand-slot-selected{z-index:6;transform:translateY(-18px)}.board .hand-slot-selected .card,.board .hand-area .hand-slot.hand-slot-selected .card:hover{transform:scale(1.06);box-shadow:0 22px 40px #0009,0 0 0 3px #fff,0 0 0 6px #ffffff47}.board .hand-slot-selected:after{content:"✓";position:absolute;top:-12px;right:-6px;z-index:7;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;color:#0a1020;font-size:14px;font-weight:800;line-height:1;box-shadow:0 4px 12px #00000073;pointer-events:none}@media (min-width: 1280px) and (min-height: 621px){.board .table-panel{display:none}.board .hand-area{position:relative;z-index:3}.board .center{display:flex;flex-direction:column;justify-content:center;width:100%;gap:0}.board .play-table{width:auto;gap:0}.board .play-table .discard-pile{transform:scale(1.04)}.board .active-attrs{margin-top:18px}.board .btn-draw{margin-top:12px;padding:9px 26px}.board .opponent{padding:6px 14px 6px 6px}.board .room-chip{padding:7px 8px 7px 12px;font-size:12px}.board .hand-area .hand-meta{display:flex;position:absolute;top:-30px;left:40px;margin:0;min-height:0;gap:10px;font-size:12px}.board .hand-area .hand-meta .turn-ring{width:28px;height:28px;font-size:11px}.board .hand-area .hand-meta .turn-ring svg{width:28px;height:28px}.board .hand-area .btn-play{margin-left:8px;padding:6px 14px;font-size:12px;min-height:30px}.board .hand-area .reaction-bar{top:-32px;right:40px;gap:6px}.board .hand-area .reaction-btn{min-width:30px;min-height:30px;font-size:15px}.board .hand-area{--card-w: 112px;--stage-w: calc(100vw / var(--z));--slot-w: calc(var(--card-w) + 10px);min-width:0;max-width:100%}.board{grid-template-columns:minmax(0,1fr)}.board .hand-area .hand-scroll{display:flex;justify-content:flex-start;align-items:flex-start;gap:0;padding:22px 60px 0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:60px;scrollbar-width:none}.board .hand-area .hand-scroll::-webkit-scrollbar{display:none}.board .hand-area .hand-slot{display:block;flex:0 0 var(--slot-w);width:var(--slot-w);margin:0;scroll-snap-align:start}.board .hand-area .hand-slot:first-child{margin-left:auto}.board .hand-area .hand-slot:last-child{flex-basis:var(--card-w);width:var(--card-w);margin-right:auto}.board .hand-area .hand-slot .card{width:var(--card-w);max-width:none}.board .hand-area .hand-slot:hover{z-index:5}.board .hand-area .hand-slot .card-playable:hover{transform:translateY(-10px)}.board .hand-nav{position:absolute;top:50%;z-index:8;width:40px;height:40px;min-height:0;padding:0 0 3px;border-radius:50%;border:1px solid var(--ui-line);background:var(--ui-fill-strong);color:var(--ui-text);font-size:26px;font-weight:600;line-height:1;backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);box-shadow:0 8px 24px #0006;transform:translateY(-40%)}.board .hand-nav:hover{background:#ffffff2e}.board .hand-nav-left{left:12px}.board .hand-nav-right{right:12px}}.hand-nav{display:none}@media (min-width: 1280px) and (min-height: 621px){.board .hand-nav{display:grid;place-items:center}}@media (max-width: 1279px){.board .hand-area{--hand-card-w: clamp(64px, 18vw, 84px)}.board .hand-area .hand-scroll{display:flex;gap:8px;overflow-x:auto;justify-content:flex-start}.board .hand-area .hand-slot{flex:0 0 auto;width:auto}.board .hand-area .hand-slot:first-child{margin-left:auto}.board .hand-area .hand-slot:last-child{margin-right:auto}.board .hand-area.hand-many .hand-slot:not(:first-child){margin-left:0}.board .hand-area .hand-slot .card{width:var(--hand-card-w);height:calc(var(--hand-card-w) * 1.44)}}.app,.board,.lobby,.waiting,.game-over{background:radial-gradient(70% 55% at 18% 8%,rgba(10,132,255,.28),transparent 62%),radial-gradient(55% 45% at 86% 18%,rgba(191,90,242,.22),transparent 62%),radial-gradient(60% 40% at 50% 108%,rgba(48,209,88,.1),transparent 60%),linear-gradient(180deg,#0c1224,#070a14 55%,#04060c)}.board .center:after{content:"";display:block;position:absolute;left:50%;top:50%;width:620px;height:620px;transform:translate(-50%,-48%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.07),transparent 62%);mask:none;-webkit-mask:none;animation:none;opacity:1;pointer-events:none;z-index:-1}.lobby,.waiting{--ui-fill: rgba(10, 16, 32, .42);--ui-fill-strong: rgba(10, 16, 32, .62);--ui-line: rgba(255, 255, 255, .12);--ui-text: rgba(255, 255, 255, .92);--ui-text-dim: rgba(255, 255, 255, .58);background:linear-gradient(#030a18a8,#030a18cc),#030a18 url(/arena-cosmic-v1.webp) center / cover no-repeat}.lobby .lobby-glow,.waiting .lobby-glow,.lobby .lobby-deco{display:none}.lobby .logo-img{filter:none;animation:none}.lobby .tagline{color:var(--ui-text-dim);font-weight:600}.lobby .lobby-card,.lobby .lobby-side,.rules-modal,.color-picker{background:var(--ui-fill, rgba(10, 16, 32, .42));border:1px solid var(--ui-line, rgba(255, 255, 255, .12));border-radius:24px;box-shadow:0 30px 80px #00000059;backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3)}.lobby .lobby-card:before,.rules-modal:before,.color-picker:before{display:none}.lobby .lobby-side{box-shadow:none;background:#0a10204d}.lobby .lobby-side-kicker{color:var(--ui-text-dim);font-weight:600;letter-spacing:.06em}.lobby .lobby-side h2{font-weight:700;letter-spacing:-.01em}.lobby .guide-steps li{color:var(--ui-text-dim);font-size:13px;font-weight:500}.lobby .guide-steps b{color:var(--ui-text);background:#ffffff1f;box-shadow:none;font-weight:600}.lobby .lobby-rules-link{color:var(--ui-text);font-weight:600;border-color:var(--ui-line)}.lobby .lobby-rules-link:hover{background:#ffffff14;border-color:#ffffff3d}.lobby .collection-card{box-shadow:0 12px 24px #00000080}.lobby .lobby-collection p,.lobby .field-label{color:var(--ui-text-dim);font-weight:600}.lobby .input,.input{color:var(--ui-text, #fff);font-weight:600;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:none}.lobby .input:focus,.input:focus{border-color:#ffffff73;box-shadow:0 0 0 3px #ffffff1f}.lobby .input-code{font-weight:700;letter-spacing:8px}.lobby .btn,.waiting .btn,.rules-modal .btn,.color-picker .btn{font-weight:600;letter-spacing:0;border-radius:14px;box-shadow:none;text-shadow:none}.lobby .btn-primary,.waiting .btn-primary{color:#0a1020;background:#fff;border:1px solid transparent}.lobby .btn-primary:hover:not(:disabled),.waiting .btn-primary:hover:not(:disabled){background:#eef1ff;filter:none;transform:none;box-shadow:none}.lobby .btn-primary.btn-shine,.waiting .btn-primary.btn-shine{color:var(--ui-text);background:#ffffff29;border-color:#fff3}.lobby .btn-primary.btn-shine:hover:not(:disabled),.waiting .btn-primary.btn-shine:hover:not(:disabled){background:#ffffff3d}.lobby .btn-shine:after,.waiting .btn-shine:after{display:none}.lobby .btn-ghost,.waiting .btn-ghost,.rules-modal .btn-ghost{color:var(--ui-text);background:#ffffff0f;border:1px solid var(--ui-line, rgba(255, 255, 255, .12))}.lobby .btn-ghost:hover,.waiting .btn-ghost:hover,.rules-modal .btn-ghost:hover{background:#ffffff1f;border-color:#ffffff3d;transform:none}.lobby .btn-queue span{color:inherit;opacity:.6;font-weight:500}.lobby .btn-primary.btn-queue span{color:#0a1020}.lobby .bot-hint{color:var(--ui-text-dim)}.lobby .presence-count{color:var(--ui-text-dim);font-weight:500;font-size:12px}.lobby .conn-badge{font-weight:500}.lobby .conn-connected .conn-dot{animation:none}.lobby .lang-btn{color:var(--ui-text-dim);font-weight:600;background:var(--ui-fill);border:1px solid var(--ui-line);border-radius:10px;box-shadow:none}.lobby .lang-btn-active{color:#0a1020;background:#fff;border-color:#fff}.waiting .waiting-title{font-weight:700;letter-spacing:-.01em}.waiting .waiting-hint{color:var(--ui-text-dim);font-weight:500}.waiting .room-code-char{background:#ffffff1a;border:1px solid var(--ui-line);box-shadow:none;font-weight:700}.waiting .room-code-display:hover .room-code-char{transform:translateY(-2px);box-shadow:none;background:#ffffff24}.waiting .room-code-copied .room-code-char{box-shadow:0 0 0 2px var(--success)}.waiting .room-code-copy{background:var(--ui-fill);border-color:var(--ui-line)}.waiting .waiting-player{background:var(--ui-fill);border:1px solid var(--ui-line);border-left-width:1px;border-radius:14px;padding:10px 14px;font-weight:600}.waiting .waiting-player:first-child{border-left-color:var(--ui-line)}.waiting .host-badge{color:var(--ui-text);filter:none}.waiting .avatar-bubble{box-shadow:none}.rules-modal h3{font-weight:700}.rules-modal .rules-item{background:#ffffff0d;border-color:var(--ui-line, rgba(255, 255, 255, .12));border-radius:14px}.rules-modal .rules-item strong{font-weight:600}.rules-modal .rules-item p{font-weight:500}.card.card-v2{--ink: #fff;--graphite: #1c1c1e;container-type:inline-size;isolation:isolate;display:block;padding:0;border:0;border-radius:12%/8.333%;color:var(--ink);font-variant-numeric:tabular-nums;overflow:hidden;background:none;box-shadow:0 10px 22px #00000073;transform-style:flat}.card.card-v2:before,.card.card-v2:after{display:none}.card.card-v2.card-light{--ink: #1c1c1e}.cv2-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12cqw;background:radial-gradient(120% 80% at 100% 0%,rgba(255,255,255,.18),transparent 55%),linear-gradient(165deg,color-mix(in srgb,var(--card-color) 80%,#fff 20%) 0%,var(--card-color) 48%,color-mix(in srgb,var(--card-color) 74%,#000 26%) 100%);box-shadow:inset 0 1px #ffffff4d;pointer-events:none}.card-light .cv2-face{box-shadow:inset 0 1px #fff9,inset 0 0 0 1px #00000014}.cv2-idx{position:absolute;top:6cqw;left:7cqw;display:flex;flex-direction:column;align-items:center;gap:2cqw;min-width:16cqw;font-weight:700;line-height:.9;letter-spacing:-.045em;text-shadow:0 1px 3px rgba(0,0,0,.22)}.cv2-idx b{font-size:22cqw;font-weight:700}.cv2-idx svg{width:11cqw;height:11cqw;fill:currentColor;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.cv2-idx.cv2-br{top:auto;left:auto;right:7cqw;bottom:6cqw;transform:rotate(180deg)}.card-light .cv2-idx{text-shadow:none}.card-light .cv2-idx svg,.card-light .cv2-pip svg{filter:none}.cv2-pip{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.cv2-pip svg{width:66cqw;height:66cqw;fill:currentColor;filter:drop-shadow(0 3cqw 8cqw rgba(0,0,0,.28))}.card.card-v2.card-special{--ink: #fff;color:var(--card-color);box-shadow:0 10px 22px #00000080}.card-special .cv2-face{background:linear-gradient(172deg,color-mix(in srgb,var(--card-color) 22%,#2c2c2e),color-mix(in srgb,var(--card-color) 14%,#1c1c1e) 60%,color-mix(in srgb,var(--card-color) 10%,#141416));box-shadow:inset 0 0 0 4cqw var(--card-color)}.card.card-v2.card-special.card-light{color:var(--card-color)}.cv2-ico{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;--cv2-body: color-mix(in srgb, var(--card-color) 14%, #1c1c1e)}.cv2-ico svg{width:54cqw;height:54cqw;fill:currentColor}.cv2-lbl{position:absolute;left:0;right:0;bottom:10cqw;text-align:center;font-size:9cqw;font-weight:600;color:#fff;letter-spacing:0}.cv2-cidx{position:absolute;top:8cqw;left:8cqw;width:16cqw;height:16cqw;--cv2-body: color-mix(in srgb, var(--card-color) 14%, #1c1c1e)}.cv2-cidx svg{width:100%;height:100%;fill:currentColor}.cv2-cidx.cv2-br{top:auto;left:auto;right:8cqw;bottom:22cqw;transform:rotate(180deg)}.card.card-v2.card-wild{color:#fff;box-shadow:0 10px 22px #00000080}.card-wild .cv2-face{background:conic-gradient(from 210deg at 50% 50%,#ff453a,#f2f2f7,#ffd60a,#30d158,#0a84ff,#bf5af2,#ff453a);box-shadow:none}.cv2-plate{position:absolute;top:4cqw;right:4cqw;bottom:4cqw;left:4cqw;border-radius:8.5cqw;background:linear-gradient(172deg,#2e2e33,#1d1d21 60%,#151517);pointer-events:none}.card-wild .cv2-cidx,.card-wild .cv2-ico,.card-wild .cv2-lbl{z-index:1}.card.card-v2.card-back-v2{box-shadow:0 10px 22px #00000080;color:#fff;width:var(--card-w);height:calc(var(--card-w) * 1.44)}.card-back-v2 .cv2-face{background:linear-gradient(172deg,#1f2a4a,#0f1730 60%,#0a1024);box-shadow:inset 0 0 0 4cqw #ffffffeb}.card-back-v2 .cv2-plate{top:9cqw;right:9cqw;bottom:9cqw;left:9cqw;border-radius:6cqw;background:none;border:1.2cqw solid rgba(255,255,255,.22)}.card-back-v2 .cv2-ico svg{width:46cqw;height:46cqw}.card-back-v2 .cv2-lbl{bottom:13cqw;font-size:8cqw;font-weight:700;letter-spacing:.12em;color:#ffffffd9}.board .card.card-v2.card-playable,.board .hand-slot .card.card-v2.card-playable,.board .card.card-v2.card-special.card-playable{animation:none;box-shadow:0 10px 22px #00000080,0 0 0 2px #ffffffb3}.board .hand-slot-selected .card.card-v2,.board .hand-area .hand-slot.hand-slot-selected .card.card-v2:hover,.board .hand-slot-selected .card.card-v2.card-special{transform:scale(1.06);box-shadow:0 14px 26px #0009,0 0 0 3px #fff,0 0 0 6px #ffffff47}.board .card.card-v2.card-dimmed{opacity:1;filter:saturate(.45) brightness(.62)}.board .discard-pile>.card.card-v2:disabled{opacity:1}.board .discard-pile>.card.card-v2,.board .discard-pile>.card.card-v2.card-special{box-shadow:0 12px 26px #0000008c}.active-suit{width:18px;height:18px;fill:currentColor;display:inline-block;vertical-align:middle}.lobby .collection-cards .card{position:relative;flex:0 0 auto;height:auto;aspect-ratio:1 / 1.44;cursor:default}.lobby .collection-cards .card:nth-child(1){transform:translate(20px) rotate(-9deg)}.lobby .collection-cards .card:nth-child(2){z-index:1;transform:translateY(-9px)}.lobby .collection-cards .card:nth-child(3){transform:translate(-20px) rotate(9deg)}.lobby .collection-cards .card:disabled{opacity:1}.lobby.lobby-v2{display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));overflow-y:auto;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,Nunito,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.lobby,.waiting,.game-over{background:radial-gradient(70% 55% at 18% 8%,rgba(10,132,255,.28),transparent 62%),radial-gradient(55% 45% at 86% 18%,rgba(191,90,242,.22),transparent 62%),radial-gradient(60% 40% at 50% 108%,rgba(48,209,88,.1),transparent 60%),linear-gradient(180deg,#0c1224,#070a14 55%,#04060c)}.lv2-grid{width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,440px);justify-content:center;align-items:center;gap:clamp(32px,6vw,96px)}@media (min-width: 1100px) and (min-height: 640px){.lv2-grid{grid-template-columns:440px minmax(0,1fr)}}.lv2-main{width:100%;display:flex;flex-direction:column;gap:14px;animation:riseIn .42s var(--spring)}.lv2-brand{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:8px}.lv2-brand .logo-img{width:min(300px,70vw);max-height:84px;margin:0;filter:none;animation:none}.lv2-tagline{color:var(--ui-text-dim, rgba(255,255,255,.58));font-size:15px;font-weight:500;letter-spacing:-.005em}.lv2-field{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;background:var(--ui-fill, rgba(10,16,32,.42));border:1px solid var(--ui-line, rgba(255,255,255,.12));backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);cursor:text}.lv2-field:focus-within{border-color:#ffffff59}.lv2-avatar{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(160deg,#3f9bff,#0a84ff);color:#fff;font-size:17px;font-weight:700}.lv2-field-copy{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.lv2-field-label{font-size:11px;font-weight:600;color:var(--ui-text-dim, rgba(255,255,255,.58))}.lv2-input{width:100%;padding:0;border:0;background:transparent;color:#fff;font:inherit;font-size:17px;font-weight:600;outline:none}.lv2-input::placeholder{color:#ffffff59;font-weight:500}.lv2-cta{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;padding:14px 20px;border:0;border-radius:16px;background:#fff;color:#0a1020;font:inherit;transition:transform var(--anim-fast),background var(--anim-fast)}.lv2-cta:hover:not(:disabled){background:#eef1ff}.lv2-cta:active:not(:disabled){transform:scale(.985)}.lv2-cta:disabled{opacity:.55;cursor:not-allowed}.lv2-cta-title{font-size:17px;font-weight:700;letter-spacing:-.01em}.lv2-cta-sub{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#0a102099}.lv2-cta-busy{background:#ffffff24;color:#fff;border:1px solid var(--ui-line, rgba(255,255,255,.12))}.lv2-cta-busy .lv2-cta-sub{color:#ffffffa6}.lv2-cta-busy:hover:not(:disabled){background:#fff3}.lv2-spinner{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;animation:lv2spin .9s linear infinite}@keyframes lv2spin{to{transform:rotate(360deg)}}.lv2-hint{font-size:13px;color:var(--ui-text-dim, rgba(255,255,255,.58));text-align:center}.lv2-group{display:flex;flex-direction:column;border-radius:18px;background:var(--ui-fill, rgba(10,16,32,.42));border:1px solid var(--ui-line, rgba(255,255,255,.12));backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);overflow:hidden}.lv2-row{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 12px;border:0;background:transparent;color:#fff;font:inherit;text-align:left;transition:background var(--anim-fast)}.lv2-row+.lv2-row{border-top:1px solid rgba(255,255,255,.08)}.lv2-row:hover:not(:disabled){background:#ffffff12}.lv2-row:active:not(:disabled){background:#ffffff1f}.lv2-row:disabled{opacity:.5;cursor:not-allowed}.lv2-row-icon{--lv2-icon-bg: #0a84ff;flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--lv2-icon-bg);color:#fff}.lv2-row-icon svg{width:20px;height:20px;fill:currentColor}.lv2-icon-bot{--lv2-icon-bg: #30d158}.lv2-icon-room{--lv2-icon-bg: #ff9f0a}.lv2-icon-join{--lv2-icon-bg: #0a84ff}.lv2-icon-rules{--lv2-icon-bg: #bf5af2}.lv2-row-text{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.lv2-row-text b{font-size:15px;font-weight:600;letter-spacing:-.005em}.lv2-row-text small{font-size:12px;font-weight:500;color:var(--ui-text-dim, rgba(255,255,255,.58));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lv2-chev{color:#ffffff59;font-size:22px;line-height:1;padding-right:2px}[dir=rtl] .lv2-chev{transform:scaleX(-1)}[dir=rtl] .lv2-row{text-align:right}.lv2-join{display:flex;flex-direction:column;gap:12px}.lv2-code{padding:14px;border-radius:16px;background:var(--ui-fill, rgba(10,16,32,.42));border:1px solid var(--ui-line, rgba(255,255,255,.12));text-align:center;font-size:30px;font-weight:700;letter-spacing:.35em;text-transform:uppercase}.lv2-code:focus{border-color:#ffffff59}.lv2-link{align-self:center;padding:8px 14px;border:0;background:transparent;color:var(--ui-text-dim, rgba(255,255,255,.58));font:inherit;font-size:14px;font-weight:600}.lv2-link:hover{color:#fff}.lv2-foot{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:6px;font-size:12px;font-weight:500;color:var(--ui-text-dim, rgba(255,255,255,.58))}.lv2-foot .conn-badge{font-size:12px;font-weight:500}.lv2-dot{opacity:.5}.lv2-hero{display:none;position:relative;height:380px}@media (min-width: 1100px) and (min-height: 640px){.lv2-hero{display:block}}.lv2-hero .card{position:absolute;left:50%;top:50%;cursor:default;box-shadow:0 30px 60px #00000080;animation:lv2deal .7s var(--spring) both}.lv2-hero .card:disabled{opacity:1}.lv2-hero .card:nth-child(1){transform:translate(-50%,-50%) translate(-165px) rotate(-16deg) translateY(26px);animation-delay:60ms}.lv2-hero .card:nth-child(2){transform:translate(-50%,-50%) translate(-55px) rotate(-5deg);animation-delay:.14s}.lv2-hero .card:nth-child(3){transform:translate(-50%,-50%) translate(55px) rotate(5deg);animation-delay:.22s}.lv2-hero .card:nth-child(4){transform:translate(-50%,-50%) translate(165px) rotate(16deg) translateY(26px);animation-delay:.3s}@keyframes lv2deal{0%{opacity:0;translate:0 40px}to{opacity:1;translate:0 0}}.lobby.lobby-v2 .lang-btn{font-weight:600}@media (max-width: 520px){.lobby.lobby-v2{padding-inline:16px;align-content:start}.lv2-brand{align-items:center;text-align:center;margin-top:56px}.lv2-brand .logo-img{width:min(260px,72vw)}}.lobby.lobby-v2{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,system-ui,sans-serif;font-feature-settings:"cv11","ss01","ss03";letter-spacing:-.005em}.lv2-main{gap:16px}.lv2-brand{gap:10px;margin-bottom:4px}.lv2-brand .logo-img{width:min(220px,60vw);max-height:62px}.lv2-headline{display:flex;flex-direction:column;margin-top:6px;font-size:clamp(30px,3.1vw,40px);font-weight:700;line-height:1.04;letter-spacing:-.035em;color:#fff}.lv2-headline span:last-child{background:linear-gradient(92deg,#7fc0ff,#bf5af2 55%,#ff7ab6);-webkit-background-clip:text;background-clip:text;color:transparent}.lv2-tagline{font-size:15px;font-weight:500;line-height:1.45;color:#ffffff9e;max-width:36ch}.lv2-field{padding:10px 12px 10px 10px;border-radius:18px;background:linear-gradient(180deg,#ffffff12,#ffffff08),var(--ui-fill, rgba(10,16,32,.42));box-shadow:inset 0 1px #ffffff14,0 10px 30px #00000040;transition:border-color var(--anim-fast),box-shadow var(--anim-fast)}.lv2-field:focus-within{border-color:#ffffff59;box-shadow:inset 0 1px #ffffff14,0 0 0 4px #ffffff0f,0 10px 30px #00000040}.lv2-avatar{flex-basis:42px;width:42px;height:42px;background:linear-gradient(160deg,hsl(var(--hue, 210) 90% 68%),hsl(var(--hue, 210) 85% 52%));box-shadow:inset 0 1px #ffffff59,0 4px 12px hsl(var(--hue, 210) 80% 50% / .35);font-weight:700}.lv2-field-label{font-size:11px;letter-spacing:.02em;text-transform:uppercase;color:#ffffff80}.lv2-input{font-size:18px;letter-spacing:-.01em}.lv2-edit{flex:0 0 auto;color:#ffffff59;display:grid;place-items:center;padding-right:4px}.lv2-edit svg{width:18px;height:18px}.lv2-field:focus-within .lv2-edit{color:#ffffffb3}.lv2-cta{position:relative;padding:15px 20px;border-radius:18px;background:linear-gradient(180deg,#fff,#eef1fa);box-shadow:0 1px #ffffffe6 inset,0 12px 30px #00000059,0 0 0 1px #ffffff59;transition:transform var(--anim-fast),box-shadow var(--anim-fast),background var(--anim-fast)}.lv2-cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 1px #ffffffe6 inset,0 16px 36px #0006,0 0 0 1px #ffffff73;background:linear-gradient(180deg,#fff,#f3f5fc)}.lv2-cta:active:not(:disabled){transform:translateY(0) scale(.99)}.lv2-cta-title{display:inline-flex;align-items:center;gap:8px;font-size:18px;font-weight:700;letter-spacing:-.015em}.lv2-cta-arrow{width:18px;height:18px;transition:transform var(--anim-fast)}.lv2-cta:hover:not(:disabled) .lv2-cta-arrow{transform:translate(3px)}[dir=rtl] .lv2-cta-arrow{transform:scaleX(-1)}[dir=rtl] .lv2-cta:hover:not(:disabled) .lv2-cta-arrow{transform:scaleX(-1) translate(3px)}.lv2-cta-sub{font-size:12.5px;letter-spacing:0;color:#0a10208c}.lv2-cta-busy{background:#ffffff1f;box-shadow:inset 0 1px #ffffff1a}.lv2-cta-busy:hover:not(:disabled){background:#ffffff2e;transform:none;box-shadow:inset 0 1px #ffffff1a}.lv2-eyebrow{margin:6px 4px -8px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffff73}.lv2-group{border-radius:20px;background:linear-gradient(180deg,#ffffff0f,#ffffff05),var(--ui-fill, rgba(10,16,32,.42));box-shadow:inset 0 1px #ffffff14,0 12px 34px #00000047}.lv2-row{min-height:60px;padding:11px 12px}.lv2-row+.lv2-row{border-top-color:#ffffff12}.lv2-row-icon{flex-basis:36px;width:36px;height:36px;border-radius:10px;background:linear-gradient(160deg,color-mix(in srgb,var(--lv2-icon-bg) 80%,#fff 20%),var(--lv2-icon-bg));box-shadow:inset 0 1px #ffffff59,0 4px 10px color-mix(in srgb,var(--lv2-icon-bg) 45%,transparent)}.lv2-row-icon svg{width:19px;height:19px}.lv2-row-text b{font-size:15.5px;letter-spacing:-.01em}.lv2-row-text small{font-size:12.5px}.lv2-chev{transition:transform var(--anim-fast),color var(--anim-fast)}.lv2-row:hover:not(:disabled) .lv2-chev{transform:translate(2px);color:#fff9}[dir=rtl] .lv2-row:hover:not(:disabled) .lv2-chev{transform:scaleX(-1) translate(2px)}.lv2-foot,.lv2-foot .conn-badge{font-size:12.5px}.lv2-lang{gap:2px;padding:3px;border-radius:12px;background:var(--ui-fill, rgba(10,16,32,.42));border:1px solid var(--ui-line, rgba(255,255,255,.12));backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3)}.lobby.lobby-v2 .lv2-lang .lang-btn{min-width:40px;min-height:30px;border:0;border-radius:9px;background:transparent;font-size:13px;box-shadow:none}.lobby.lobby-v2 .lv2-lang .lang-btn-active{background:#fff;color:#0a1020;box-shadow:0 2px 8px #0000004d}.lv2-hero{height:440px;display:none;flex-direction:column;align-items:center;justify-content:center;gap:22px}@media (min-width: 1100px) and (min-height: 640px){.lv2-hero{display:flex}}.lv2-hero-fan{position:relative;width:100%;height:340px;animation:lv2float 7s ease-in-out infinite}.lv2-hero-glow{position:absolute;left:50%;top:46%;width:520px;height:520px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(10,132,255,.22),rgba(191,90,242,.12) 45%,transparent 70%);filter:blur(30px);pointer-events:none}.lv2-hero .card{top:50%;box-shadow:0 34px 70px #0000008c,0 0 0 1px #ffffff0f}@keyframes lv2float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lv2-stats{display:flex;gap:8px;list-style:none;padding:0;margin:0;position:relative;z-index:1}.lv2-stats li{padding:6px 12px;border-radius:999px;background:var(--ui-fill, rgba(10,16,32,.42));border:1px solid var(--ui-line, rgba(255,255,255,.12));font-size:12px;font-weight:600;color:#ffffffb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}@media (prefers-reduced-motion: reduce){.lv2-hero-fan{animation:none}}.lv2-row-static{cursor:default}.lv2-row-static:hover{background:transparent}.lv2-icon-sound{--lv2-icon-bg: #ff453a}.lv2-icon-haptics{--lv2-icon-bg: #ff9f0a}.lv2-icon-motion{--lv2-icon-bg: #64d2ff}.lv2-icon-sort{--lv2-icon-bg: #5e5ce6}.lv2-switch{flex:0 0 auto;position:relative;width:51px;height:31px;min-height:0;padding:0;border:0;border-radius:999px;background:#7878805c;box-shadow:inset 0 0 0 1px #ffffff0f;transition:background .22s cubic-bezier(.2,.8,.2,1)}.lv2-switch.is-on{background:#30d158}.lv2-switch-knob{position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 3px 8px #0000004d,0 1px 1px #00000029;transition:transform .22s cubic-bezier(.2,.8,.2,1)}.lv2-switch.is-on .lv2-switch-knob{transform:translate(20px)}[dir=rtl] .lv2-switch.is-on .lv2-switch-knob{transform:translate(-20px)}.lv2-switch:active .lv2-switch-knob{width:31px}.lv2-switch.is-on:active .lv2-switch-knob{transform:translate(16px)}.lv2-switch:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.lv2-topbar{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));display:flex;align-items:center;gap:8px;z-index:10}[dir=rtl] .lv2-topbar{right:auto;left:max(14px,env(safe-area-inset-left))}.lv2-topbar .lang-switcher{position:static}.lv2-gear{width:38px;height:38px;min-height:0;display:grid;place-items:center;padding:0;border-radius:12px;border:1px solid var(--ui-line, rgba(255,255,255,.12));background:var(--ui-fill, rgba(10,16,32,.42));color:#ffffffbf;backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);transition:background var(--anim-fast),color var(--anim-fast),transform var(--anim-fast)}.lv2-gear svg{width:20px;height:20px}.lv2-gear:hover{background:#ffffff1f;color:#fff}.lv2-gear:hover svg{transform:rotate(30deg);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.lv2-sheet{width:min(460px,calc(100vw - 32px));max-height:min(84vh,720px);overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:18px 18px 20px;border-radius:24px;background:linear-gradient(180deg,#ffffff0f,#ffffff05),#0a1020c7;border:1px solid var(--ui-line, rgba(255,255,255,.12));box-shadow:0 40px 100px #0000008c,inset 0 1px #ffffff14;backdrop-filter:blur(30px) saturate(1.3);-webkit-backdrop-filter:blur(30px) saturate(1.3);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,system-ui,sans-serif;animation:riseIn .32s var(--spring)}.lv2-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 0}.lv2-sheet-head h3{font-size:20px;font-weight:700;letter-spacing:-.02em;color:#fff}.lv2-sheet-close{width:30px;height:30px;min-height:0;padding:0;border:0;border-radius:50%;background:#ffffff1a;color:#ffffffbf;font-size:13px;font-weight:700}.lv2-sheet-close:hover{background:#ffffff2e;color:#fff}.lv2-sheet-lang{display:flex;flex-direction:column;gap:8px}.lv2-sheet-lang .lv2-eyebrow{margin:4px 4px 0}.lv2-lang-inline{position:static;align-self:flex-start}.app-links{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:6px}.store-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.store-badge{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:6px 14px 6px 10px;border-radius:12px;background:#0b0d14;border:1px solid rgba(255,255,255,.22);color:#fff;text-decoration:none;box-shadow:0 6px 18px #00000059;transition:transform var(--anim-fast),border-color var(--anim-fast),background var(--anim-fast)}.store-badge:hover{transform:translateY(-1px);border-color:#fff6;background:#11141d}.store-badge svg{width:24px;height:24px;fill:currentColor;flex:0 0 auto}.store-badge span{display:flex;flex-direction:column;line-height:1.05;text-align:left}.store-badge small{font-size:9.5px;font-weight:500;letter-spacing:.01em;color:#ffffffb3}.store-badge b{font-size:16px;font-weight:600;letter-spacing:-.01em}[dir=rtl] .store-badge span{text-align:right}.social-row{display:flex;gap:8px}.social-link{--social-bg: #0a1020;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--ui-fill, rgba(10,16,32,.42));border:1px solid var(--ui-line, rgba(255,255,255,.12));color:#ffffffbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:background var(--anim-fast),color var(--anim-fast),transform var(--anim-fast)}.social-link svg{width:18px;height:18px;fill:currentColor}.social-link:hover{background:#ffffff24;color:#fff;transform:translateY(-1px)}.app-links-compact{margin-top:10px}.rules-sheet{width:min(600px,calc(100vw - 32px));max-height:min(86vh,760px);display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:26px;background:linear-gradient(180deg,#ffffff0f,#ffffff05),#0a1020cc;border:1px solid var(--ui-line, rgba(255,255,255,.12));box-shadow:0 40px 100px #0000008c,inset 0 1px #ffffff14;backdrop-filter:blur(30px) saturate(1.3);-webkit-backdrop-filter:blur(30px) saturate(1.3);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,system-ui,sans-serif;letter-spacing:-.005em;animation:riseIn .32s var(--spring);color:#fff}.rules-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:2px 4px 0}.rules-head h3{font-size:22px;font-weight:700;letter-spacing:-.025em}.rules-head p{margin-top:2px;font-size:13.5px;font-weight:500;color:#ffffff94}.rules-close{flex:0 0 auto;width:30px;height:30px;min-height:0;padding:0;border:0;border-radius:50%;background:#ffffff1a;color:#ffffffbf;font-size:13px;font-weight:700}.rules-close:hover{background:#ffffff2e;color:#fff}.rules-scroll{display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding-right:2px;scrollbar-width:none}.rules-scroll>*{flex:0 0 auto}.rules-scroll::-webkit-scrollbar{display:none}.rules-eyebrow{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffff73}.rules-match{display:flex;flex-direction:column;gap:10px;padding:14px 14px 12px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.rules-match-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.rules-match-item{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.rules-match-item .card{cursor:default;box-shadow:0 10px 24px #00000073}.rules-match-item .card:disabled{opacity:1}.rules-match-item>span{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#ffffffbf}.rules-match-item>span i{width:10px;height:10px;border-radius:50%;display:inline-block}.rules-match-item>span b{font-weight:700;color:#fff}.rules-match-item>span svg{width:12px;height:12px;fill:#fff}.rules-match-top{position:relative}.rules-match-top:after{content:"";position:absolute;top:-6px;right:-6px;width:10px;height:10px;border-radius:50%;background:#30d158;box-shadow:0 0 0 3px #30d15840}.rules-match-arrow{align-self:center;margin-top:-22px;color:#ffffff59;font-size:26px;line-height:1}[dir=rtl] .rules-match-arrow{transform:scaleX(-1)}.rules-group{border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);overflow:hidden}.rules-row{display:flex;align-items:flex-start;gap:12px;padding:12px 14px}.rules-row+.rules-row{border-top:1px solid rgba(255,255,255,.07)}.rules-icon{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(160deg,color-mix(in srgb,var(--tint) 80%,#fff 20%),var(--tint));box-shadow:inset 0 1px #ffffff59,0 4px 10px color-mix(in srgb,var(--tint) 40%,transparent);color:#fff}.rules-icon svg{width:18px;height:18px;fill:currentColor}.rules-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.rules-copy b{font-size:15px;font-weight:600}.rules-copy small{font-size:13px;font-weight:500;line-height:1.45;color:#ffffff9e}.rules-specials{display:flex;flex-direction:column;gap:10px}.rules-specials-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.rules-special{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px 10px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);text-align:center}.rules-special .card{cursor:default;box-shadow:0 10px 22px #00000073}.rules-special .card:disabled{opacity:1}.rules-special small{font-size:11.5px;font-weight:500;line-height:1.35;color:#ffffff9e}.rules-cta{min-height:50px;border:0;border-radius:16px;background:linear-gradient(180deg,#fff,#eef1fa);color:#0a1020;font:inherit;font-size:16px;font-weight:700;box-shadow:0 1px #ffffffe6 inset,0 10px 26px #00000059;transition:transform var(--anim-fast),background var(--anim-fast)}.rules-cta:hover{background:#fff;transform:translateY(-1px)}.rules-cta:active{transform:scale(.99)}@media (max-width: 520px){.rules-specials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rules-match-row{flex-wrap:wrap;justify-content:center;gap:12px}.rules-match-arrow{display:none}}.lv2-links-wide{display:none;position:relative;z-index:1}@media (min-width: 1100px) and (min-height: 640px){.lv2-links-wide{display:block}.lv2-links-narrow{display:none}.lv2-hero{gap:18px}.lv2-hero .app-links{margin-top:4px}}@media (max-width: 520px){.lv2-headline{font-size:28px;align-items:center}.lv2-tagline{text-align:center}}.board-v3{--g-fill: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025)), rgba(10,16,32,.46);--g-line: rgba(255,255,255,.1);--g-line2: rgba(255,255,255,.18);--g-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 24px 60px rgba(0,0,0,.42);--g-dim: rgba(255,255,255,.56);--g-dim2: rgba(255,255,255,.38);--ink: #0a1020;font-feature-settings:"tnum"}.board-v3 .glass,.board-v3 .pp,.board-v3 .combo-pill,.board-v3 .board-seg,.board-v3 .room-chip,.board-v3 .active-attrs,.board-v3 .reaction-bar{background:var(--g-fill);border:1px solid var(--g-line);box-shadow:var(--g-shadow);backdrop-filter:blur(28px) saturate(1.35);-webkit-backdrop-filter:blur(28px) saturate(1.35)}.board-v3 .board-controls{display:flex;align-items:center;gap:8px}.board-v3 .board-seg{display:flex;gap:2px;padding:3px;border-radius:13px}.board-v3 .board-ib{position:relative;width:34px;height:30px;min-height:0;padding:0;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:#ffffffd1;cursor:pointer;transition:background var(--anim-fast),color var(--anim-fast)}.board-v3 .board-ib svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.board-v3 .board-ib.is-on{background:#ffffff1f}.board-v3 .board-ib.is-off{color:var(--g-dim2)}.board-v3 .board-ib.is-off:after{content:"";position:absolute;left:9px;top:14px;width:17px;height:1.8px;background:var(--danger, #ff453a);border-radius:1px;transform:rotate(-45deg)}.board-v3 .board-ib:hover{background:#ffffff29;color:#fff}.board-v3 .room-chip{position:static;height:36px;padding:0 6px 0 14px;gap:10px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--g-dim)}.board-v3 .room-chip b{color:#fff;font-weight:700;letter-spacing:.04em}.board-v3 .btn-leave{width:26px;height:26px;min-height:0;padding:0;margin:0;border-radius:50%;display:grid;place-items:center;background:#ffffff14;color:#ffffffb3;font-size:12px}.board-v3 .btn-leave:hover{background:#ffffff2e;color:#fff}.board-v3 .combo-pill{position:absolute;left:50%;top:64px;z-index:7;display:flex;align-items:center;gap:14px;padding:8px 14px 8px 8px;border-radius:999px;color:#fff;pointer-events:none;transform:translate(-50%);animation:comboPillIn .5s cubic-bezier(.2,.9,.3,1.2) both,comboPillOut .4s ease-in 2.2s both}@keyframes comboPillIn{0%{opacity:0;transform:translate(-50%,-14px) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes comboPillOut{to{opacity:0;transform:translate(-50%,-8px) scale(.96)}}.board-v3 .combo-badge{position:relative;width:46px;height:46px;flex:0 0 46px;border-radius:50%;display:grid;place-items:center;font-size:18px;font-weight:800;letter-spacing:-.04em;color:var(--ink);background:conic-gradient(from 210deg,#ff453a,#ffd60a,#30d158,#0a84ff,#bf5af2,#ff453a);box-shadow:0 6px 16px #00000059;animation:comboBadgeSpin 2.6s linear both}@keyframes comboBadgeSpin{0%{filter:hue-rotate(0)}to{filter:hue-rotate(360deg)}}.board-v3 .combo-badge:before{content:"";position:absolute;top:2.5px;right:2.5px;bottom:2.5px;left:2.5px;border-radius:50%;background:linear-gradient(180deg,#fff,#eef1fa)}.board-v3 .combo-badge span{position:relative}.board-v3 .combo-txt{display:flex;flex-direction:column;gap:2px;white-space:nowrap}.board-v3 .combo-txt b{display:block;font-size:15px;font-weight:700;letter-spacing:-.015em;text-transform:lowercase}.board-v3 .combo-txt b:first-letter{text-transform:uppercase}.board-v3 .combo-txt small{font-size:11.5px;color:var(--g-dim);font-weight:500}.board-v3 .combo-chain{display:flex;gap:5px;margin-left:4px;padding-left:14px;border-left:1px solid var(--g-line2)}.board-v3 .combo-mini{position:relative;width:24px;height:34px;border-radius:5px;background:var(--c);box-shadow:0 3px 8px #0006,inset 0 1px #ffffff59;color:#fff;font-size:9px;font-weight:800;overflow:hidden;animation:comboMiniIn .35s cubic-bezier(.2,.9,.3,1.3) both}.board-v3 .combo-chain .combo-mini:nth-child(2){animation-delay:.06s}.board-v3 .combo-chain .combo-mini:nth-child(3){animation-delay:.12s}.board-v3 .combo-chain .combo-mini:nth-child(4){animation-delay:.18s}@keyframes comboMiniIn{0%{opacity:0;transform:translateY(8px) scale(.7)}to{opacity:1;transform:none}}.board-v3 .combo-mini.is-light{color:#1c1c1e}.board-v3 .combo-mini b{position:absolute;top:2px;left:3px;line-height:1}.board-v3 .combo-mini-suit{position:absolute;left:50%;top:50%;width:13px;height:13px;transform:translate(-50%,-40%);fill:currentColor}.board-v3 .combo-mini-sp{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-style:normal;font-size:11px}.board-v3 .combo-mini-next{background:transparent;border:1.5px dashed rgba(255,255,255,.35);box-shadow:none}.board-v3 .combo-mini-next i{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-style:normal;font-size:12px;color:var(--g-dim2)}.board-v3 .pp{display:none;width:292px;padding:18px;border-radius:26px;flex-direction:column;gap:14px;color:#fff;transition:border-color var(--anim-fast),box-shadow var(--anim-fast)}.board-v3 .pp-active{border-color:#fff3;box-shadow:var(--g-shadow),0 0 0 1px #ffffff0f}.board-v3 .pp-empty{visibility:hidden}.board-v3 .pp-head{display:flex;align-items:center;gap:12px}.board-v3 .pp-av{position:relative;width:52px;height:52px;flex:0 0 52px}.board-v3 .pp-av svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.board-v3 .pp-av circle{fill:none;stroke-width:3}.board-v3 .pp-ring-track{stroke:#ffffff1a}.board-v3 .pp-ring{stroke:#fff;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(255,255,255,.35));transition:stroke-dashoffset .1s linear}.board-v3 .is-critical .pp-ring{stroke:var(--danger, #ff453a);filter:drop-shadow(0 0 6px rgba(255,69,58,.5))}.board-v3 .pp-face{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;display:grid;place-items:center;font-size:22px;background:linear-gradient(160deg,#3f9bff,#0a84ff);box-shadow:inset 0 1px #ffffff59}.board-v3 .pp-face-me{background:linear-gradient(160deg,hsl(var(--hue) 90% 68%),hsl(var(--hue) 85% 52%));font-weight:700;font-size:19px}.board-v3 .pp-sec{position:absolute;right:-4px;bottom:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;display:grid;place-items:center;font-size:11px;font-weight:800;background:#fff;color:var(--ink);box-shadow:0 4px 10px #0006}.board-v3 .is-critical .pp-sec{background:var(--danger, #ff453a);color:#fff}.board-v3 .pp-name{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.board-v3 .pp-name b{font-size:16px;font-weight:600;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-v3 .pp-name small{font-size:12px;color:var(--g-dim);font-weight:500;white-space:nowrap}.board-v3 .pp-turn{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap;background:#ffffff12;color:var(--g-dim);transition:background var(--anim-fast),color var(--anim-fast)}.board-v3 .pp-turn i{width:6px;height:6px;border-radius:50%;background:#ffffff4d}.board-v3 .pp-turn.is-active{background:#fff;color:var(--ink);box-shadow:0 4px 12px #0000004d}.board-v3 .pp-turn.is-active i{background:#30d158;box-shadow:0 0 0 3px #30d15840}.board-v3 .pp-hand{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.board-v3 .pp-count{display:flex;flex-direction:column;gap:1px}.board-v3 .pp-count b{font-size:30px;font-weight:700;letter-spacing:-.04em;line-height:1}.board-v3 .pp-count small{font-size:11.5px;color:var(--g-dim);font-weight:500}.board-v3 .pp-stack{display:flex;align-items:flex-end}.board-v3 .pp-stack i{width:22px;height:32px;border-radius:4.5px;margin-left:-12px;background:linear-gradient(172deg,#1f2a4a,#0f1730);border:1.5px solid rgba(255,255,255,.85);box-shadow:0 4px 10px #0006;transform:rotate(var(--r, 0deg));transform-origin:bottom center}.board-v3 .pp-stack i:first-child{margin-left:0}.board-v3 .pp-stack.is-warn i{border-color:#ff5a50;box-shadow:0 4px 10px #0006,0 0 14px #ff453a59}.board-v3 .pp-last{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:14px;background:linear-gradient(180deg,#ff453a38,#ff453a1f);border:1px solid rgba(255,69,58,.4);color:#ffb4ae;font-size:12.5px;font-weight:600;animation:ppLastIn .4s cubic-bezier(.2,.9,.3,1.2) both}@keyframes ppLastIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.board-v3 .pp-last i{width:7px;height:7px;border-radius:50%;background:#ff453a;box-shadow:0 0 0 3px #ff453a40;animation:ppPulse 1.2s ease-in-out infinite}@keyframes ppPulse{50%{box-shadow:0 0 0 6px #ff453a1f}}.board-v3 .pp-last b{color:#fff;font-weight:700}.board-v3 .pp-others{list-style:none;display:flex;flex-direction:column;gap:4px;margin:0;padding:0}.board-v3 .pp-others li{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:12px;background:#ffffff0a;font-size:12.5px}.board-v3 .pp-others li.is-active{background:#ffffff1f}.board-v3 .pp-others-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.board-v3 .pp-others-count{color:var(--g-dim);font-weight:700}.board-v3 .pp-stats{display:grid;grid-template-columns:repeat(3,1fr);border-radius:16px;overflow:hidden;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.board-v3 .pp-stats>div{padding:10px 8px 9px;text-align:center}.board-v3 .pp-stats>div+div{border-left:1px solid rgba(255,255,255,.07)}.board-v3 .pp-stats b{display:block;font-size:17px;font-weight:700;letter-spacing:-.03em}.board-v3 .pp-stats small{font-size:10.5px;color:var(--g-dim);font-weight:500;white-space:nowrap}.board-v3 .pp-stats b.is-up{color:#30d158}.board-v3 .pp-stats b.is-hot{color:#ffd60a}.board-v3 .active-attrs{height:38px;padding:0 14px 0 6px;gap:10px;border-radius:999px}.board-v3 .active-color-dot{width:26px;height:26px;flex-basis:26px;border-radius:50%;box-shadow:inset 0 1px #fff6,0 0 0 1px #ffffff2e}.board-v3 .active-attr-copy{line-height:1.05}.board-v3 .active-attr-label{font-size:10px;letter-spacing:.02em}.board-v3 .active-symbol{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-family:inherit;text-shadow:none;font-weight:700}.board-v3 .active-sep{color:var(--g-dim)}.board-v3 .active-suit{width:14px;height:14px;fill:currentColor}.board-v3 .btn-draw{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 30px;font-size:15.5px;font-weight:600;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px #ffffff24}.board-v3 kbd{font:600 10.5px/1 inherit;padding:3px 6px;border-radius:6px;background:#ffffff1f;color:var(--g-dim)}.board-v3 .btn-play kbd{background:#0a10201a;color:#0a102099;margin-left:6px}.board-v3 .btn-draw:disabled kbd{opacity:.5}.board-v3 .play-table{position:relative}.board-v3 .play-table:before{content:"";position:absolute;left:50%;top:45%;width:760px;height:760px;z-index:-1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.075),rgba(255,255,255,.02) 40%,transparent 62%)}.board-v3 .hand-meta .btn-play{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:999px;background:#fff;color:var(--ink);font-weight:700;font-size:12.5px;box-shadow:0 6px 18px #00000059}.board-v3 .reaction-bar{display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px}.board-v3 .reaction-btn{width:36px;height:36px;min-width:0;min-height:0;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;font-size:18px;line-height:1;display:grid;place-items:center;transition:background .15s,transform .15s,box-shadow .15s}.board-v3 .reaction-btn:hover{background:#ffffff1f;transform:translateY(-2px) scale(1.08);box-shadow:none}.board-v3 .reaction-btn.is-sent{background:#fff;transform:translateY(-2px) scale(1.08);box-shadow:0 6px 14px #00000059}.board-v3 .reaction-sep{width:1px;height:18px;background:var(--g-line2);margin:0 4px}.board-v3 .reaction-mute{color:var(--g-dim)}.board-v3 .reaction-mute svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.board-v3 .reaction-mute.is-muted{color:var(--danger, #ff453a)}.board-v3 .reaction-float .reaction-name{padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:600;background:#0a1020b8;border:1px solid var(--g-line);color:var(--g-dim)}@media (max-width: 1279px){.board-v3 .board-controls{margin-left:auto}.board-v3 .combo-pill{top:12px;transform:translate(-50%) scale(.86)}.board-v3 .combo-chain{display:none}.board-v3 .play-table:before{display:none}.board-v3 kbd{display:none}.board-v3 .reaction-bar{width:fit-content;margin-inline:auto}}@media (max-width: 520px){.board-v3 .board-controls{width:100%;justify-content:center;order:-1;margin:0 0 4px}.board-v3 .room-chip{width:auto;flex:0 1 auto;background:var(--g-fill);border:1px solid var(--g-line)}.board-v3 .reaction-sep,.board-v3 .reaction-mute{display:none}}@media (min-width: 1280px) and (min-height: 621px){.board-v3 .opponents .opponent{display:none}.board-v3 .board-controls{position:absolute;top:16px;right:20px;z-index:6}.board-v3 .center{display:grid;grid-template-columns:292px minmax(0,1fr) 292px;align-items:center;width:100%;padding:0 48px;gap:0}.board-v3 .pp{display:flex;transform:translateY(-4%)}.board-v3 .play-table{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;margin-top:30px}.board-v3 .play-table .discard-pile{transform:none}.board-v3 .active-attrs{margin-top:14px}.board-v3 .btn-draw{margin-top:12px}.board-v3 .hand-area .hand-meta{top:-34px;left:44px;align-items:center}.board-v3 .hand-area .reaction-bar{top:-46px;right:44px;gap:2px;padding:4px}.board-v3 .hand-area .reaction-btn{min-width:0;min-height:0;width:36px;height:36px;font-size:18px}.board-v3 .reaction-float{bottom:auto;top:104px}.board-v3 .reaction-float .reaction-emoji{font-size:48px}.board-v3 .reaction-float-them{left:120px!important}.board-v3 .reaction-float-me{left:auto!important;right:120px}}@media (prefers-reduced-motion: reduce){.board-v3 .combo-pill,.board-v3 .combo-badge,.board-v3 .combo-mini,.board-v3 .pp-last,.board-v3 .pp-last i{animation:none}}.reduce-motion .board-v3 .combo-pill,.reduce-motion .board-v3 .combo-badge,.reduce-motion .board-v3 .combo-mini,.reduce-motion .board-v3 .pp-last i{animation:none}.lv2-icon-profile{--lv2-icon-bg: #0a84ff}.lv2-idline{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin:-6px 0 0 6px;padding:6px 10px 6px 8px;border:0;border-radius:999px;background:transparent;color:#ffffff8c;font:inherit;font-size:12.5px;font-weight:500;transition:background var(--anim-fast),color var(--anim-fast)}.lv2-idline:hover{background:#ffffff14;color:#fff}.lv2-idline svg{width:14px;height:14px}.lv2-idline b{font-weight:700;color:#ffffffd9;letter-spacing:.04em;font-variant-numeric:tabular-nums}.lv2-idline .is-on{color:#30d158}.lv2-idline .lv2-chev{margin-left:2px}.pf-sheet{gap:12px}.pf-sheet>*{flex:0 0 auto}.pf-head{align-items:flex-start}.pf-head p{margin-top:2px;font-size:13px;font-weight:500;color:#ffffff8c}.pf-eyebrow{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffff73}.pf-card{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:18px;background:radial-gradient(120% 90% at 100% 0%,rgba(10,132,255,.22),transparent 55%),#ffffff0d;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff14}.pf-id-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.pf-id{font:700 24px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;color:#fff;-webkit-user-select:all;user-select:all}.pf-copy{min-height:0;height:32px;padding:0 14px;border:0;border-radius:999px;background:#fff;color:#0a1020;font:inherit;font-size:12.5px;font-weight:700;transition:background var(--anim-fast),transform var(--anim-fast)}.pf-copy:hover:not(:disabled){transform:translateY(-1px)}.pf-copy.is-done{background:#30d158;color:#06240f}.pf-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:12.5px;color:#fff9}.pf-stat b{color:#fff;font-weight:700}.pf-chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;background:#ffffff14;color:#ffffffb3;font-weight:600;font-size:12px}.pf-chip svg{width:14px;height:14px}.pf-chip.is-on{background:#30d15829;color:#5ee08a}.pf-notice{padding:10px 14px;border-radius:14px;font-size:13px;font-weight:600}.pf-notice-ok{background:#30d15824;border:1px solid rgba(48,209,88,.35);color:#8af0ab}.pf-notice-error{background:#ff453a24;border:1px solid rgba(255,69,58,.35);color:#ffb4ae}.pf-block{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.pf-block-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.pf-block-head b{font-size:15px;font-weight:600;color:#fff}.pf-block small,.pf-form small{font-size:12.5px;line-height:1.45;font-weight:500;color:#ffffff8c}.pf-inline{padding:4px 10px;font-size:13px}.pf-form{display:flex;flex-direction:column;gap:10px}.pf-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pf-input{display:flex;flex-direction:column;gap:4px;padding:8px 12px;border-radius:14px;background:#00000040;border:1px solid rgba(255,255,255,.1)}.pf-input:focus-within{border-color:#ffffff59}.pf-input span{font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#ffffff80}.pf-input input{border:0;background:transparent;color:#fff;font:600 18px/1.2 inherit;letter-spacing:.12em;outline:none;min-width:0;width:100%;padding:0}.pf-input-id input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;letter-spacing:.06em}.pf-input input::placeholder{color:#ffffff4d;letter-spacing:.1em}.pf-cta{min-height:44px;padding:10px 18px}.pf-cta .lv2-cta-title{font-size:15px}.pf-cta-ghost{background:#ffffff1f;color:#fff;box-shadow:inset 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.14)}.pf-cta-ghost:hover:not(:disabled){background:#ffffff2e;transform:none;box-shadow:inset 0 1px #ffffff1a}.pf-warn{color:#ffd60acc!important}.pf-foot{display:flex;flex-direction:column;align-items:center;gap:2px}.pf-danger{color:#ff786ecc}.pf-danger:hover{color:#ff7b72}@media (max-width: 420px){.pf-pair{grid-template-columns:1fr}.pf-id{font-size:20px}}.board-v3 .pp-done{opacity:.92}.board-v3 .pp-rank{background:linear-gradient(180deg,#ffd60a47,#ffd60a24);color:#ffe27a;border:1px solid rgba(255,214,10,.35)}.board-v3 .pp-rank i{width:auto;height:auto;background:none;box-shadow:none;font-style:normal;font-size:13px;line-height:1}.board-v3 .pp-hand-done{justify-content:flex-start;gap:14px;background:linear-gradient(180deg,#ffffff12,#ffffff08)}.board-v3 .pp-done-medal{font-size:34px;line-height:1;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45))}.board-v3 .hand-spectate{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--g-fill);border:1px solid var(--g-line);color:#fff;font-weight:600}.board-v3 .play-table.is-spectating .btn-draw{visibility:hidden}.board-v3 .opponent-count{font-variant-emoji:text}.game-over-v3{gap:14px;padding:24px 16px}.game-over-v3 .trophy{width:120px;height:120px}.game-over-v3 .trophy-icon{font-size:72px}.game-over-v3 h2{font-size:clamp(24px,4vw,34px);letter-spacing:-.02em}.game-over-sub{margin-top:-8px;font-size:13.5px;font-weight:600;color:#ffb4aee6}.game-over-v3 .btn-primary{background:#fff;color:#0a1020;border-radius:999px;box-shadow:0 12px 30px #0006}.game-over-v3 .btn-primary:hover{background:#eef1ff}.game-over-v3 .btn-shine:after{display:none}.podium{width:min(440px,100%);display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:22px;background:linear-gradient(180deg,#ffffff13,#ffffff06),#0a102080;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff1a,0 24px 60px #0000006b;backdrop-filter:blur(28px) saturate(1.35);-webkit-backdrop-filter:blur(28px) saturate(1.35);animation:riseIn .42s var(--spring)}.podium-eyebrow{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;padding:0 4px}.podium-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.podium-row{display:grid;grid-template-columns:34px 36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:#fff;font-size:14.5px;font-weight:600;animation:podiumIn .45s cubic-bezier(.2,.9,.3,1.2) both}.podium-row:nth-child(2){animation-delay:.06s}.podium-row:nth-child(3){animation-delay:.12s}.podium-row:nth-child(4){animation-delay:.18s}.podium-row:nth-child(n+5){animation-delay:.24s}@keyframes podiumIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.podium-row.rank-1{background:linear-gradient(90deg,#ffd60a38,#ffd60a0f);border-color:#ffd60a59}.podium-row.rank-2{background:linear-gradient(90deg,#c8cddc2e,#c8cddc0a);border-color:#dce1eb40}.podium-row.rank-3{background:linear-gradient(90deg,#cd7f3238,#cd7f320d);border-color:#cd7f3259}.podium-row.is-last{background:linear-gradient(90deg,#ff453a33,#ff453a0d);border-color:#ff453a59}.podium-row.is-me{box-shadow:0 0 0 2px #ffffff8c}.podium-row.is-left{opacity:.6}.podium-rank{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffffff14;font-size:18px;font-weight:800}.podium-av{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ffffff14;font-size:20px}.podium-name{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.podium-name em{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:#fff;color:#0a1020}.podium-name .podium-left{background:#ffffff24;color:#ffffffbf}.podium-place{font-size:13px;font-weight:700;color:#ffffffb3;font-variant-numeric:tabular-nums}.podium-row.is-last .podium-place{color:#ffb4ae}.result{--tone: #ffd60a;position:relative;height:100%;min-height:100dvh;overflow:auto;display:flex;align-items:center;justify-content:center;padding:28px 16px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,system-ui,sans-serif;font-feature-settings:"tnum";background:radial-gradient(60% 45% at 50% 0%,color-mix(in srgb,var(--tone) 22%,transparent),transparent 70%),radial-gradient(70% 55% at 18% 8%,rgba(10,132,255,.22),transparent 62%),radial-gradient(55% 45% at 86% 18%,rgba(191,90,242,.18),transparent 62%),linear-gradient(180deg,#0c1224,#070a14 55%,#04060c)}.result-silver{--tone: #d9dde8}.result-bronze{--tone: #d08a4a}.result-loss{--tone: #8e9bb8}.result-last{--tone: #ff453a}.result .confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.result-inner{position:relative;z-index:1;width:min(520px,100%);display:flex;flex-direction:column;gap:14px}.result-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;margin-bottom:4px}.result-emblem{position:relative;width:124px;height:124px;display:grid;place-items:center;margin-bottom:8px;animation:resultPop .7s cubic-bezier(.2,.9,.3,1.25) both}.result-emblem b{position:relative;z-index:1;font-size:64px;line-height:1;filter:drop-shadow(0 16px 28px rgba(0,0,0,.55));animation:resultFloat 3.2s ease-in-out infinite alternate}.result-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 210deg,var(--tone),color-mix(in srgb,var(--tone) 35%,#fff),var(--tone));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));animation:resultSpin 9s linear infinite}.result-emblem:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--tone) 32%,transparent),transparent 70%);filter:blur(10px)}.result-emblem:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;background:linear-gradient(180deg,#ffffff1a,#ffffff05),#0a10208c;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff24}@keyframes resultPop{0%{transform:scale(.5);opacity:0}to{transform:none;opacity:1}}@keyframes resultFloat{to{transform:translateY(-6px)}}@keyframes resultSpin{to{transform:rotate(360deg)}}.result-title{font-size:clamp(30px,5vw,40px);font-weight:800;letter-spacing:-.03em;line-height:1.05;background:none;color:#fff;filter:none;animation:resultRise .6s .1s cubic-bezier(.2,.9,.3,1.2) both}.result-sub{font-size:14.5px;font-weight:500;color:#ffffff9e;animation:resultRise .6s .18s cubic-bezier(.2,.9,.3,1.2) both}@keyframes resultRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.result-xp,.result-podium,.result-stats{border-radius:22px;background:linear-gradient(180deg,#ffffff13,#ffffff06),#0a102080;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff1a,0 24px 60px #0000006b;backdrop-filter:blur(28px) saturate(1.35);-webkit-backdrop-filter:blur(28px) saturate(1.35);animation:resultRise .6s cubic-bezier(.2,.9,.3,1.2) both}.result-xp{animation-delay:.25s}.result-podium{animation-delay:.33s}.result-stats{animation-delay:.41s}.result-actions{animation:resultRise .6s .5s cubic-bezier(.2,.9,.3,1.2) both}.result-xp{display:flex;align-items:center;gap:16px;padding:14px 18px}.result-xp-num{flex:0 0 auto;min-width:96px;font-size:40px;font-weight:800;letter-spacing:-.04em;line-height:1;background:linear-gradient(120deg,#fff,color-mix(in srgb,var(--tone) 60%,#fff));-webkit-background-clip:text;background-clip:text;color:transparent}.result-xp-num em{font-style:normal;font-size:26px;vertical-align:8px;margin-right:2px}.result-xp.is-training .result-xp-num{font-size:34px;-webkit-text-fill-color:initial;color:inherit;background:none}.result-xp-copy{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.result-xp-copy b{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.result-xp-copy small{font-size:12px;font-weight:500;color:#ffffff94}.result-levelup{padding:2px 8px;border-radius:999px;background:#ffd60a;color:#1c1c1e;font-size:11px;font-weight:800;letter-spacing:.02em;animation:resultPop .5s .9s both}.result-bar{display:block;height:7px;border-radius:4px;background:#ffffff1a;overflow:hidden}.result-bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#0a84ff,#bf5af2);transition:width .25s linear;box-shadow:0 0 12px #0a84ff80}.result-podium{padding:18px 18px 14px;display:flex;flex-direction:column;gap:10px}.podium-stage{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:end;gap:12px;padding-top:6px}.podium-col{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.podium-avatar{position:relative;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:30px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 24px #0006}.podium-col.rank-1 .podium-avatar{width:68px;height:68px;font-size:36px;box-shadow:0 0 0 3px #ffd60a66,0 14px 30px #00000073}.podium-medal{position:absolute;right:-6px;bottom:-6px;font-size:20px;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.podium-label{display:flex;flex-direction:column;align-items:center;gap:2px;max-width:100%;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-label small{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:1px 7px;border-radius:999px;background:#fff;color:#0a1020}.podium-block{width:100%;border-radius:14px 14px 6px 6px;display:grid;place-items:start center;padding-top:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 32%,transparent),color-mix(in srgb,var(--pc) 8%,transparent));border:1px solid color-mix(in srgb,var(--pc) 45%,transparent);box-shadow:inset 0 1px #ffffff1f}.podium-block b{font-size:22px;font-weight:800;letter-spacing:-.04em;color:color-mix(in srgb,var(--pc) 70%,#fff)}.podium-col.rank-1{--pc: #ffd60a}.podium-col.rank-1 .podium-block{height:104px}.podium-col.rank-2{--pc: #d9dde8}.podium-col.rank-2 .podium-block{height:76px}.podium-col.rank-3{--pc: #d08a4a}.podium-col.rank-3 .podium-block{height:60px}.podium-col.is-left{opacity:.55}.podium-stage.podium-2{grid-template-columns:1fr 1fr;max-width:320px;margin:0 auto;width:100%}.result-rest{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.result-rest li{display:grid;grid-template-columns:28px 30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 12px 7px 8px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);font-size:13.5px;font-weight:600}.result-rest li.is-me{box-shadow:0 0 0 2px #ffffff73}.result-rest li.is-last{background:linear-gradient(90deg,#ff453a33,#ff453a0d);border-color:#ff453a59}.result-rest li.is-left{opacity:.55}.rest-rank{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ffffff14;font-size:13px;font-weight:800}.rest-av{font-size:20px;text-align:center}.rest-name{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rest-name em{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:1px 7px;border-radius:999px;background:#fff;color:#0a1020}.rest-name .rest-left{background:#ffffff24;color:#ffffffbf}.rest-place{font-size:12.5px;font-weight:700;color:#ffffffa6}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.result-stats>div{padding:12px 8px 10px;text-align:center}.result-stats>div+div{border-left:1px solid rgba(255,255,255,.08)}.result-stats b{display:block;font-size:20px;font-weight:700;letter-spacing:-.03em}.result-stats small{font-size:10.5px;font-weight:500;color:#ffffff8c;white-space:nowrap}.result-actions{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:4px}.result-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:360px;height:52px;border:0;border-radius:999px;background:linear-gradient(180deg,#fff,#f3f5fc);color:#0a1020;font:inherit;font-size:16px;font-weight:700;letter-spacing:-.01em;cursor:pointer;box-shadow:0 1px #ffffffe6 inset,0 14px 34px #00000073;transition:transform var(--anim-fast),box-shadow var(--anim-fast)}.result-cta svg{width:18px;height:18px;transition:transform var(--anim-fast)}.result-cta:hover{transform:translateY(-1px);box-shadow:0 1px #ffffffe6 inset,0 18px 40px #00000080}.result-cta:hover svg{transform:translate(3px)}.result-cta:active{transform:scale(.99)}.result-ghost{min-height:0;height:40px;padding:0 16px;border:0;background:transparent;color:#fff9;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.result-ghost:hover{color:#fff}@media (max-height: 820px) and (min-width: 521px){.result{padding:16px}.result-inner{gap:10px}.result-emblem{width:104px;height:104px;margin-bottom:4px}.result-emblem b{font-size:54px}.result-title{font-size:30px}.result-xp{padding:10px 16px}.result-xp-num{font-size:34px}.result-podium{padding:12px 16px 10px}.podium-col.rank-1 .podium-block{height:78px}.podium-col.rank-2 .podium-block{height:56px}.podium-col.rank-3 .podium-block{height:44px}.podium-avatar{width:48px;height:48px;font-size:26px}.podium-col.rank-1 .podium-avatar{width:58px;height:58px;font-size:30px}.result-stats>div{padding:9px 8px 8px}.result-stats b{font-size:18px}.result-cta{height:48px}}@media (max-width: 520px){.result{padding:18px 12px;align-items:flex-start}.result-emblem{width:100px;height:100px}.result-emblem b{font-size:52px}.result-xp-num{min-width:80px;font-size:34px}.result-stats b{font-size:17px}.podium-col.rank-1 .podium-block{height:84px}.podium-col.rank-2 .podium-block{height:62px}.podium-col.rank-3 .podium-block{height:48px}}@media (prefers-reduced-motion: reduce){.result *,.result *:before,.result *:after{animation:none!important}}.reduce-motion .result *,.reduce-motion .result *:before,.reduce-motion .result *:after{animation:none!important}.board-v3 .spec-banner{position:absolute;left:50%;top:64px;z-index:6;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:8px 16px 8px 8px;border-radius:999px;white-space:nowrap;background:var(--g-fill);border:1px solid var(--g-line);box-shadow:var(--g-shadow);backdrop-filter:blur(28px) saturate(1.35);-webkit-backdrop-filter:blur(28px) saturate(1.35);animation:comboPillIn .5s cubic-bezier(.2,.9,.3,1.2) both}.board-v3 .spec-medal{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:26px;background:linear-gradient(160deg,#ffe680,#f0b400);box-shadow:0 6px 16px #00000059,0 0 0 3px #ffd60a40}.board-v3 .spec-txt{display:flex;flex-direction:column;gap:2px}.board-v3 .spec-txt b{font-size:15px;font-weight:700;letter-spacing:-.015em}.board-v3 .spec-txt small{font-size:11.5px;color:var(--g-dim);font-weight:500}.board-v3 .spec-live{margin-left:6px;padding-left:14px;border-left:1px solid var(--g-line2);display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#ff6b62}.board-v3 .spec-live i{width:8px;height:8px;border-radius:50%;background:#ff453a;box-shadow:0 0 0 4px #ff453a38;animation:specBlink 1.2s infinite}@keyframes specBlink{50%{opacity:.35}}.board-v3 .pp-odds{display:flex;flex-direction:column;gap:6px;padding:10px 14px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.board-v3 .pp-odds small{font-size:10.5px;color:var(--g-dim);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.board-v3 .pp-odds b{font-size:22px;font-weight:800;letter-spacing:-.03em}.board-v3 .pp-odds-bar{display:block;height:5px;border-radius:3px;background:#ffffff1a;overflow:hidden}.board-v3 .pp-odds-bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#30d158,#0a84ff);transition:width .4s var(--swift)}.board-v3 .pp-danger{animation:none}.board-v3 .spec-area{padding:0 44px 16px!important;overflow:visible}.spec-dock{display:grid;grid-template-columns:330px minmax(0,1fr) 380px;gap:14px;height:100%}.spec-card{min-height:0;border-radius:24px;padding:12px 16px;display:flex;flex-direction:column;gap:8px;overflow:hidden;background:var(--g-fill);border:1px solid var(--g-line);box-shadow:var(--g-shadow);backdrop-filter:blur(28px) saturate(1.35);-webkit-backdrop-filter:blur(28px) saturate(1.35);animation:resultRise .5s cubic-bezier(.2,.9,.3,1.2) both}.spec-duel{animation-delay:.06s}.spec-cheer{animation-delay:.12s}.spec-eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--g-dim2)}.spec-row{display:flex;align-items:center;gap:12px}.spec-big{width:50px;height:50px;flex:0 0 50px;border-radius:50%;display:grid;place-items:center;font-size:26px;background:linear-gradient(160deg,#ffe680,#f0b400);box-shadow:0 0 0 3px #ffd60a59,0 12px 26px #00000073}.spec-copy{min-width:0}.spec-copy h3{font-size:16px;font-weight:700;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spec-copy p{font-size:11.5px;color:var(--g-dim);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spec-xp{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:14px;background:linear-gradient(90deg,#ffd60a33,#ffd60a0f);border:1px solid rgba(255,214,10,.35)}.spec-xp b{font-size:22px;font-weight:800;letter-spacing:-.03em;color:#ffe27a}.spec-xp span{font-size:11.5px;color:#ffffffbf;font-weight:600;line-height:1.25}.spec-xp em{margin-left:auto;font-size:16px;font-style:normal}.spec-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.spec-mini div{padding:6px;border-radius:12px;background:#ffffff0d;text-align:center}.spec-mini b{display:block;font-size:14px;font-weight:700}.spec-mini small{font-size:10px;color:var(--g-dim);font-weight:500}.spec-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.spec-side{display:flex;align-items:center;gap:10px;min-width:0}.spec-side.is-r{justify-content:flex-end;text-align:right}.spec-side>div{min-width:0}.spec-av{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;font-size:20px;background:#ffffff14}.spec-side b{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spec-side small{font-size:11.5px;color:var(--g-dim);white-space:nowrap}.spec-vsb{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;background:#fff;color:var(--ink)}.spec-tug{position:relative;height:14px;border-radius:7px;background:linear-gradient(90deg,#30d158 0 var(--p),#ff9f0a var(--p) 100%);box-shadow:inset 0 1px #ffffff40;transition:--p .4s}.spec-tug:after{content:"";position:absolute;left:var(--p);top:-4px;width:3px;height:22px;margin-left:-1px;background:#fff;border-radius:2px;box-shadow:0 0 10px #fff9;transition:left .4s var(--swift)}.spec-tugl{display:flex;justify-content:space-between;font-size:11px;color:var(--g-dim);font-weight:600}.spec-bet{display:flex;align-items:center;gap:8px;margin-top:auto}.spec-q{font-size:12.5px;font-weight:600;color:#fffc;margin-right:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spec-chip{height:32px;min-height:0;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:12.5px;font-weight:700;background:#ffffff14;border:1px solid var(--g-line);color:#fff;cursor:pointer;white-space:nowrap;transition:background var(--anim-fast),transform var(--anim-fast)}.spec-chip:hover:not(:disabled){background:#ffffff24;transform:translateY(-1px)}.spec-chip.is-on{background:#fff;color:var(--ink);box-shadow:0 6px 16px #00000059}.spec-chip:disabled{opacity:.45;cursor:default}.spec-chip em{font-style:normal;font-size:10.5px;font-weight:800;color:#ffd60a}.spec-chip.is-on em{color:#8a6d00}.spec-wait{color:var(--g-dim)}.spec-emos{display:flex;gap:4px}.spec-emo{width:34px;height:34px;min-height:0;padding:0;border:0;border-radius:50%;background:#ffffff0f;font-size:18px;line-height:1;display:grid;place-items:center;color:#fff;cursor:pointer;transition:background .15s,transform .15s}.spec-emo:hover:not(:disabled){background:#ffffff24;transform:translateY(-2px) scale(1.08)}.spec-emo.is-sent{background:#fff;transform:translateY(-2px) scale(1.08);box-shadow:0 6px 14px #00000059}.spec-cannon{background:linear-gradient(160deg,#ff9f0a,#ff453a);font-size:18px;box-shadow:0 6px 16px #ff453a59}.spec-cannon.is-reloading{background:#ffffff14;color:var(--g-dim);font-size:13px;font-weight:800;box-shadow:none}.spec-quips{display:flex;flex-wrap:wrap;gap:5px}.spec-quip{height:26px;min-height:0;padding:0 9px;border-radius:999px;display:inline-flex;align-items:center;gap:5px;font:inherit;font-size:11.5px;font-weight:600;background:#ffffff0f;border:1px solid var(--g-line);color:#ffffffd9;white-space:nowrap;cursor:pointer;transition:background .15s,transform .15s}.spec-quip:hover{background:#ffffff24;transform:translateY(-1px)}.spec-quip.is-sent{background:#fff;color:var(--ink)}.spec-next{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;height:36px;min-height:0;flex:0 0 auto;padding:0 5px 0 14px;border:0;border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;white-space:nowrap;overflow:hidden}.spec-next i{width:28px;height:28px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-style:normal;font-size:14px}.spec-next.is-queued{background:#ffffff1f;color:#fff;border:1px solid var(--g-line2);font-size:12px;font-weight:600}.spec-next.is-queued i{width:auto;padding:0 10px;background:#ffffff24;font-size:11.5px;font-weight:700}.spec-spin{width:14px;height:14px;flex:0 0 auto;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;animation:specSpin .9s linear infinite}@keyframes specSpin{to{transform:rotate(360deg)}}@media (min-width: 1280px) and (min-height: 621px){.board-v3.is-spectator{grid-template-rows:74px minmax(0,1fr) 244px}.board-v3.is-spectator .pp{transform:translateY(-2%)}.board-v3.is-spectator .play-table .discard-pile{transform:scale(.86)}.board-v3.is-spectator .btn-draw{display:none}}@media (max-width: 1279px){.board-v3 .spec-banner{top:12px;transform:translate(-50%) scale(.86)}.board-v3 .spec-live{display:none}.board-v3 .spec-area{padding:8px 12px 12px!important}.spec-dock{grid-template-columns:1fr;height:auto}.spec-you .spec-mini{display:none}}@media (prefers-reduced-motion: reduce){.spec-card,.board-v3 .spec-banner,.spec-live i,.spec-spin{animation:none}}.lv2-topbar-actions{display:flex;align-items:center;gap:8px}.lv2-profile-btn:hover svg{transform:none}.lv2-profile-emoji{font-size:20px;line-height:1}.lv2-avatar-btn{position:relative;display:grid;place-items:center;padding:0;border:0;cursor:pointer;color:#fff;font:inherit;font-size:18px;font-weight:700;border-radius:50%;transition:transform var(--anim-fast),box-shadow var(--anim-fast)}.lv2-avatar-btn.has-emoji{font-size:24px;background:#ffffff1a;box-shadow:inset 0 1px #fff3}.lv2-avatar-btn:hover{transform:scale(1.06)}.lv2-avatar-edit{position:absolute;right:-3px;bottom:-3px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0a1020;box-shadow:0 3px 8px #0006}.lv2-avatar-edit svg{width:10px;height:10px}.pf-tabs{display:flex;gap:2px;padding:3px;border-radius:13px;background:#00000047;border:1px solid rgba(255,255,255,.08)}.pf-tab{flex:1;min-height:0;height:32px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:#fff9;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background var(--anim-fast),color var(--anim-fast)}.pf-tab:hover{color:#fff}.pf-tab.is-on{background:#ffffff24;color:#fff;box-shadow:inset 0 1px #ffffff1f}.pf-hero{flex-direction:row;align-items:center;gap:14px}.pf-big-av{flex:0 0 64px;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:34px;font-weight:700;line-height:1;color:#fff;background:linear-gradient(160deg,hsl(var(--hue, 210) 90% 68%),hsl(var(--hue, 210) 85% 52%));box-shadow:inset 0 1px #ffffff59,0 8px 24px hsl(var(--hue, 210) 80% 50% / .35)}.pf-hero-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.pf-hero-copy>b{font-size:18px;font-weight:700;letter-spacing:-.015em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-hero-copy>small{font-size:12.5px;font-weight:500;color:#fff9}.pf-xpbar{display:block;height:6px;border-radius:3px;background:#ffffff1a;overflow:hidden;margin-top:4px}.pf-xpbar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#0a84ff,#bf5af2);transition:width .4s var(--swift)}.pf-xpnext{font-size:11px!important;color:#ffffff73!important}.pf-block-head small{font-size:12px;color:#ffffff80;font-weight:500}.pf-avatars{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.pf-av{aspect-ratio:1;min-height:0;padding:0;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;font-size:28px;line-height:1;cursor:pointer;transition:transform var(--anim-fast),background var(--anim-fast),box-shadow var(--anim-fast)}.pf-av:hover:not(:disabled){transform:translateY(-2px) scale(1.04);background:#ffffff1a}.pf-av.is-on{background:#fff;box-shadow:0 8px 20px #00000059,0 0 0 3px #ffffff40}.pf-av:disabled{opacity:.6;cursor:default}.pf-stats{display:grid;grid-template-columns:repeat(4,1fr);border-radius:16px;overflow:hidden;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.pf-stats>div{padding:12px 8px 10px;text-align:center}.pf-stats>div+div{border-left:1px solid rgba(255,255,255,.07)}.pf-stats b{display:block;font-size:20px;font-weight:700;letter-spacing:-.03em;color:#fff}.pf-stats small{font-size:10.5px;color:#ffffff8c;font-weight:500;white-space:nowrap}.pf-empty{padding:18px 8px;text-align:center;font-size:13px;font-weight:500;color:#ffffff80}.pf-matches{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.pf-match{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.pf-match-badge{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;font-size:15px;font-weight:800;color:#fff;background:#ffffff14}.pf-match.is-win .pf-match-badge{background:linear-gradient(180deg,#ffd60a4d,#ffd60a24)}.pf-match.is-loss .pf-match-badge{background:#ffffff14;color:#ffffffbf}.pf-match.is-void{opacity:.55}.pf-match-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.pf-match-copy b{font-size:14px;font-weight:600;color:#fff}.pf-match-copy small{font-size:12px;color:#ffffff8c;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-match-meta{font-size:11.5px;font-weight:600;color:#ffffff73;white-space:nowrap}@media (max-width: 420px){.pf-avatars{grid-template-columns:repeat(5,1fr);gap:6px}.pf-av{font-size:24px;border-radius:12px}.pf-stats b{font-size:17px}}.ad-slot{width:100%;max-width:560px;margin:4px auto 0;border-radius:16px;overflow:hidden;min-height:0;transition:min-height .3s ease}.ad-slot.is-filled{min-height:90px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.ad-slot .adsbygoogle{display:block;width:100%}.ad-slot-lobby{margin-top:12px;max-width:440px}.ad-slot-result{margin-top:2px}.lobby-v2.is-queued .ad-slot-lobby{display:none}