:root { color-scheme: dark; --bg:#080914; --panel:rgba(15,18,34,.86); --line:rgba(255,255,255,.1); --muted:#9ca3af; --purple:#7c3aed; --cyan:#06b6d4; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; overflow-x:hidden; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:var(--bg); color:#fff; }
button,input,select { font:inherit; }
button { border:1px solid transparent; border-radius:14px; padding:11px 15px; background:#25283d; color:#fff; cursor:pointer; transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease; }
button:hover { transform:translateY(-2px); background:#30354f; border-color:rgba(255,255,255,.1); }
button:active { transform:translateY(0) scale(.98); }
button:disabled { opacity:.45; cursor:not-allowed; transform:none; }
input { width:100%; border:1px solid #333856; border-radius:14px; padding:13px 14px; background:#111425; color:#fff; outline:none; transition:border-color .18s,box-shadow .18s; }
input:focus { border-color:#8b5cf6; box-shadow:0 0 0 3px rgba(139,92,246,.16); }
select{width:100%;margin-top:7px;padding:11px;border:1px solid #333856;border-radius:12px;background:#111425;color:#fff}
input[type="range"] { padding:0; accent-color:#8b5cf6; }
label { display:block; margin-top:14px; color:#cbd5e1; font-size:14px; }
h1 { margin:0 0 10px; font-size:clamp(32px,5vw,54px); line-height:1; }
h2 { margin:0 0 12px; } h3,p { margin-top:0; } .icon { flex:none; }
.app { min-height:100vh; position:relative; overflow:hidden; }
.bg-orb { position:fixed; width:340px; height:340px; border-radius:50%; filter:blur(70px); opacity:.28; pointer-events:none; }
.orb1 { top:-90px; left:-80px; background:#7c3aed; }.orb2 { right:-90px; bottom:-120px; background:#06b6d4; }
.muted { color:var(--muted); }.tiny { color:#a5b4fc; font-size:13px; line-height:1.5; }.eyebrow { margin:0 0 8px; color:#a78bfa; font-size:11px; font-weight:900; letter-spacing:.16em; }
.primary { display:inline-flex; justify-content:center; align-items:center; gap:8px; background:linear-gradient(135deg,var(--purple),var(--cyan)); font-weight:800; box-shadow:0 9px 24px rgba(6,182,212,.12); }
.primary:hover { background:linear-gradient(135deg,#8b5cf6,#22d3ee); box-shadow:0 12px 28px rgba(6,182,212,.2); }
.ghost { background:rgba(255,255,255,.06); }.danger { background:#7f1d1d; }.danger:hover { background:#991b1b; }.big { padding:15px 22px; font-size:18px; }.full { width:100%; margin-top:14px; }
.auth-card,.page { position:relative; z-index:1; }.auth-card { width:min(430px,calc(100% - 28px)); margin:7vh auto; padding:32px; border:1px solid var(--line); border-radius:28px; background:rgba(13,16,31,.84); box-shadow:0 30px 100px rgba(0,0,0,.45); backdrop-filter:blur(18px); }
.logo-badge { display:grid; width:72px; height:72px; margin-bottom:18px; place-items:center; border-radius:24px; background:linear-gradient(135deg,#8b5cf6,#06b6d4); }
.topbar { position:sticky; top:0; z-index:3; display:flex; justify-content:space-between; align-items:center; gap:14px; padding:12px 22px; border-bottom:1px solid rgba(255,255,255,.08); background:rgba(8,9,20,.76); backdrop-filter:blur(18px); }
.brand-zone{display:flex;min-width:0;align-items:center;gap:10px}.level-progress-button{display:flex;padding:6px 9px;align-items:center;gap:8px;border:1px solid rgba(103,232,249,.16);border-radius:13px;background:rgba(255,255,255,.045)}.level-progress-button:hover{border-color:rgba(103,232,249,.44);background:rgba(103,232,249,.09)}.level-progress-copy{display:grid;min-width:72px;gap:4px;text-align:left}.level-progress-copy b{color:#cbd5e1;font-size:9px;line-height:1}.level-progress-copy i,.road-current i{display:block;height:4px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.1)}.level-progress-copy em,.road-current em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#a78bfa,#f472b6);transition:width .35s ease}
.brand { display:flex; align-items:center; gap:8px; padding:8px; background:transparent; font-weight:900; }.top-actions { display:flex; align-items:center; gap:9px; }.money { padding:8px 12px; border-radius:999px; background:rgba(34,197,94,.15); color:#86efac; font-weight:900; }.muted-money { opacity:.6; filter:grayscale(1); }.icon-btn { display:grid; padding:10px; place-items:center; border-radius:12px; }.account-button{display:flex;align-items:center;gap:9px;padding:7px 12px;font-weight:800}.account-button .avatar{width:32px;height:32px}.account-button .mini-player{gap:8px}
.mini-player { display:flex; align-items:center; gap:10px; }.avatar { position:relative; display:grid; width:38px; height:38px; place-items:center; overflow:visible; border:2px solid #525a7a; border-radius:50%; background:#15182c; font-weight:900; }.avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.nick { font-weight:900; }
.level-badge{position:relative;display:inline-flex;min-width:max-content;padding:3px 5px;align-items:center;justify-content:center;border:1px solid rgba(251,191,36,.5);border-radius:7px;background:linear-gradient(145deg,#78350f,#451a03);color:#fef3c7;font-size:8px;font-weight:1000;letter-spacing:.04em;line-height:1;box-shadow:0 0 9px rgba(245,158,11,.16)}.level-silver{border-color:#cbd5e1;background:linear-gradient(145deg,#475569,#1e293b);color:#f8fafc}.level-gold{border-color:#facc15;background:linear-gradient(145deg,#a16207,#422006);box-shadow:0 0 11px rgba(250,204,21,.38)}.level-electric{border-color:#67e8f9;background:linear-gradient(145deg,#155e75,#312e81);color:#cffafe;box-shadow:0 0 13px rgba(34,211,238,.5);animation:levelElectric 1.45s infinite}.level-inferno{border-color:#fb7185;background:linear-gradient(145deg,#991b1b,#431407);color:#fff7ed;box-shadow:0 0 15px rgba(249,115,22,.68);animation:levelInferno 1.15s infinite}.level-nova{border-color:#f0abfc;background:linear-gradient(120deg,#7e22ce,#0e7490,#be123c);background-size:220%;color:#fff;box-shadow:0 0 18px rgba(217,70,239,.72);animation:levelNova 2s linear infinite}.large-level-badge{padding:7px 9px;border-radius:10px;font-size:11px}
.defaultFrame{border-color:#525a7a}.silverFrame{border-color:silver;box-shadow:0 0 14px rgba(255,255,255,.18)}.goldFrame{border-color:#fbbf24;box-shadow:0 0 16px rgba(251,191,36,.45)}.neonFrame{border-color:#22d3ee;box-shadow:0 0 24px rgba(34,211,238,.75)}.voidFrame{border-color:#a78bfa;animation:pulseVoid 1.5s infinite}.sparkAura{box-shadow:0 0 24px rgba(250,204,21,.6)}.flameAura{box-shadow:0 0 30px rgba(239,68,68,.7);animation:flicker 1s infinite}.cosmicAura{box-shadow:0 0 36px rgba(168,85,247,.9),0 0 70px rgba(34,211,238,.4);animation:cosmic 2s linear infinite}
.redNick{color:#f87171}.blueNick{color:#60a5fa}.goldNick{color:#fbbf24;text-shadow:0 0 12px rgba(251,191,36,.55)}.neonNick{color:#22d3ee;text-shadow:0 0 14px #22d3ee}.fireNick{color:transparent;background:linear-gradient(90deg,#fbbf24,#ef4444,#f97316);background-clip:text;animation:slide 1.5s infinite linear}.glitchNick{color:#fff;text-shadow:2px 0 #06b6d4,-2px 0 #f43f5e;animation:glitch .8s infinite}.rainbowNick{color:transparent;background:linear-gradient(90deg,red,orange,#ff0,lime,cyan,violet,red);background-size:300%;background-clip:text;animation:slide 2s infinite linear}
.page { max-width:1100px; margin:0 auto; padding:28px 18px 70px; }.hero { margin-bottom:18px; padding:38px; border:1px solid var(--line); border-radius:30px; background:linear-gradient(135deg,rgba(124,58,237,.28),rgba(6,182,212,.16)); }.hero p:not(.eyebrow) { max-width:720px; color:#cbd5e1; font-size:18px; }.hero-actions { display:flex; gap:12px; margin-top:22px; }
.panel,.warning { margin:16px 0; padding:22px; border:1px solid rgba(255,255,255,.09); border-radius:24px; background:var(--panel); box-shadow:0 12px 32px rgba(0,0,0,.08); }.warning { border-color:rgba(251,191,36,.4); background:rgba(120,53,15,.25); color:#fde68a; }
.row { display:grid; grid-template-columns:1fr 1fr auto; gap:10px; }.room-grid,.shop-grid,.player-grid { display:grid; gap:14px; }.room-card,.player-card,.shop-item { padding:18px; border:1px solid rgba(255,255,255,.08); border-radius:20px; background:rgba(255,255,255,.055); transition:transform .18s,border-color .18s,background .18s; }.room-card:hover,.shop-item:hover { transform:translateY(-3px); border-color:rgba(139,92,246,.42); background:rgba(255,255,255,.075); }
.room-card,.room-right,.room-header,.section-heading,.modal-title { display:flex; align-items:center; justify-content:space-between; gap:12px; }.badge { min-width:28px; padding:4px 8px; border-radius:999px; background:rgba(124,58,237,.25); color:#c4b5fd; text-align:center; font-size:13px; font-weight:900; }
.player-grid { grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); }.player-card { position:relative; display:flex; min-height:110px; flex-direction:column; justify-content:center; gap:8px; }.player-card p { margin-bottom:0; }.crown { position:absolute; top:12px; right:12px; color:#fbbf24; }.start-button,.leave-game { margin-top:16px; }
.time-pills { display:flex; flex-wrap:wrap; gap:8px; }.time-pills .active { background:#7c3aed; box-shadow:0 6px 16px rgba(124,58,237,.32); }
.modal-backdrop { position:fixed; inset:0; z-index:10; display:grid; padding:20px; place-items:center; background:rgba(0,0,0,.68); backdrop-filter:blur(6px); }.modal { width:min(500px,100%); padding:24px; border:1px solid rgba(255,255,255,.13); border-radius:24px; background:#101323; box-shadow:0 24px 90px rgba(0,0,0,.45); }.check { display:flex; align-items:center; gap:10px; }.check input { width:auto; }.modal-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:18px; }.hidden { display:none; }
.avatar-editor{display:grid;gap:10px;margin-top:14px;padding:14px;border-radius:16px;background:rgba(255,255,255,.045)}.avatar-editor>div{display:flex;align-items:center;gap:12px}.avatar-editor p{margin:4px 0 0;font-size:12px}.account-avatar{width:58px;height:58px;flex:none}.file-button{display:inline-flex;width:max-content;margin:0;padding:10px 13px;border-radius:12px;background:#25283d;color:#fff;cursor:pointer;font-weight:800}.file-button input{display:none}.online-note{margin:16px 0;padding:14px 16px;border:1px solid rgba(34,197,94,.32);border-radius:18px;background:rgba(20,83,45,.2);color:#bbf7d0;font-size:14px}
  .game-top { display:flex; justify-content:space-between; align-items:center; gap:14px; }.timer-box { display:grid; min-width:108px; padding:18px; place-items:center; gap:4px; border-radius:20px; background:rgba(124,58,237,.25); transition:background .2s,transform .2s; }.timer-box b { font-size:28px; }.timer-urgent { background:rgba(220,38,38,.35); animation:timerPulse .8s infinite; }.center { text-align:center; }.bid { color:#67e8f9; font-size:1.35em; }.number-input { max-width:160px; margin:10px auto; text-align:center; font-size:28px; font-weight:900; }.choice-row,.answers { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; }.answering-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.45fr);gap:18px;align-items:start;margin-top:16px;text-align:left}.answer-form { display:flex; max-width:560px; margin:0 auto; gap:10px; }.answer-list{min-height:92px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.035)}.answers { margin-top:10px; gap:8px;justify-content:flex-start}.answer { padding:8px 11px; border-radius:999px; font-weight:700; }.valid { background:rgba(34,197,94,.16); color:#86efac; }.invalid { background:rgba(239,68,68,.16); color:#fca5a5; }.money-pop,.price { color:#86efac; font-size:20px; font-weight:900; }
.shop-grid { grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); }.shop-item { display:flex; min-height:250px; flex-direction:column; gap:10px; }.shop-item .price { margin-top:auto; font-size:22px; }.disabled-shop { opacity:.55; filter:grayscale(1); pointer-events:none; }.cosmetic-list { display:flex; flex-wrap:wrap; gap:8px; }.preview-nick,.preview-frame,.preview-empty-aura{background:radial-gradient(circle at 50% 48%,rgba(51,65,85,.3),rgba(255,255,255,.025) 72%)}
.shop-page{max-width:1180px}.shop-item{position:relative;min-height:420px;overflow:hidden}.shop-item-head{display:flex;align-items:center;justify-content:space-between}.rarity{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.08);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.rarity-common .rarity{color:#cbd5e1}.rarity-rare{border-color:rgba(96,165,250,.28)}.rarity-rare .rarity{color:#93c5fd}.rarity-epic{border-color:rgba(192,132,252,.32)}.rarity-epic .rarity{color:#d8b4fe}.rarity-legendary{border-color:rgba(250,204,21,.35)}.rarity-legendary .rarity{color:#fde68a}.rarity-mythic{border-color:rgba(244,63,94,.42);background:linear-gradient(145deg,rgba(159,18,57,.12),rgba(255,255,255,.055))}.rarity-mythic .rarity{color:#fda4af}.cosmetic-preview{position:relative;display:flex;min-height:172px;align-items:center;justify-content:center;flex-direction:column;gap:12px;border:1px solid rgba(255,255,255,.07);border-radius:19px;background:radial-gradient(circle at 50% 48%,rgba(124,58,237,.3),rgba(6,182,212,.08) 42%,rgba(255,255,255,.025) 72%);overflow:hidden;isolation:isolate}.preview-glow{position:absolute;width:95px;height:95px;border-radius:50%;background:radial-gradient(circle,rgba(167,139,250,.3),transparent 70%);filter:blur(8px);animation:previewBreath 2.2s ease-in-out infinite}.preview-orbit{position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%;animation:previewSpin 8s linear infinite}.orbit-one{width:122px;height:58px;transform:rotate(-18deg)}.orbit-two{width:84px;height:134px;border-color:rgba(103,232,249,.13);animation-direction:reverse;animation-duration:11s}.preview-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:#fef08a;box-shadow:0 0 9px #fde047;animation:previewFloat 2.5s ease-in-out infinite}.particle-a{top:22%;left:25%}.particle-b{right:22%;bottom:28%;animation-delay:-.8s}.particle-c{top:34%;right:30%;background:#67e8f9;box-shadow:0 0 9px #22d3ee;animation-delay:-1.45s}.preview-avatar{width:70px;height:70px;font-size:24px;z-index:2;background:linear-gradient(145deg,#252b49,#101323)}.cosmetic-preview .nick{z-index:2;font-size:17px}.preview-type{position:absolute;right:9px;bottom:7px;z-index:2;color:rgba(226,232,240,.6);font-size:8px;font-weight:1000;letter-spacing:.16em}.preview-nick .preview-avatar{opacity:.82}.preview-frame .preview-orbit,.preview-aura .preview-orbit{border-style:dashed}.compact-preview{min-height:112px;gap:8px;border-radius:14px}.compact-preview .preview-avatar{width:52px;height:52px;font-size:17px}.compact-preview .nick{max-width:118px;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.compact-preview .orbit-one{width:92px;height:43px}.compact-preview .orbit-two{width:62px;height:98px}.compact-preview .preview-glow{width:72px;height:72px}.compact-preview .preview-type{font-size:7px}
.greenNick{color:#4ade80}.iceNick{color:#bae6fd;text-shadow:0 0 14px #38bdf8}.electricNick{color:#fef08a;text-shadow:0 0 5px #fff,0 0 16px #22d3ee;animation:electric .9s infinite}.voidNick{color:#c4b5fd;text-shadow:0 0 12px #7c3aed;animation:pulseVoid 1.5s infinite}.galaxyNick,.cosmicNick{color:transparent;background:linear-gradient(90deg,#22d3ee,#a78bfa,#f472b6,#22d3ee);background-size:260%;background-clip:text;animation:slide 2s linear infinite}.cosmicNick{text-shadow:0 0 18px rgba(34,211,238,.55)}.demonicNick{color:#f87171;text-shadow:0 0 6px #ef4444,0 0 18px #7f1d1d}.divineNick{color:#fef3c7;text-shadow:0 0 8px #fbbf24,0 0 20px rgba(250,204,21,.8)}
.fireFrame{border-color:#f97316;box-shadow:0 0 16px #ef4444;animation:flicker 1s infinite}.iceFrame{border-color:#bae6fd;box-shadow:0 0 18px #38bdf8}.electricFrame{border-color:#fef08a;box-shadow:0 0 18px #22d3ee;animation:electric .9s infinite}.rainbowFrame{border-color:#f472b6;box-shadow:0 0 16px #22d3ee;animation:cosmic 2s linear infinite}.galaxyFrame,.cosmicFrame{border-color:#a78bfa;box-shadow:0 0 18px #7c3aed,0 0 34px rgba(34,211,238,.45);animation:cosmic 2s linear infinite}.crownFrame{border-color:#fbbf24;box-shadow:0 0 20px rgba(251,191,36,.75)}.crownFrame:before{position:absolute;bottom:45px;color:#fbbf24;font-size:18px;content:"♛"}.cursedFrame{border-color:#ef4444;box-shadow:0 0 20px #7f1d1d;animation:pulseVoid 1.2s infinite}.divineFrame{border-color:#fef3c7;box-shadow:0 0 14px #fbbf24,0 0 30px rgba(250,204,21,.7)}
.glowAura{box-shadow:0 0 30px rgba(34,211,238,.62)}.iceAura{box-shadow:0 0 34px rgba(125,211,252,.8)}.electricAura{box-shadow:0 0 26px #22d3ee,0 0 42px rgba(250,204,21,.34);animation:electric .8s infinite}.smokeAura{box-shadow:0 0 34px rgba(148,163,184,.65);filter:drop-shadow(0 0 12px #475569)}.starsAura{box-shadow:0 0 26px rgba(250,204,21,.68),0 0 48px rgba(167,139,250,.45);animation:stars 1.4s infinite}.voidAura{box-shadow:0 0 34px #581c87,0 0 60px rgba(15,23,42,.85);animation:pulseVoid 1.4s infinite}.galaxyAura{box-shadow:0 0 28px #7c3aed,0 0 54px #0e7490;animation:cosmic 2.4s linear infinite}.demonicAura{box-shadow:0 0 30px #b91c1c,0 0 54px rgba(69,10,10,.9);animation:flicker 1s infinite}.divineAura{box-shadow:0 0 24px #fde68a,0 0 52px rgba(250,204,21,.85);animation:stars 1.4s infinite}
.platform-page{max-width:1240px}.platform-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;min-height:330px;margin:18px 0 34px;padding:38px;border:1px solid var(--line);border-radius:32px;overflow:hidden;background:radial-gradient(circle at 75% 40%,rgba(6,182,212,.19),transparent 25%),linear-gradient(135deg,rgba(124,58,237,.28),rgba(13,16,31,.84))}.platform-hero h1 span{color:#67e8f9}.platform-hero p:not(.eyebrow){max-width:660px;color:#cbd5e1;font-size:18px;line-height:1.6}.hero-stack{position:relative;height:230px}.hero-stack div{position:absolute;display:grid;width:150px;height:190px;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:linear-gradient(145deg,rgba(139,92,246,.7),rgba(6,182,212,.25));box-shadow:0 20px 50px rgba(0,0,0,.25)}.hero-stack div:nth-child(1){right:80px;top:15px;transform:rotate(-13deg);opacity:.45}.hero-stack div:nth-child(2){right:28px;top:24px;transform:rotate(10deg);opacity:.65}.hero-stack div:nth-child(3){right:54px;top:5px;color:#fef08a;font-size:68px;font-weight:900}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:12px 0 16px}.section-intro h2{font-size:30px}.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.game-card{display:flex;min-height:355px;overflow:hidden;flex-direction:column;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:rgba(15,18,34,.82);transition:transform .22s,border-color .22s,box-shadow .22s}.game-card:hover{transform:translateY(-6px);border-color:rgba(139,92,246,.5);box-shadow:0 22px 50px rgba(0,0,0,.22)}.featured-game{grid-column:span 2}.game-visual{position:relative;display:grid;height:135px;place-items:center;overflow:hidden;background:linear-gradient(135deg,#4338ca,#0891b2)}.game-visual span{position:relative;z-index:1;color:#fff;font-size:62px;font-weight:900;text-shadow:0 8px 22px rgba(0,0,0,.3)}.visual-orbit{position:absolute;border:1px solid rgba(255,255,255,.25);border-radius:50%}.orbit-a{width:180px;height:180px}.orbit-b{width:100px;height:100px}.game-visual-impostor{background:linear-gradient(135deg,#7f1d1d,#312e81)}.game-visual-identity{background:linear-gradient(135deg,#a16207,#7c3aed)}.game-visual-question{background:linear-gradient(135deg,#be123c,#7c3aed)}.game-visual-choice{background:linear-gradient(135deg,#0369a1,#0f766e)}.game-visual-vote{background:linear-gradient(135deg,#9f1239,#c2410c)}.game-visual-friends{background:linear-gradient(135deg,#7c3aed,#db2777)}.game-card-content{display:flex;min-height:220px;padding:18px;flex-direction:column}.game-card-content h2{margin-top:10px}.game-card-content p{line-height:1.5}.game-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.players-count{display:inline-flex;align-items:center;gap:7px;color:#cbd5e1;font-size:13px;font-weight:800}.tag{padding:4px 8px;border-radius:999px;background:rgba(34,211,238,.15);color:#67e8f9;font-size:10px;font-weight:900;letter-spacing:.1em}.tag-soft{background:rgba(167,139,250,.14);color:#c4b5fd}
.mode-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px}.game-symbol{display:grid;width:92px;height:92px;place-items:center;border-radius:26px;background:linear-gradient(135deg,#7c3aed,#0891b2);font-size:42px;font-weight:900}.lobby-code-row{margin-top:18px}.room-mode{margin-bottom:7px;color:#a78bfa;font-size:12px;font-weight:900;letter-spacing:.08em}.lobby-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:16px}.room-code strong{display:block;color:#67e8f9;font-size:34px;letter-spacing:.12em}.player-status{display:flex;align-items:center;gap:7px;color:#86efac;font-size:13px;font-weight:800}.player-status i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 12px #22c55e}.room-actions{margin-top:18px}.auth-divider{position:relative;margin:18px 0;text-align:center}.auth-divider:before{position:absolute;top:50%;right:0;left:0;height:1px;background:rgba(255,255,255,.1);content:""}.auth-divider span{position:relative;padding:0 10px;background:#101323;color:#9ca3af;font-size:12px}.guest-note{margin-top:16px;padding:12px;border:1px solid rgba(251,191,36,.22);border-radius:14px;background:rgba(120,53,15,.18);color:#fde68a;font-size:13px;line-height:1.5}.account-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.account-summary div{display:flex;padding:14px;flex-direction:column;gap:6px;border-radius:14px;background:rgba(255,255,255,.055)}.password-box{margin-top:12px;padding:14px;border-radius:14px;background:rgba(255,255,255,.045)}.password-box summary{cursor:pointer;font-weight:800}.account-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.impostor-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 14px}.impostor-settings-grid label{padding:10px;border-radius:14px;background:rgba(255,255,255,.04)}.impostor-page{max-width:1240px}.role-card{max-width:560px;margin:55px auto;padding:34px;text-align:center}.role-card strong{display:block;margin:18px 0;color:#fef08a;font-size:42px}.role-card button{margin-top:18px}.role-impostor{border-color:rgba(248,113,113,.4);background:linear-gradient(145deg,rgba(127,29,29,.42),rgba(15,18,34,.92))}.role-white{border-color:rgba(255,255,255,.35);background:linear-gradient(145deg,rgba(100,116,139,.35),rgba(15,18,34,.92))}.secret-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:15px 18px}.reaction-actions{display:flex;gap:8px}.reaction-actions button:first-child{background:rgba(220,38,38,.28);color:#fecaca}.reaction-actions button:last-child{background:rgba(34,197,94,.2);color:#bbf7d0}.impostor-players{display:flex;gap:10px;margin:16px 0;padding:4px 0 12px;overflow-x:auto}.impostor-player{position:relative;min-width:155px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.045);transition:border-color .2s,background .2s}.impostor-player small{position:absolute;top:8px;right:10px;color:#64748b;font-weight:900}.active-turn{border-color:rgba(34,211,238,.72);background:rgba(6,182,212,.12);box-shadow:0 0 20px rgba(6,182,212,.12)}.reaction-bubble{position:absolute;right:4px;bottom:calc(100% - 2px);z-index:2;padding:7px 10px;border-radius:12px 12px 12px 2px;background:#fef08a;color:#422006;font-size:11px;font-weight:900;animation:bubblePop .25s ease}.impostor-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.clue-list{display:grid;gap:8px;margin-top:16px}.clue{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.045);text-align:left}.clue b{color:#c4b5fd}.clue small{color:#64748b}.missed{opacity:.6}.impostor-chat{display:flex;max-height:520px;flex-direction:column}.chat-messages{min-height:180px;max-height:360px;overflow:auto}.chat-messages p{margin:0 0 9px;font-size:13px;line-height:1.4}.impostor-chat form{display:flex;gap:7px;margin-top:auto}.impostor-chat button{padding:10px}.vote-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:18px}.vote-grid button{padding:14px}.revealed-role{display:inline-block;margin:12px;padding:12px 16px;border-radius:999px;background:rgba(124,58,237,.22);color:#ddd6fe;font-weight:900}.vote-results{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:10px 0 16px}.vote-results span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.06);font-size:13px}
.custom-words{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.identity-page,.other-page{max-width:1100px}.identity-main{max-width:800px;margin:16px auto}.identity-word{margin:22px 0;padding:22px;border:1px solid rgba(167,139,250,.3);border-radius:18px;background:rgba(124,58,237,.14);color:#fef08a;text-align:center;font-size:clamp(28px,5vw,46px);font-weight:900}.identity-main form{display:grid;gap:12px}.answer-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:18px}.answer-board article{display:flex;padding:14px;flex-direction:column;gap:8px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.05)}.answer-board b{color:#c4b5fd}.answer-board span{font-size:20px}.question-reveal{display:grid;gap:8px;margin:18px auto;max-width:720px}.question-reveal p{margin:0;padding:14px;border-radius:14px;background:rgba(255,255,255,.055)}.question-reveal p:last-child{border:1px solid rgba(248,113,113,.32);color:#fecaca}
.wyr-page{max-width:1240px}.wyr-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0}.wyr-header p{max-width:640px;line-height:1.5}.wyr-demo{padding:13px 16px;font-size:14px}.wyr-filters{display:flex;align-items:end;gap:16px;flex-wrap:wrap;padding:15px 18px}.wyr-filters label{min-width:190px;margin:0}.wyr-filters .check{align-self:center}.wyr-filters .badge{margin-left:auto}.wyr-stage{padding:22px 0;text-align:center}.wyr-stage h2{margin-bottom:20px;font-size:clamp(24px,4vw,36px)}.wyr-grid{display:grid;grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr);align-items:center;gap:10px}.wyr-card{position:relative;display:flex;min-height:310px;padding:28px;align-items:center;justify-content:center;overflow:hidden;flex-direction:column;gap:18px;border:1px solid rgba(255,255,255,.12);border-radius:28px;white-space:normal}.wyr-card strong{max-width:420px;font-size:clamp(22px,3vw,33px);line-height:1.2}.wyr-a{background:linear-gradient(145deg,rgba(6,182,212,.44),rgba(15,23,42,.94))}.wyr-b{background:linear-gradient(145deg,rgba(219,39,119,.4),rgba(49,46,129,.8))}.wyr-card:hover{border-color:rgba(255,255,255,.42);box-shadow:0 22px 50px rgba(0,0,0,.24)}.wyr-letter{position:absolute;top:17px;left:20px;color:rgba(255,255,255,.55);font-size:22px;font-weight:900}.wyr-pick{padding:7px 11px;border:1px solid rgba(255,255,255,.17);border-radius:999px;color:#e2e8f0;font-size:12px;font-weight:900;letter-spacing:.08em}.wyr-or{color:#c4b5fd;font-size:14px;font-weight:900;letter-spacing:.12em}.wyr-selected{animation:wyrChosen .28s ease}.wyr-selected:disabled{opacity:1}.wyr-results{width:min(100%,360px)}.wyr-results>b{display:block;font-size:54px}.wyr-bar{height:10px;margin:7px 0;border-radius:999px;background:rgba(255,255,255,.16);overflow:hidden}.wyr-bar i{display:block;height:100%;border-radius:inherit;background:#fff;transition:width .45s ease}.wyr-results small{color:#cbd5e1}.wyr-summary{margin-top:18px;color:#cbd5e1}.wyr-summary b{color:#fff}.wyr-actions{display:flex;justify-content:center;gap:10px}.game-visual-choice{background:linear-gradient(135deg,#0369a1,#be185d)}
.toast { position:fixed; right:18px; bottom:18px; z-index:20; max-width:min(380px,calc(100% - 36px)); padding:14px 18px; border:1px solid rgba(255,255,255,.12); border-radius:16px; background:#171a30; box-shadow:0 14px 50px rgba(0,0,0,.42); animation:toastIn .24s ease; }.toast.error { border-color:rgba(248,113,113,.45); color:#fecaca; }.toast.info { border-color:rgba(34,211,238,.4); color:#cffafe; }
.wyr-selected:disabled{opacity:.78}.wyr-picked:disabled{opacity:1;border-color:rgba(255,255,255,.62);box-shadow:0 18px 48px rgba(6,182,212,.2)}
.social-page{max-width:1100px}.phase-card{max-width:920px;margin:18px auto;padding:28px}.phase-card h1{font-size:clamp(28px,4.8vw,48px);line-height:1.12}.phase-card .timer-box{margin:18px auto}.ready-note{display:inline-block;margin:14px 0;padding:10px 14px;border-radius:999px;background:rgba(34,197,94,.15);color:#bbf7d0;font-weight:800}.score-chips{display:flex;gap:8px;margin:14px 0;overflow-x:auto;padding-bottom:4px}.score-chips span{display:flex;min-width:max-content;padding:8px 11px;gap:8px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.055);color:#cbd5e1;font-size:13px}.score-chips b{color:#67e8f9}.result-player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:20px 0}.result-player-grid article{display:flex;padding:15px;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.05)}.result-player-grid .winner-card{border-color:rgba(250,204,21,.5);background:rgba(161,98,7,.16);box-shadow:0 0 24px rgba(250,204,21,.08)}.result-player-grid strong{color:#fef08a}.vote-details{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:16px 0}.vote-details span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.06);color:#cbd5e1;font-size:13px}.vote-details .correct{background:rgba(34,197,94,.16);color:#bbf7d0}.final-ranking{display:grid;gap:9px;max-width:650px;margin:20px auto}.final-ranking article{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 15px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.05);text-align:left}.final-ranking article:first-child{border-color:rgba(250,204,21,.42);background:rgba(161,98,7,.16)}.final-ranking>article>b{color:#a78bfa}.final-ranking strong{color:#fef08a}.anonymous-answer{display:flex;max-width:680px;margin:22px auto;padding:25px;flex-direction:column;gap:12px;border:1px solid rgba(167,139,250,.35);border-radius:22px;background:linear-gradient(145deg,rgba(124,58,237,.2),rgba(15,18,34,.92))}.anonymous-answer span,.anonymous-answer small{color:#a78bfa;font-size:11px;font-weight:900;letter-spacing:.13em}.anonymous-answer strong{color:#fff;font-size:clamp(22px,4vw,36px)}.reveal-answer{border-color:rgba(34,211,238,.48);animation:revealPop .28s ease}.reveal-answer h1{margin:4px 0 0;color:#67e8f9}
.waiting-state{display:grid;max-width:620px;margin:18px auto;padding:20px;place-items:center;gap:7px;border:1px solid rgba(103,232,249,.22);border-radius:18px;background:linear-gradient(145deg,rgba(6,182,212,.105),rgba(124,58,237,.1));box-shadow:inset 0 0 24px rgba(103,232,249,.035)}.waiting-state h3,.waiting-state p{margin:0}.waiting-state p{max-width:520px;color:#cbd5e1;line-height:1.55}.waiting-pulse{display:grid;width:38px;height:38px;margin-bottom:3px;place-items:center;border:1px solid rgba(103,232,249,.48);border-radius:50%;background:rgba(6,182,212,.16);color:#cffafe;font-size:20px;font-weight:1000;animation:waitingPulse 1.5s ease-in-out infinite}
.enter { animation:enter .24s ease both; }
.game-fx{position:fixed;inset:0;z-index:50;display:grid;place-items:center;overflow:hidden;pointer-events:none}.game-fx .fx-flash{position:absolute;inset:0;animation:fxFlash .72s ease-out both}.game-fx section{position:relative;display:grid;place-items:center;gap:8px;text-align:center;animation:fxTitle 1.35s cubic-bezier(.16,1,.3,1) both}.game-fx strong{font-size:clamp(42px,10vw,112px);font-weight:1000;letter-spacing:.08em;text-shadow:0 8px 0 rgba(0,0,0,.22),0 0 42px currentColor}.game-fx span{font-size:clamp(16px,3vw,28px);font-weight:900;letter-spacing:.14em;text-transform:uppercase}.fx-particles{position:absolute;top:50%;left:50%}.fx-particles i{position:absolute;width:12px;height:12px;border-radius:3px;background:currentColor;box-shadow:0 0 18px currentColor;animation:fxParticle 1.05s var(--delay) ease-out both}.fx-start{color:#67e8f9}.fx-start .fx-flash{background:rgba(6,182,212,.52)}.fx-success,.fx-win{color:#86efac}.fx-success .fx-flash,.fx-win .fx-flash{background:rgba(34,197,94,.45)}.fx-miss,.fx-fail,.fx-impostor{color:#fca5a5}.fx-miss .fx-flash,.fx-fail .fx-flash{background:rgba(220,38,38,.42)}.fx-impostor .fx-flash{background:radial-gradient(circle,rgba(239,68,68,.72),rgba(69,10,10,.88))}.fx-detect{color:#fde68a}.fx-detect .fx-flash{background:rgba(234,179,8,.48)}.fx-reveal,.fx-choice{color:#c4b5fd}.fx-reveal .fx-flash,.fx-choice .fx-flash{background:rgba(124,58,237,.44)}.fx-vote{color:#fda4af}.fx-vote .fx-flash{background:rgba(190,24,93,.44)}.screen-impact .app{animation:screenShake .55s cubic-bezier(.36,.07,.19,.97)}
@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes toastIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes wyrChosen{from{transform:scale(.97)}to{transform:none}}@keyframes revealPop{from{opacity:.45;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes bubblePop{from{opacity:0;transform:translateY(6px) scale(.8)}to{opacity:1;transform:none}}@keyframes slide{to{background-position:300%}}@keyframes glitch{0%,100%{transform:translate(0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,1px)}}@keyframes electric{0%,100%{filter:brightness(1)}45%{filter:brightness(1.6)}50%{filter:brightness(.86)}55%{filter:brightness(1.35)}}@keyframes stars{50%{filter:brightness(1.28);transform:scale(1.04)}}@keyframes flicker{50%{transform:scale(1.05)}}@keyframes cosmic{to{filter:hue-rotate(360deg)}}@keyframes pulseVoid{0%,100%{box-shadow:0 0 12px #7c3aed}50%{box-shadow:0 0 28px #22d3ee}}@keyframes timerPulse{50%{transform:scale(1.04)}}
@keyframes waitingPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 rgba(34,211,238,0)}50%{transform:scale(1.08);box-shadow:0 0 20px rgba(34,211,238,.28)}}
@keyframes screenShake{0%,100%{transform:none}10%{transform:translate(-7px,3px) rotate(-.4deg)}25%{transform:translate(7px,-5px) rotate(.4deg)}40%{transform:translate(-5px,5px)}58%{transform:translate(5px,-3px)}76%{transform:translate(-3px,2px)}}@keyframes fxFlash{0%{opacity:0}12%{opacity:1}100%{opacity:0}}@keyframes fxTitle{0%{opacity:0;transform:scale(2.1) rotate(-4deg)}16%{opacity:1;transform:scale(.92) rotate(1deg)}28%{transform:scale(1.03)}72%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.96)}}@keyframes fxParticle{0%{opacity:0;transform:rotate(var(--angle)) translateX(0) scale(.2)}18%{opacity:1}100%{opacity:0;transform:rotate(var(--angle)) translateX(var(--distance)) scale(1.3)}}
  @media(max-width:900px){.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-hero{grid-template-columns:1fr}.hero-stack{display:none}.lobby-layout,.impostor-layout,.answering-layout{grid-template-columns:1fr}.wyr-grid{grid-template-columns:1fr}.wyr-or{padding:4px}.wyr-card{min-height:220px}}@media(max-width:720px){.row,.answer-form{display:grid;grid-template-columns:1fr}.topbar{padding:9px}.brand span{display:none}.top-actions{gap:5px}.account-button .nick{display:none}.icon-btn{padding:9px}.hero,.platform-hero{padding:24px}.room-header,.game-top,.mode-hero,.wyr-header{align-items:flex-start;grid-template-columns:1fr;flex-direction:column}.auth-card{padding:24px}.page{padding:18px 12px 54px}.panel{padding:18px}.room-card{align-items:flex-start;gap:14px;flex-direction:column}.room-right{width:100%}.room-right button{margin-left:auto}.shop-grid,.games-grid,.impostor-settings-grid{grid-template-columns:1fr}.featured-game{grid-column:auto}.section-intro{align-items:flex-start;flex-direction:column}.game-card{min-height:330px}.secret-strip{align-items:flex-start;flex-direction:column}.clue{grid-template-columns:1fr auto}.clue span{grid-column:1/-1}.wyr-filters{align-items:stretch;flex-direction:column}.wyr-filters .badge{margin-left:0}.wyr-card{padding:22px;min-height:190px}}

.platform-join{display:grid;grid-template-columns:minmax(150px,.85fr) minmax(120px,.6fr) minmax(140px,.7fr) auto;align-items:center;gap:9px;margin-top:24px;padding:13px;border:1px solid rgba(103,232,249,.18);border-radius:18px;background:rgba(8,15,30,.46);box-shadow:0 12px 28px rgba(0,0,0,.12);animation:roomCodeIn .32s ease both}.platform-join p{margin-bottom:4px!important;font-size:10px!important}.platform-join strong{font-size:14px}.platform-join input{padding:11px 12px}.platform-join button{white-space:nowrap}.confirm-modal{border-color:rgba(248,113,113,.25)}.modal-backdrop{animation:backdropIn .18s ease both}.room-code{animation:roomCodeIn .3s ease both}.player-card{animation:miniCardIn .22s ease both}.answer{animation:answerPop .24s cubic-bezier(.16,1,.3,1) both}
@keyframes backdropIn{from{opacity:0}to{opacity:1}}@keyframes miniCardIn{from{opacity:.5;transform:translateY(5px) scale(.985)}to{opacity:1;transform:none}}@keyframes roomCodeIn{from{opacity:.45;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes answerPop{from{opacity:0;transform:translateY(5px) scale(.84)}to{opacity:1;transform:none}}
@media(max-width:900px){.platform-join{grid-template-columns:1fr 1fr}.platform-join div{grid-column:1/-1}}@media(max-width:720px){.platform-join{grid-template-columns:1fr}}

input[type="range"]{height:22px;padding:0;border:0;background:transparent;box-shadow:none;cursor:pointer;appearance:none;-webkit-appearance:none}input[type="range"]:focus{box-shadow:none}input[type="range"]::-webkit-slider-runnable-track{height:7px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:linear-gradient(90deg,rgba(124,58,237,.8),rgba(6,182,212,.72))}input[type="range"]::-webkit-slider-thumb{width:18px;height:18px;margin-top:-6px;border:2px solid #e0f2fe;border-radius:50%;background:#7c3aed;box-shadow:0 2px 10px rgba(6,182,212,.45);appearance:none;-webkit-appearance:none}input[type="range"]::-moz-range-track{height:7px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.12)}input[type="range"]::-moz-range-progress{height:7px;border-radius:999px;background:linear-gradient(90deg,#7c3aed,#06b6d4)}input[type="range"]::-moz-range-thumb{width:16px;height:16px;border:2px solid #e0f2fe;border-radius:50%;background:#7c3aed;box-shadow:0 2px 10px rgba(6,182,212,.45)}

.yellowNick{color:#fde047}.orangeNick{color:#fb923c}.pinkNick{color:#f472b6}.purpleNick{color:#c084fc}.mintNick{color:#6ee7b7}.neonRedNick{color:#fca5a5;text-shadow:0 0 5px #fff,0 0 15px #ef4444}.neonBlueNick{color:#bfdbfe;text-shadow:0 0 5px #fff,0 0 15px #3b82f6}.neonGreenNick{color:#bbf7d0;text-shadow:0 0 5px #fff,0 0 15px #22c55e}.neonYellowNick{color:#fef9c3;text-shadow:0 0 5px #fff,0 0 15px #eab308}.neonPinkNick{color:#fbcfe8;text-shadow:0 0 5px #fff,0 0 15px #ec4899}.neonPurpleNick{color:#e9d5ff;text-shadow:0 0 5px #fff,0 0 15px #a855f7}.sunsetNick,.frostNick,.hologramNick,.auroraNick,.plasmaNick{color:transparent;background-size:260%;background-clip:text;animation:slide 2.1s linear infinite}.sunsetNick{background-image:linear-gradient(90deg,#f97316,#f472b6,#facc15,#f97316)}.frostNick{background-image:linear-gradient(90deg,#e0f2fe,#38bdf8,#a5f3fc,#e0f2fe);text-shadow:0 0 14px rgba(56,189,248,.6)}.hologramNick{background-image:linear-gradient(90deg,#67e8f9,#f0abfc,#bef264,#67e8f9)}.auroraNick{background-image:linear-gradient(90deg,#4ade80,#22d3ee,#a78bfa,#4ade80);text-shadow:0 0 14px rgba(34,211,238,.45)}.plasmaNick{background-image:linear-gradient(90deg,#f472b6,#22d3ee,#a855f7,#f472b6);text-shadow:0 0 17px rgba(244,114,182,.7);animation:slide 1.25s linear infinite,electric 1.05s infinite}.matrixNick{color:#86efac;text-shadow:0 0 5px #22c55e,0 0 15px #14532d;animation:matrixPulse 1.15s steps(2,end) infinite}.toxicNick{color:#d9f99d;text-shadow:0 0 6px #a3e635,0 0 19px #3f6212;animation:toxicPulse 1.3s infinite}
.redFrame{border-color:#ef4444}.blueFrame{border-color:#3b82f6}.greenFrame{border-color:#22c55e}.yellowFrame{border-color:#eab308}.purpleFrame{border-color:#a855f7}.neonRedFrame{border-color:#fca5a5;box-shadow:0 0 19px #ef4444}.neonBlueFrame{border-color:#bfdbfe;box-shadow:0 0 19px #3b82f6}.neonGreenFrame{border-color:#bbf7d0;box-shadow:0 0 19px #22c55e}.neonPinkFrame{border-color:#fbcfe8;box-shadow:0 0 19px #ec4899}.toxicFrame{border-color:#bef264;box-shadow:0 0 18px #65a30d;animation:toxicPulse 1.3s infinite}.sunsetFrame{border-color:#fb923c;box-shadow:0 0 13px #f97316,0 0 25px rgba(244,114,182,.62);animation:flicker 1.8s infinite}.auroraFrame{border-color:#6ee7b7;box-shadow:0 0 14px #22d3ee,0 0 28px rgba(168,85,247,.65);animation:cosmic 2.4s linear infinite}.hologramFrame{border-color:#f0abfc;box-shadow:0 0 12px #67e8f9,0 0 27px rgba(190,242,100,.54);animation:hologramFlicker 1.45s infinite}.plasmaFrame{border-color:#f9a8d4;box-shadow:0 0 16px #ec4899,0 0 34px #0891b2;animation:plasmaPulse 1.05s infinite}
.redGlowAura{box-shadow:0 0 27px rgba(239,68,68,.75)}.blueGlowAura{box-shadow:0 0 27px rgba(59,130,246,.75)}.greenGlowAura{box-shadow:0 0 27px rgba(34,197,94,.75)}.yellowGlowAura{box-shadow:0 0 27px rgba(234,179,8,.75)}.pinkGlowAura{box-shadow:0 0 27px rgba(236,72,153,.75)}.neonRedAura{box-shadow:0 0 18px #ef4444,0 0 36px rgba(239,68,68,.68)}.neonBlueAura{box-shadow:0 0 18px #3b82f6,0 0 36px rgba(59,130,246,.68)}.neonGreenAura{box-shadow:0 0 18px #22c55e,0 0 36px rgba(34,197,94,.68)}.neonPinkAura{box-shadow:0 0 18px #ec4899,0 0 36px rgba(236,72,153,.68)}.toxicAura{box-shadow:0 0 23px #84cc16,0 0 42px rgba(77,124,15,.72);animation:toxicPulse 1.25s infinite}.sunsetAura{box-shadow:0 0 24px #f97316,0 0 46px rgba(244,114,182,.68);animation:flicker 1.7s infinite}.auroraAura{box-shadow:0 0 22px #4ade80,0 0 42px #0891b2,0 0 62px rgba(168,85,247,.5);animation:cosmic 2.35s linear infinite}.hologramAura{box-shadow:0 0 20px #67e8f9,0 0 40px rgba(240,171,252,.72),0 0 58px rgba(190,242,100,.4);animation:hologramFlicker 1.4s infinite}.plasmaAura{box-shadow:0 0 24px #ec4899,0 0 48px #0891b2,0 0 68px rgba(168,85,247,.72);animation:plasmaPulse 1s infinite}
@keyframes matrixPulse{0%,100%{opacity:1;filter:brightness(1)}45%{opacity:.75;filter:brightness(1.45)}50%{opacity:1;transform:translateX(1px)}}@keyframes toxicPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.42) saturate(1.35)}}@keyframes hologramFlicker{0%,100%{filter:hue-rotate(0) brightness(1)}35%{filter:hue-rotate(45deg) brightness(1.25)}68%{filter:hue-rotate(-35deg) brightness(.95)}}@keyframes plasmaPulse{0%,100%{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.36);transform:scale(1.055)}}

.bid-entry{display:flex;max-width:330px;align-items:stretch;justify-content:center;gap:10px;margin:12px auto 0}.bid-entry .number-input{width:112px;max-width:none;margin:0}.bid-entry button{white-space:nowrap}.active-board-player{border-color:rgba(34,211,238,.68)!important;background:rgba(6,182,212,.11)!important;box-shadow:0 0 24px rgba(6,182,212,.14);animation:activePlayerPulse 1.8s ease-in-out infinite}.board-game-players{margin-top:16px}
.board-player-strip{display:flex;gap:10px;margin:16px 0;padding:5px 2px 12px;overflow-x:auto}.board-player{position:relative;display:flex;min-width:168px;padding:13px;align-items:center;justify-content:space-between;gap:9px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:rgba(255,255,255,.045);animation:miniCardIn .22s ease both}.board-player small{flex:none;color:#67e8f9;font-size:11px;font-weight:900}.board-player .mini-player{min-width:0}.board-player .nick{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.identity-page{max-width:1240px}.identity-table{position:relative;margin:14px 0 22px;padding:22px;border:1px solid rgba(167,139,250,.22);border-radius:32px;background:radial-gradient(circle at 50% 45%,rgba(124,58,237,.2),rgba(15,18,34,.88) 64%),rgba(15,18,34,.9);box-shadow:inset 0 0 55px rgba(6,182,212,.05),0 18px 45px rgba(0,0,0,.18)}.identity-table:after{position:absolute;inset:10px;border:1px dashed rgba(255,255,255,.08);border-radius:25px;pointer-events:none;content:""}.identity-board{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.identity-player-card{position:relative;display:flex;min-height:228px;padding:20px 14px 16px;align-items:center;justify-content:center;overflow:visible;flex-direction:column;gap:10px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:linear-gradient(155deg,rgba(255,255,255,.09),rgba(255,255,255,.035));box-shadow:0 12px 24px rgba(0,0,0,.16);text-align:center;animation:identityCardIn .36s cubic-bezier(.16,1,.3,1) both}.identity-card-pin{position:absolute;top:10px;width:9px;height:9px;border-radius:50%;background:#fbbf24;box-shadow:0 0 11px rgba(251,191,36,.8)}.identity-avatar{width:72px;height:72px;font-size:25px}.identity-card-word{width:100%;padding:9px 8px;border-radius:11px;background:rgba(8,9,20,.52);color:#fef08a;font-size:17px;font-weight:1000;line-height:1.15}.identity-player-card small{color:#a5b4fc}.own-identity-card{border-color:rgba(250,204,21,.42);background:linear-gradient(155deg,rgba(161,98,7,.19),rgba(255,255,255,.035))}.own-identity-card .identity-card-word{font-size:27px;letter-spacing:.16em}.active-identity-card{border-color:rgba(34,211,238,.68);box-shadow:0 0 28px rgba(6,182,212,.2);animation:activePlayerPulse 1.8s ease-in-out infinite}.identity-turn-token{margin:18px 0;padding:14px 16px;border:1px solid rgba(34,211,238,.18);border-radius:15px;background:rgba(6,182,212,.07);color:#cffafe;font-weight:800;line-height:1.45}
.role-owner,.result-focus-player{display:flex;justify-content:center;margin:0 auto 18px}.role-owner .avatar,.result-focus-player .avatar{width:58px;height:58px}.role-owner .nick,.result-focus-player .nick{font-size:18px}.result-focus-player{width:max-content;padding:13px 16px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(255,255,255,.055)}.wyr-profile{display:flex;align-items:center;gap:12px}
@keyframes identityCardIn{from{opacity:0;transform:translateY(12px) rotate(-1.5deg) scale(.96)}to{opacity:1;transform:none}}@keyframes activePlayerPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.owned-cosmetics-panel{margin-top:18px}.cosmetic-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin-top:14px}.owned-cosmetic-card{display:grid;padding:8px;gap:8px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:rgba(255,255,255,.035);text-align:left;transition:transform .2s,border-color .2s,box-shadow .2s}.owned-cosmetic-card:hover{transform:translateY(-3px);border-color:rgba(103,232,249,.46);box-shadow:0 12px 25px rgba(0,0,0,.2)}.owned-cosmetic-copy{display:grid;padding:2px 3px 3px;gap:4px}.owned-cosmetic-copy b{font-size:12px;line-height:1.15}.owned-cosmetic-copy small{color:#94a3b8;font-size:8px;font-weight:1000;letter-spacing:.12em}.equipped-cosmetic{border-color:rgba(34,197,94,.4)!important;background:rgba(21,128,61,.1)!important;opacity:1!important}.equipped-cosmetic .owned-cosmetic-copy small{color:#86efac}
.progression-modal{width:min(980px,100%)}.road-current{display:flex;margin:17px 0;padding:14px;align-items:center;gap:13px;border:1px solid rgba(103,232,249,.18);border-radius:15px;background:rgba(6,182,212,.065)}.road-current>div{display:grid;flex:1;gap:8px}.trophy-road{display:grid;max-height:510px;padding:4px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;overflow:auto}.road-node{display:grid;min-height:198px;padding:9px;place-items:center;gap:6px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.035);text-align:center;transition:.2s ease}.road-node:hover{transform:translateY(-2px);border-color:rgba(167,139,250,.38)}.road-node>span,.road-node>small{color:#94a3b8;font-size:9px;font-weight:900;letter-spacing:.09em}.road-node>.compact-preview{width:100%;min-height:112px}.road-node>b{font-size:12px;line-height:1.15}.road-node.claimed{border-color:rgba(34,197,94,.34);background:linear-gradient(145deg,rgba(21,128,61,.2),rgba(255,255,255,.035))}.road-node.locked{opacity:.56;filter:saturate(.65)}.coin-reward-preview{position:relative;display:grid;width:100%;min-height:112px;place-items:center;border:1px solid rgba(250,204,21,.16);border-radius:14px;background:radial-gradient(circle,rgba(250,204,21,.18),rgba(255,255,255,.025));overflow:hidden}.coin-reward-preview i,.coin-reward-preview strong{position:absolute;display:grid;width:43px;height:43px;place-items:center;border:2px solid #fde68a;border-radius:50%;background:linear-gradient(145deg,#f59e0b,#92400e);color:#fef3c7;font-style:normal;font-weight:1000;box-shadow:0 0 18px rgba(245,158,11,.42)}.coin-reward-preview i:first-child{margin-left:-42px;margin-top:20px;transform:scale(.72) rotate(-12deg);opacity:.7}.coin-reward-preview i:nth-child(2){margin-left:42px;margin-top:18px;transform:scale(.82) rotate(10deg);opacity:.84}.coin-reward-preview strong{z-index:1;animation:coinHover 2s ease-in-out infinite}.identity-card-name{display:flex;max-width:100%;align-items:center;gap:6px}
.levelBronzeFrame{border-color:#f59e0b;box-shadow:0 0 17px rgba(245,158,11,.48)}.levelVioletNick{color:#e879f9;text-shadow:0 0 12px rgba(217,70,239,.78);animation:levelElectric 1.7s infinite}.levelBlazeFrame{border-color:#fb7185;box-shadow:0 0 22px rgba(249,115,22,.75);animation:levelInferno 1.25s infinite}.levelCometAura{box-shadow:0 0 25px rgba(34,211,238,.72),0 0 46px rgba(139,92,246,.42);animation:levelElectric 1.7s infinite}.levelChampionNick{color:transparent;background:linear-gradient(90deg,#fde68a,#fb7185,#c4b5fd,#fde68a);background-size:260%;background-clip:text;animation:slide 2s linear infinite}.levelPrismFrame{border-color:#e879f9;box-shadow:0 0 24px rgba(217,70,239,.72),0 0 42px rgba(34,211,238,.4);animation:levelNova 2s linear infinite}.levelNovaAura{box-shadow:0 0 29px rgba(244,114,182,.78),0 0 56px rgba(34,211,238,.62),0 0 78px rgba(250,204,21,.2);animation:levelNova 1.6s linear infinite}
@keyframes levelElectric{0%,100%{filter:brightness(1)}47%{filter:brightness(1.55)}53%{filter:brightness(.9)}}@keyframes levelInferno{0%,100%{filter:brightness(1);transform:translateY(0)}50%{filter:brightness(1.35);transform:translateY(-1px)}}@keyframes levelNova{to{filter:hue-rotate(360deg);background-position:220%}}
@keyframes previewSpin{to{transform:rotate(342deg)}}@keyframes previewBreath{50%{opacity:.56;transform:scale(1.18)}}@keyframes previewFloat{50%{transform:translateY(-9px) scale(1.25);opacity:.55}}@keyframes coinHover{50%{transform:translateY(-5px) rotate(4deg);filter:brightness(1.18)}}
@media(max-width:720px){.bid-entry{display:grid;max-width:100%;grid-template-columns:minmax(0,112px) auto}.identity-table{padding:16px 12px}.identity-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.identity-player-card{min-height:190px;padding:16px 9px 12px}.identity-avatar{width:56px;height:56px}.identity-card-word{font-size:14px}.identity-player-card .nick{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wyr-profile{width:100%;justify-content:space-between}}
@media(max-width:720px){.brand-zone{gap:4px}.level-progress-button{padding:5px 6px}.level-progress-copy{display:none}.trophy-road{grid-template-columns:repeat(2,minmax(0,1fr))}.road-node{min-height:185px}.account-button .level-badge{display:none}.cosmetic-list{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Każdy tryb ma własny stół i charakter planszówki. */
.board-shell{position:relative;isolation:isolate}.board-shell:before{position:fixed;inset:58px 0 0;z-index:-1;pointer-events:none;content:"";opacity:.52}.prove-page:before{background:radial-gradient(ellipse at center,rgba(8,145,178,.23),transparent 58%)}.impostor-board:before{background:radial-gradient(ellipse at center,rgba(127,29,29,.28),transparent 62%)}.question-board:before{background:radial-gradient(ellipse at center,rgba(190,24,93,.17),transparent 62%)}.vote-board:before{background:radial-gradient(ellipse at center,rgba(194,65,12,.2),transparent 62%)}.friendship-board:before{background:radial-gradient(ellipse at center,rgba(219,39,119,.18),transparent 62%)}.choice-board:before{background:radial-gradient(ellipse at center,rgba(8,145,178,.2),rgba(190,24,93,.12),transparent 68%)}
.prove-board-head{border-color:rgba(34,211,238,.2);background:linear-gradient(135deg,rgba(8,47,73,.9),rgba(15,18,34,.9))}.prove-table,.question-table,.vote-table,.friendship-table{position:relative;margin:18px 0;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:34px;overflow:hidden;box-shadow:inset 0 0 56px rgba(0,0,0,.22),0 18px 48px rgba(0,0,0,.16)}.prove-table{min-height:270px;background:radial-gradient(circle at center,rgba(8,145,178,.2),rgba(8,47,73,.64)),repeating-linear-gradient(45deg,transparent 0 18px,rgba(255,255,255,.018) 18px 20px)}.prove-table>i{position:absolute;width:28px;height:28px;border:5px solid rgba(103,232,249,.42);border-radius:50%;box-shadow:0 0 0 5px rgba(8,47,73,.76),0 0 16px rgba(34,211,238,.22)}.prove-table>i:nth-child(1){top:17px;left:19px}.prove-table>i:nth-child(2){top:17px;right:19px}.prove-table>i:nth-child(3){right:19px;bottom:17px}.prove-table>i:nth-child(4){bottom:17px;left:19px}.prove-turn-card{position:relative;z-index:1;max-width:900px;margin:10px auto;border-color:rgba(103,232,249,.2);background:rgba(8,15,30,.82);backdrop-filter:blur(10px)}.prove-page .player-card{background:linear-gradient(145deg,rgba(8,47,73,.56),rgba(255,255,255,.04))}
.impostor-board .secret-strip{border-color:rgba(248,113,113,.22);background:linear-gradient(135deg,rgba(127,29,29,.5),rgba(15,18,34,.88))}.impostor-board .impostor-players{padding:14px;border:1px solid rgba(248,113,113,.12);border-radius:24px;background:rgba(69,10,10,.18);box-shadow:inset 0 0 35px rgba(0,0,0,.26)}.impostor-board .impostor-player{background:linear-gradient(145deg,rgba(127,29,29,.24),rgba(255,255,255,.045))}.impostor-board .impostor-main,.impostor-board .result-card{border-color:rgba(248,113,113,.2);background:linear-gradient(145deg,rgba(69,10,10,.3),rgba(15,18,34,.93))}.impostor-board .clue{border-left:3px solid rgba(248,113,113,.42);background:rgba(255,255,255,.055)}
.question-table{background:radial-gradient(circle at center,rgba(190,24,93,.15),rgba(76,29,149,.22)),repeating-linear-gradient(0deg,transparent 0 26px,rgba(255,255,255,.018) 26px 28px)}.question-table>.panel{position:relative;z-index:1;max-width:960px;margin:0 auto;border-color:rgba(244,114,182,.2);background:rgba(30,12,41,.84)}.question-board .answer-board article{position:relative;min-height:130px;padding:18px;border-color:rgba(244,114,182,.22);border-radius:8px 8px 18px 8px;background:linear-gradient(145deg,rgba(80,7,36,.62),rgba(255,255,255,.065));box-shadow:0 10px 18px rgba(0,0,0,.14);animation:noteDrop .3s cubic-bezier(.16,1,.3,1) both}.question-board .answer-board article:nth-child(even){transform:rotate(1deg)}.question-board .answer-board article:nth-child(odd){transform:rotate(-1deg)}.question-board .answer-board article:before{position:absolute;top:7px;right:9px;width:9px;height:9px;border-radius:50%;background:#f9a8d4;box-shadow:0 0 10px rgba(244,114,182,.7);content:""}
.vote-table{background:radial-gradient(circle at center,rgba(194,65,12,.2),rgba(69,10,10,.25)),repeating-radial-gradient(circle at center,transparent 0 50px,rgba(251,146,60,.035) 51px 53px)}.vote-table>.phase-card{position:relative;z-index:1;border-color:rgba(251,146,60,.22);background:rgba(41,18,16,.84)}.vote-board .vote-grid button{min-height:84px;border-color:rgba(251,146,60,.18);background:linear-gradient(145deg,rgba(154,52,18,.34),rgba(255,255,255,.05))}.vote-board .vote-grid button:hover{border-color:rgba(251,146,60,.66);box-shadow:0 12px 24px rgba(194,65,12,.2)}.vote-board .result-player-grid article{background:linear-gradient(145deg,rgba(124,45,18,.3),rgba(255,255,255,.05))}
.friendship-table{background:radial-gradient(circle at center,rgba(219,39,119,.15),rgba(88,28,135,.23)),repeating-linear-gradient(135deg,transparent 0 24px,rgba(255,255,255,.018) 24px 26px)}.friendship-table>.phase-card{position:relative;z-index:1;border-color:rgba(240,171,252,.22);background:rgba(31,14,48,.84)}.friendship-board .anonymous-answer{position:relative;border-radius:9px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(124,58,237,.2));box-shadow:0 14px 26px rgba(0,0,0,.18);transform:rotate(-.6deg)}.friendship-board .anonymous-answer:before{position:absolute;top:-8px;left:calc(50% - 32px);width:64px;height:17px;background:rgba(254,240,138,.63);content:"";transform:rotate(1.5deg)}.friendship-board .vote-grid button{border-color:rgba(240,171,252,.18);background:linear-gradient(145deg,rgba(88,28,135,.42),rgba(255,255,255,.045))}
.wyr-mood-tabs{display:flex;flex-wrap:wrap;gap:8px}.mood-tab{padding:9px 12px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.055);font-size:13px;font-weight:900}.mood-tab.active{border-color:rgba(103,232,249,.54);background:linear-gradient(135deg,rgba(124,58,237,.58),rgba(8,145,178,.48));box-shadow:0 8px 20px rgba(8,145,178,.14)}.mood-tab[data-wyr-category="18+"]{border-color:rgba(244,114,182,.24);background:rgba(190,24,93,.11)}.mood-tab[data-wyr-category="18+"].active{border-color:rgba(244,114,182,.68);background:linear-gradient(135deg,rgba(190,24,93,.72),rgba(124,58,237,.58));box-shadow:0 8px 22px rgba(190,24,93,.2)}.wyr-mood-badge{margin-left:auto}.choice-board .wyr-stage{position:relative;margin-top:14px;padding:25px;border:1px solid rgba(255,255,255,.08);border-radius:34px;background:radial-gradient(circle at center,rgba(124,58,237,.15),rgba(15,18,34,.62));box-shadow:inset 0 0 42px rgba(0,0,0,.16)}.choice-board .wyr-card{box-shadow:0 16px 35px rgba(0,0,0,.19)}
@keyframes noteDrop{from{opacity:.3;transform:translateY(-10px) rotate(-3deg) scale(.96)}to{opacity:1}}
@media(max-width:720px){.prove-table,.question-table,.vote-table,.friendship-table{padding:13px;border-radius:24px}.question-board .answer-board article:nth-child(n){transform:none}.wyr-mood-badge{margin-left:0}.wyr-mood-tabs{gap:6px}.mood-tab{padding:8px 10px;font-size:12px}.choice-board .wyr-stage{padding:15px}}