:root{--panel: rgba(30, 27, 75, .72);--panel2: rgba(129, 140, 248, .35);--text: #f1f5ff;--muted: #b6b9e8;--accent: #8b5cf6;--accent2: #f472b6;--ok: #34d399;--err: #fb7185}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);-webkit-text-size-adjust:100%;background:radial-gradient(1100px 720px at 15% -10%,rgba(236,72,153,.35),transparent 60%),radial-gradient(900px 700px at 100% 0%,rgba(56,189,248,.3),transparent 55%),radial-gradient(1000px 800px at 50% 120%,rgba(16,185,129,.3),transparent 55%),linear-gradient(160deg,#241b52,#180f3a 55%,#0c1330);background-attachment:fixed}.app{min-height:100%;max-width:720px;margin:0 auto;padding:12px 12px 32px}.screen{display:flex;flex-direction:column;gap:14px}h1,h2{margin:0}.hint{color:var(--muted);font-size:.85rem}.hint.center{text-align:center}.banner{position:sticky;top:0;z-index:20;padding:10px 14px;border-radius:12px;margin-bottom:10px;font-weight:700;text-align:center}.banner--error{background:linear-gradient(135deg,#be123c,#f43f5e);color:#fff}.banner--warn{background:linear-gradient(135deg,#b45309,#f59e0b);color:#fff}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--panel2);background:#ffffff0f;color:var(--text);padding:12px 16px;border-radius:12px;font-size:1rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn:disabled{opacity:.45;cursor:default}.btn--primary{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-color:transparent;color:#fff;box-shadow:0 8px 22px #ec489959}.btn--ghost{background:transparent}.btn.small{padding:8px 12px;font-size:.85rem}.field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--muted)}.field input{padding:12px 14px;border-radius:12px;border:1.5px solid var(--panel2);background:#08061e8c;color:var(--text);font-size:1.05rem}.field input::placeholder{color:#8b8fc4}.check{display:flex;align-items:center;gap:10px;font-size:.9rem}.check input{width:20px;height:20px;accent-color:var(--accent2)}.panel{background:var(--panel);border:1px solid var(--panel2);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #00000040}.panel h2{font-size:1.05rem}.home__head{text-align:center;padding:18px 0 6px}.home__title{font-size:2.8rem;font-weight:900;letter-spacing:1px;background:linear-gradient(120deg,#fb7185,#fbbf24,#34d399,#38bdf8,#a78bfa);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 10px rgba(167,139,250,.4));animation:shimmer 6s linear infinite}@keyframes shimmer{to{background-position:200% center}}.home__sub{color:var(--muted);margin:4px 0 0}.install-btn{width:100%;margin-top:4px}.install-ios{display:flex;flex-direction:column;gap:6px}.code-box{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#8b5cf659,#ec489940);border:1px solid var(--panel2);border-radius:16px;padding:14px;margin:6px 0}.code-box__label{color:var(--muted);font-size:.8rem}.code-box__code{font-size:2.6rem;font-weight:900;letter-spacing:8px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.4)}.player-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.player-list li{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--panel2);border-radius:12px;padding:10px 14px}.player-list li.is-off{opacity:.6}.player-list__name{font-weight:700;flex:1}.dot{width:11px;height:11px;border-radius:50%;background:var(--err);box-shadow:0 0 8px currentColor;color:var(--err)}.dot[data-on=true]{background:var(--ok);color:var(--ok)}.tag{font-size:.68rem;font-weight:800;padding:3px 8px;border-radius:999px;background:#ffffff1f;color:var(--text)}.tag--you{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff}.tag--off{background:#7f1d1d;color:#fecaca}.topbar{display:flex;justify-content:space-between;align-items:center}.topbar__round{font-weight:900;font-size:1.05rem}.trump{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:#fff;background:linear-gradient(135deg,#ffffff24,#ffffff0d);border:1px solid var(--panel2);padding:6px 12px;border-radius:999px}.trump--none{color:var(--muted)}.players-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.pchip{flex:0 0 auto;min-width:100px;background:var(--panel);border:1.5px solid var(--panel2);border-radius:14px;padding:8px 10px}.pchip.is-turn{border-color:#fbbf24;box-shadow:0 0 0 2px #fbbf2480,0 0 22px #fbbf2473;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 2px #fbbf2480,0 0 14px #fbbf2459}50%{box-shadow:0 0 0 3px #fbbf24b3,0 0 26px #fbbf2499}}.pchip.is-me .pchip__name{color:#fbbf24}.pchip.is-off{opacity:.55}.pchip__name{font-weight:800;font-size:.9rem;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pchip__name .mini{font-size:.6rem;color:#fff;background:#ffffff2e;padding:1px 6px;border-radius:6px}.pchip__name .mini--bot{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.pchip__name .mini--off{background:#b91c1c}.pchip__stats{display:flex;gap:10px;font-size:.82rem;color:#e5e7ff;margin-top:4px}.trick{min-height:128px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center;padding:16px;border-radius:20px;background:radial-gradient(circle at 50% 35%,#15803d,#14532d 70%,#0c3320);border:2px solid rgba(250,204,21,.35);box-shadow:inset 0 0 40px #00000080,0 10px 30px #00000059}.trick__empty{color:#d1fae5;opacity:.75}.trick__slot{display:flex;flex-direction:column;align-items:center;gap:4px}.trick__name{font-size:.72rem;color:#ecfdf5;font-weight:700}.turn-banner{text-align:center;font-weight:800;background:linear-gradient(135deg,#8b5cf666,#ec48994d);border:1px solid var(--panel2);border-radius:12px;padding:12px}.hand{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding-top:6px}.announce__nums{display:flex;flex-wrap:wrap;gap:8px}.num{width:48px;height:48px;border-radius:14px;border:none;background:linear-gradient(135deg,#6d28d9,#db2777);color:#fff;font-size:1.15rem;font-weight:900;cursor:pointer;box-shadow:0 4px 14px #db277766}.num:disabled{opacity:.3;text-decoration:line-through;cursor:default;box-shadow:none}.trump-choices{display:flex;flex-wrap:wrap;gap:8px}.card{position:relative;width:82px;height:118px;border:none;border-radius:16px;padding:0;background:var(--grad, #334155);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 10px 22px #00000080,0 0 22px rgba(var(--glow, 148,163,184),.5),inset 0 1px #ffffff8c,inset 0 -10px 18px #0003}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:radial-gradient(120% 80% at 50% 0%,#ffffff80,#fff0 45%);pointer-events:none;z-index:3}.card:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:12px;border:1.5px solid rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px #0000001f;pointer-events:none;z-index:3}.card--small{width:56px;height:82px;border-radius:13px;box-shadow:0 6px 14px #00000073,0 0 12px rgba(var(--glow,148,163,184),.4),inset 0 1px #ffffff80}.card--small:after{top:3px;right:3px;bottom:3px;left:3px}.card--playable{cursor:pointer;transition:transform .12s}.card--playable:hover,.card--playable:active{transform:translateY(-10px) scale(1.05)}.card--disabled{opacity:.42;filter:grayscale(.55) brightness(.9)}.card--highlight{outline:3px solid #fbbf24}.card--back{background:repeating-linear-gradient(45deg,#4c1d95,#4c1d95 7px,#6d28d9 7px,#6d28d9 14px)}.card--elementar{animation:elGlow 2.2s ease-in-out infinite}@keyframes elGlow{0%,to{filter:saturate(1) brightness(1)}50%{filter:saturate(1.35) brightness(1.1)}}.card__emblem{display:flex;align-items:center;justify-content:center;z-index:1;filter:drop-shadow(0 3px 5px rgba(0,0,0,.35))}.card__gem{position:absolute;z-index:4;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.98rem;color:#422006;background:radial-gradient(circle at 35% 30%,#fffbeb,#fde68a 40%,#f59e0b);border:2px solid #fff;box-shadow:0 2px 5px #0006}.card--small .card__gem{width:21px;height:21px;font-size:.78rem}.card__gem--tl{top:6px;left:6px}.card__gem--br{bottom:24px;right:6px;transform:rotate(180deg)}.card__ribbon{position:absolute;bottom:0;left:0;right:0;z-index:2;text-align:center;padding:4px 0 5px;font-size:.62rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);background:linear-gradient(0deg,#0000006b,#0000)}.card--small .card__ribbon{font-size:.5rem;padding:3px 0}.card__fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;overflow:hidden;pointer-events:none}.card__fx2{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;overflow:hidden;pointer-events:none}.card__fx:after,.card__fx2:after{content:"";position:absolute;top:-25%;right:-15%;bottom:0;left:-15%}.card--feuer .card__fx{background:radial-gradient(48% 72% at 28% 118%,rgba(254,240,138,1),transparent 62%),radial-gradient(44% 82% at 50% 124%,rgba(251,146,60,1),transparent 66%),radial-gradient(96% 104% at 50% 134%,rgba(239,68,68,1),transparent 74%),radial-gradient(42% 70% at 72% 116%,rgba(252,211,77,1),transparent 64%);mix-blend-mode:screen;transform-origin:50% 100%;filter:blur(1.2px);animation:fxFire 1.9s ease-in-out infinite alternate}.card--feuer .card__fx2{mix-blend-mode:screen;filter:blur(.3px);background:radial-gradient(3.2px 3.2px at 18% 88%,#fde68a,transparent 62%),radial-gradient(2.8px 2.8px at 32% 94%,#fca5a5,transparent 62%),radial-gradient(3.4px 3.4px at 46% 86%,#fef08a,transparent 62%),radial-gradient(2.8px 2.8px at 58% 92%,#fed7aa,transparent 62%),radial-gradient(3.2px 3.2px at 70% 84%,#fde68a,transparent 62%),radial-gradient(2.8px 2.8px at 82% 90%,#fca5a5,transparent 62%),radial-gradient(3px 3px at 26% 78%,#fef08a,transparent 62%),radial-gradient(3px 3px at 64% 76%,#fde68a,transparent 62%);animation:fxSparks 3.6s ease-in infinite}@keyframes fxFire{0%{transform:translateY(7px) scaleY(.82) skew(8deg);opacity:.82}50%{transform:translateY(-4px) scaleY(1.16) skew(-3deg)}to{transform:translateY(-14px) scaleY(1.4) skew(-9deg);opacity:1}}@keyframes fxSparks{0%{transform:translateY(24px);opacity:0}16%{opacity:1}to{transform:translateY(-124px);opacity:0}}.card--luft .card__fx{background:linear-gradient(102deg,transparent 20%,rgba(255,255,255,1) 31%,transparent 42%),linear-gradient(102deg,transparent 48%,rgba(255,255,255,.85) 59%,transparent 70%),linear-gradient(102deg,transparent 74%,rgba(255,255,255,.72) 84%,transparent 95%);background-size:230% 100%;mix-blend-mode:screen;opacity:1;filter:blur(1.2px);animation:fxBreeze 6.5s linear infinite}.card--luft .card__fx2{background:linear-gradient(102deg,transparent 28%,rgba(255,255,255,.8) 39%,transparent 50%),linear-gradient(102deg,transparent 60%,rgba(255,255,255,.62) 70%,transparent 81%);background-size:250% 100%;opacity:.92;filter:blur(1.2px);animation:fxBreeze2 9s linear infinite}@keyframes fxBreeze{0%{background-position:130% 0}to{background-position:-40% 0}}@keyframes fxBreeze2{0%{background-position:-40% 0}to{background-position:130% 0}}.card--wasser .card__fx{background:linear-gradient(0deg,#38bdf800,#bae6fdcc 46%,#38bdf800 86%);background-size:100% 230%;opacity:.85;mix-blend-mode:screen;filter:blur(3px);animation:fxWave 8s ease-in-out infinite alternate}.card--wasser .card__fx2{mix-blend-mode:screen;filter:blur(.4px);background:radial-gradient(2.8px 4.2px at 18% 12%,rgba(224,242,254,.98),transparent 62%),radial-gradient(2.4px 3.6px at 34% 8%,rgba(255,255,255,.95),transparent 62%),radial-gradient(2.8px 4.2px at 46% 16%,rgba(224,242,254,.95),transparent 62%),radial-gradient(2.4px 3.6px at 60% 10%,rgba(255,255,255,.92),transparent 62%),radial-gradient(2.8px 4.2px at 72% 6%,rgba(224,242,254,.98),transparent 62%),radial-gradient(2.4px 3.6px at 84% 14%,rgba(255,255,255,.88),transparent 62%),radial-gradient(2.6px 3.9px at 26% 4%,rgba(224,242,254,.92),transparent 62%),radial-gradient(2.6px 3.9px at 66% 18%,rgba(255,255,255,.9),transparent 62%);animation:fxDrops 4.6s ease-in infinite}@keyframes fxWave{0%{background-position:0 100%}to{background-position:0 18%}}@keyframes fxDrops{0%{transform:translateY(-26px);opacity:0}14%{opacity:1}to{transform:translateY(130px);opacity:0}}.card--erde .card__fx{background:radial-gradient(70% 58% at 50% 56%,rgba(253,224,71,.82),transparent 66%);filter:blur(1.6px);animation:fxErdPulse 4.4s ease-in-out infinite}.card--erde .card__fx2{filter:blur(.4px)}.card--erde .card__fx2:after{top:-12%;right:-10%;bottom:-12%;left:-10%;background-image:radial-gradient(3.8px 3.8px at 20% 24%,#fde68a,transparent 62%),radial-gradient(3.6px 3.6px at 36% 20%,#d9f99d,transparent 62%),radial-gradient(3.4px 3.4px at 48% 32%,#fef3c7,transparent 62%),radial-gradient(3.8px 3.8px at 62% 26%,#bbf7d0,transparent 62%),radial-gradient(3.4px 3.4px at 74% 18%,#fde68a,transparent 62%),radial-gradient(3.6px 3.6px at 28% 14%,#d9f99d,transparent 62%),radial-gradient(3.4px 3.4px at 56% 12%,#fef3c7,transparent 62%),radial-gradient(3.6px 3.6px at 82% 30%,#fde68a,transparent 62%);animation:fxDust 6s linear infinite}@keyframes fxDust{0%{transform:translateY(-34px);opacity:0}22%{opacity:1}80%{opacity:1}to{transform:translateY(46px);opacity:0}}@keyframes fxErdPulse{0%,to{transform:scale(.86);opacity:.6}50%{transform:scale(1.12);opacity:1}}.card--elementar .card__fx{background:conic-gradient(from 0deg,#fde04700,#fde047 14deg,#fde04700 33deg,#fcd34d00 88deg,#fcd34d 103deg,#fcd34d00 122deg,#fde04700 176deg,#ffd778 191deg,#ffd77800 210deg,#fcd34d00 264deg,#fde047 279deg,#fde04700 298deg);mix-blend-mode:screen;opacity:1;filter:blur(1px);animation:fxSpin 11s linear infinite}.card--elementar .card__fx2:after{top:0;right:0;bottom:0;left:0;background-image:radial-gradient(4.4px 4.4px at 26% 30%,#fff3c4,transparent 62%),radial-gradient(3.8px 3.8px at 74% 34%,#fbbf24,transparent 62%),radial-gradient(4.4px 4.4px at 66% 70%,#fde68a,transparent 62%),radial-gradient(3.8px 3.8px at 32% 66%,#f59e0b,transparent 62%),radial-gradient(3.8px 3.8px at 50% 22%,#fff3c4,transparent 62%),radial-gradient(3.8px 3.8px at 48% 82%,#fbbf24,transparent 62%),radial-gradient(3.6px 3.6px at 18% 54%,#fde68a,transparent 62%),radial-gradient(3.6px 3.6px at 82% 56%,#f59e0b,transparent 62%);animation:fxTwinkle 3s ease-in-out infinite}@keyframes fxSpin{to{transform:rotate(360deg)}}@keyframes fxTwinkle{0%,to{opacity:.4;transform:scale(.78)}50%{opacity:1;transform:scale(1.28)}}.card--nebel .card__fx{background:radial-gradient(82% 62% at 25% 60%,rgba(255,255,255,1),transparent 72%),radial-gradient(82% 62% at 75% 42%,rgba(255,255,255,.95),transparent 72%),radial-gradient(96% 72% at 50% 82%,rgba(237,233,254,1),transparent 76%);background-size:260% 260%;mix-blend-mode:screen;opacity:1;filter:blur(1px);animation:fxFog 8s ease-in-out infinite alternate}.card--nebel .card__fx2{background:radial-gradient(74% 52% at 40% 50%,rgba(255,255,255,.9),transparent 74%),radial-gradient(64% 48% at 68% 66%,rgba(237,233,254,.88),transparent 74%),radial-gradient(60% 46% at 22% 34%,rgba(255,255,255,.8),transparent 74%);background-size:280% 280%;opacity:1;filter:blur(1px);animation:fxFog2 10s ease-in-out infinite alternate}@keyframes fxFog{0%{background-position:0% 8%;transform:scale(1)}to{background-position:100% 92%;transform:scale(1.14)}}@keyframes fxFog2{0%{background-position:100% 12%;transform:scale(1.1)}to{background-position:0% 88%;transform:scale(.96)}}@media (prefers-reduced-motion: reduce){.card__fx,.card__fx:after,.card__fx2,.card__fx2:after,.card--elementar{animation:none!important}}.score-table{width:100%;border-collapse:collapse;background:var(--panel);border-radius:14px;overflow:hidden;border:1px solid var(--panel2)}.score-table th,.score-table td{padding:10px 8px;text-align:center;border-bottom:1px solid rgba(255,255,255,.08)}.score-table th{color:var(--muted);font-size:.8rem}.score-table tr.is-me td{background:#ec48992e;font-weight:800}.score-table td.pos{color:var(--ok);font-weight:800}.score-table td.neg{color:var(--err);font-weight:800}.final__winner{text-align:center;font-size:1.3rem;font-weight:900;background:linear-gradient(120deg,#fbbf24,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent}.final__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.final__list li{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--panel2);border-radius:12px;padding:12px 14px}.final__list li.is-win{border:1.5px solid #fbbf24;box-shadow:0 0 20px #fbbf2459}.final__list li.is-me{outline:2px solid var(--accent2)}.final__rank{font-weight:900;color:#fbbf24;width:28px}.final__name{flex:1;font-weight:800}.final__score{font-weight:900}.disconnect-bar{background:linear-gradient(135deg,#92400e,#b45309);color:#fff;border:1px solid #f59e0b;border-radius:12px;padding:12px 14px;margin-bottom:12px;display:flex;flex-direction:column;gap:8px}.disconnect-bar__head{font-weight:900}.disconnect-bar ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.disconnect-bar li{display:flex;align-items:center;justify-content:space-between;gap:8px}