*{box-sizing:border-box}html,body{margin:0;height:100%;background:#14121c;color:#f2f0f8;font-family:system-ui,sans-serif;overflow:hidden}#view{display:block;width:100vw;height:100vh}#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);padding:8px 14px;border-radius:8px;background:#000a;opacity:0;transition:opacity .2s;pointer-events:none}#toast.show{opacity:1}button:focus-visible{outline:2px solid #ffcc55;outline-offset:2px}kbd{display:inline-block;padding:1px 6px;border-radius:4px;background:#2c2838;border:1px solid #4a4560;font:12px monospace}#hud{position:fixed;top:10px;left:0;right:0;display:flex;justify-content:center;gap:10px;pointer-events:none}#hud[hidden]{display:none}.card{min-width:120px;padding:6px 10px;border-radius:8px;background:#0008;border-left:4px solid var(--c)}.card b{color:var(--c);font-size:13px}.card.dead{opacity:.4}.hp{height:6px;background:#333;border-radius:3px;margin:4px 0;overflow:hidden}.hp i{display:block;height:100%;background:var(--c)}.wins{font-size:12px;color:var(--c);letter-spacing:2px}#banner{position:fixed;top:22%;left:0;right:0;text-align:center;font-size:40px;font-weight:900;letter-spacing:2px;text-shadow:0 4px 0 #000a;pointer-events:none}.card.held{animation:held .25s steps(2) infinite}.perks{display:flex;gap:2px;margin-top:3px;min-height:0}.perk{position:relative;width:18px;height:18px}.perk .icon{width:18px;height:18px}.perk sub{position:absolute;right:-3px;bottom:-4px;font:700 9px system-ui;color:#fff;text-shadow:0 1px 0 #000}#pick{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;background:radial-gradient(ellipse at center,#0d0b14bb 20%,#0d0b14ee);pointer-events:none}#pick[hidden]{display:none}.pick-head{text-align:center}.pick-head b{display:block;font-size:34px;font-weight:900;letter-spacing:3px;text-shadow:0 4px 0 #000a}.pick-head small{color:#b9b4cc}.pick-time{width:min(420px,80vw);height:6px;border-radius:3px;background:#2c2838;overflow:hidden}.pick-time i{display:block;height:100%;background:#ffd23f;transition:width .1s linear}.pick-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;max-width:100%}.pick-panel{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;border-radius:12px;background:#0009;border:2px solid var(--c)}.pick-panel.winner{justify-content:center;opacity:.7;min-width:140px}.pick-name{color:var(--c);letter-spacing:1px}.pick-wait{font-size:13px;color:#b9b4cc;text-align:center}.pick-cards{display:flex;gap:8px}.pcard{width:118px;padding:8px 6px;border-radius:10px;background:#221e30;border:2px solid #3a3550;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .12s,border-color .12s,opacity .2s}.pcard .icon{width:46px;height:46px}.pcard b{font-size:13px}.pcard span{font-size:11px;color:#c9c4dc;line-height:1.25;min-height:2.5em}.pcard em{font-style:normal;font-size:11px;color:#ffd23f;letter-spacing:2px}.pcard.on{transform:translateY(-8px) scale(1.04);border-color:var(--c);box-shadow:0 0 16px var(--c)}.pick-panel.done .pcard:not(.chosen){opacity:.25}.pick-ok{position:absolute;top:-12px;right:-10px;width:26px;height:26px;border-radius:50%;display:none;place-items:center;font-style:normal;font-weight:900;background:var(--c);color:#0b0912;border:2px solid #0b0912}.pick-panel.done .pick-ok{display:grid}@media(max-width:700px){.pcard{width:92px}.pcard span{display:none}.pick-head b{font-size:24px}}@keyframes held{50%{background:#fff3}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,#0008 100%)}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px;text-align:center}.screen[hidden],dialog:not([open]){display:none}#lobby,#mode,#results{background:radial-gradient(ellipse at center,#0d0b14aa 30%,#0d0b14ee)}#lobby{justify-content:flex-start;gap:12px;overflow-y:auto;padding:16px}#lobby>h2{margin-block-start:auto}#lobby>.sub{margin-block-end:auto}#title{background:linear-gradient(180deg,#0d0b1400 40%,#0d0b14cc);justify-content:flex-end;padding-bottom:9vh}h2{margin:0;font-size:34px;font-weight:900;letter-spacing:1px}.sub{margin:0;color:#b8b2cc;font-size:14px}.row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}button{font:inherit;padding:10px 18px;border-radius:10px;border:2px solid #4a4560;background:#2c2838ee;color:#f2f0f8;font-weight:800;cursor:pointer;transition:transform .12s,box-shadow .12s,background .12s}button:hover:not(:disabled),button:focus-visible{transform:translateY(-2px) scale(1.03);border-color:#ffd23f;box-shadow:0 0 0 3px #ffd23f55,0 8px 24px #0008;outline:none}button:disabled{opacity:.45;cursor:default}button.primary{background:#ffd23f;color:#14121c;border-color:#ffd23f}button.big{font-size:22px;padding:14px 44px;border-radius:14px;letter-spacing:2px}button.ghost{background:transparent;border-color:transparent;color:#b8b2cc}button.google{background:#fff;color:#1f1f1f;border-color:#fff}button.google:before{content:"G";display:inline-block;margin-right:10px;font-weight:900;background:conic-gradient(#ea4335 0,#ea4335 25%,#fbbc05 0,#fbbc05 50%,#34a853 0,#34a853 75%,#4285f4 0);-webkit-background-clip:text;color:transparent}.logo{margin:0;display:flex;gap:2px;font-size:clamp(54px,11vw,132px);font-weight:900;letter-spacing:2px;-webkit-text-stroke:4px #0b0912;paint-order:stroke fill;filter:drop-shadow(0 8px 0 #0b0912aa)}.logo span{display:inline-block;animation:hop 2.4s ease-in-out infinite;position:relative}.logo span:after{content:"";position:absolute;left:50%;bottom:-6px;width:26%;height:18%;border-radius:50%;background:currentColor;opacity:.85;transform:translate(-50%) scale(0);animation:drip 2.4s ease-in-out infinite;animation-delay:inherit}.logo .fighter:after{display:none}.logo .fighter i{display:inline-block;position:relative;width:.42em;height:0;vertical-align:baseline}.logo .fighter canvas{position:absolute;margin-left:.21em;pointer-events:none}@keyframes hop{0%,70%,to{transform:translateY(0) rotate(var(--r, 0deg))}80%{transform:translateY(-14px) rotate(calc(var(--r, 0deg) * -1))}}@keyframes drip{0%,75%{transform:translate(-50%) scale(0)}85%{transform:translate(-50%) scale(1.2,.6)}to{transform:translate(-50%) scale(0)}}.tag{margin:0 0 6px;color:#e8e4f4;font-weight:700;text-shadow:0 2px 6px #000}#tagline{display:inline-block;position:relative;top:-14px;color:#ffe14d;font-size:18px;text-shadow:2px 2px 0 #3a3000,0 2px 8px #000;transform:rotate(-3deg);animation:splash .55s ease-in-out infinite alternate}@keyframes splash{0%{transform:rotate(-3deg) scale(1)}to{transform:rotate(-3deg) scale(1.08)}}@media(prefers-reduced-motion:reduce){#tagline{animation:none}}.menu{display:flex;flex-direction:column;gap:12px;align-items:center}#playBtn{animation:pulse 1.6s ease-in-out infinite;font-size:30px;padding:16px 70px}@keyframes pulse{50%{box-shadow:0 0 0 10px #ffd23f22,0 0 40px #ffd23f66}}.press{margin:0;color:#b8b2cc;font-size:13px;animation:blink 1.6s steps(2) infinite}@keyframes blink{50%{opacity:.4}}#top3{position:fixed;left:18px;bottom:18px;min-width:220px;padding:12px 14px;border-radius:12px;background:#0d0b14cc;border:1px solid #ffffff1a;text-align:left}#top3 h3{margin:0 0 6px;font-size:14px}#top3 ol{margin:0;padding-left:20px;font-size:14px}#top3 li b{color:#ffd23f}#top3 small{color:#8a84a0}#profile{position:fixed;top:14px;right:16px;display:flex;gap:8px;align-items:center;z-index:5}#profile[hidden]{display:none}.lang{position:fixed;top:14px;left:16px;z-index:6}.lang-current{display:flex;gap:8px;align-items:center;height:46px;padding:0 14px 0 10px;border-radius:999px;background:#0d0b14cc;font-size:14px;letter-spacing:1px}.lang-caret{font-style:normal;font-size:11px;color:#b8b2cc}.lang-list{position:absolute;top:calc(100% + 6px);left:0;min-width:220px;padding:6px;border-radius:12px;background:#1c1928f2;border:1px solid #ffffff1a;box-shadow:0 10px 30px #0008;display:flex;flex-direction:column;gap:2px}.lang-list[hidden]{display:none}.lang-list button{display:flex;gap:10px;align-items:center;width:100%;padding:8px 10px;border:2px solid transparent;border-radius:8px;background:transparent;text-align:left;font-size:14px}.lang-list button:hover,.lang-list button:focus-visible{transform:none;background:#ffffff12;border-color:transparent}.lang-list span{flex:1;white-space:nowrap}.lang-check{font-style:normal;color:#ffd23f;visibility:hidden}.lang-list button[aria-selected=true] .lang-check{visibility:visible}.lang .flag{display:block;width:27px;height:18px;border-radius:3px;box-shadow:0 0 0 1px #0006}.chip{display:flex;gap:10px;align-items:center;padding:6px 12px 6px 6px;border-radius:999px;background:#0d0b14cc}.avatar{width:34px;height:34px;border-radius:50%;background:var(--c, #ff4d5e);border:3px solid #0b0912;display:grid;place-items:center;font-size:18px;line-height:1}.who{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-size:13px}.who small{color:#b8b2cc;font-weight:700}.xp{display:block;width:110px;height:5px;background:#fff2;border-radius:3px;overflow:hidden}.xp em{display:block;height:100%;width:0;background:linear-gradient(90deg,#4ee28a,#ffd23f);transition:width .6s}.cta-glow{background:linear-gradient(90deg,#ff4d5e,#c77dff);border-color:transparent;animation:glow 2.4s ease-in-out infinite}@keyframes glow{50%{box-shadow:0 0 22px #c77dffaa}}.cards{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.mode-card{position:relative;width:230px;min-height:190px;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;border-radius:16px;background:#1c1928ee}.mode-card .ico{font-size:48px}.mode-card b{font-size:22px}.mode-card span:last-of-type{color:#b8b2cc;font-weight:600;font-size:13px}#slots,#roomSlots{display:grid;width:min(100%,590px);grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:136px;gap:10px;margin:6px 0}.slot{min-width:0;min-height:0;overflow:hidden;border:2px dashed #4a4560;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px;color:#8a84a0;background:#0d0b1488}.slot.on{border:2px solid var(--c);color:#fff;box-shadow:0 0 18px var(--c);animation:joined .35s ease-out}.slot.on b{color:var(--c)}.slot span{font-size:12px;line-height:1.25}@keyframes joined{0%{transform:scale(.85)}60%{transform:scale(1.06)}}#startHint{min-height:2.5em;max-width:min(100%,560px);margin:0;font-weight:700;color:#ffd23f}.kicker{margin:0;letter-spacing:6px;font-weight:900;color:#b8b2cc}#winnerName{font-size:clamp(40px,7vw,76px);-webkit-text-stroke:3px #0b0912;paint-order:stroke fill;animation:win .6s ease-out}@keyframes win{0%{transform:scale(.3) rotate(-8deg);opacity:0}70%{transform:scale(1.12) rotate(2deg)}}#xpCard,#invite{width:min(520px,92vw);padding:14px 18px;border-radius:14px;background:#0d0b14d9;border:1px solid #ffffff1a;text-align:left}#xpCard[hidden],#invite[hidden],#unlock[hidden]{display:none}.xp-row{display:flex;justify-content:space-between;font-weight:900}#xpGain{color:#4ee28a}.xp-bar{height:12px;margin:8px 0;background:#ffffff1a;border-radius:6px;overflow:hidden}.xp-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#4ee28a,#ffd23f);transition:width 1.2s cubic-bezier(.2,.8,.2,1)}#xpLines{margin:0;padding-left:18px;color:#b8b2cc;font-size:13px}#unlock{margin-top:10px;padding:10px;border-radius:10px;background:linear-gradient(90deg,#ffd23f33,#c77dff33);font-weight:800;animation:win .6s ease-out}#invite{border-color:#c77dff88;box-shadow:0 0 30px #c77dff33}#invite p{margin:0 0 10px;font-weight:700}dialog{position:fixed;border:1px solid #ffffff22;border-radius:18px;background:#16131f;color:#f2f0f8;width:min(560px,92vw);max-height:88vh;overflow:auto;padding:24px;box-shadow:0 30px 80px #000c}dialog::backdrop{background:#07060bcc;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog[open]{display:flex;flex-direction:column;gap:12px;animation:pop .22s ease-out}@keyframes pop{0%{transform:scale(.94);opacity:0}}dialog form,dialog>div{display:flex;flex-direction:column;gap:12px}dialog form[hidden],dialog>div[hidden]{display:none}dialog .x{position:absolute;top:10px;right:10px;padding:4px 10px;background:transparent;border-color:transparent}.perks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;text-align:left}.perks li{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:10px;background:#ffffff0d}.perks li span{font-size:24px}input{font:inherit;padding:12px 14px;border-radius:10px;border:2px solid #4a4560;background:#0d0b14;color:#fff}input:focus{outline:none;border-color:#ffd23f}.tabs{display:flex;gap:6px}.tabs button{flex:1}.tabs button.on{border-color:#ffd23f}#passRules{margin:0;padding-left:0;list-style:none;font-size:13px;color:#ff8a8a}#passRules li.ok{color:#4ee28a}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips button{padding:6px 12px;font-size:13px;border-radius:999px}.status{margin:0;min-height:18px;font-size:13px;font-weight:700}.status.ok{color:#4ee28a}.status.bad{color:#ff8a8a}.error{margin:0;min-height:18px;color:#ff8a8a;font-weight:700}#rankList{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}#rankList li,#rankMe{display:grid;grid-template-columns:40px 1fr 70px 70px;gap:8px;padding:8px 10px;border-radius:8px;background:#ffffff08}#rankList li:nth-child(1){background:#ffd23f2a}#rankList li:nth-child(2){background:#c0c8d82a}#rankList li:nth-child(3){background:#d0884a2a}#rankMe{background:#4ee28a22;border:1px solid #4ee28a66}#rankMe[hidden]{display:none}.hats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.hats button{display:flex;flex-direction:column;gap:4px;align-items:center;font-size:13px}.hats button .h{font-size:26px}.hats button.sel{border-color:#4ee28a}@media(max-width:700px){#slots{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-card{width:100%;min-height:120px}}.confetti{position:fixed;top:-12px;width:9px;height:14px;border-radius:3px;z-index:50;pointer-events:none;animation:fall 2.2s cubic-bezier(.3,.6,.5,1) forwards}@keyframes fall{to{transform:translate(var(--x),105vh) rotate(720deg)}}.hats small{color:#8a84a0;font-weight:600}.icon{width:22px;height:22px;vertical-align:-5px;margin-right:8px;flex:none}.mode-card .ico .icon{width:72px;height:72px;margin:0}.perks li>span{width:40px;height:40px;flex:none;display:grid;place-items:center;background:center / contain no-repeat}.perks li>span .icon{width:36px;height:36px;margin:0}h2 .icon,h3 .icon{width:30px;height:30px;vertical-align:-6px}#top3 h3 .icon{width:20px;height:20px;vertical-align:-4px}.avatar{background:#2c2838 center / 130% no-repeat}.slot{position:relative}.slot .face{width:54px;height:54px;margin:-6px auto 2px;image-rendering:auto}.slot .chips{display:flex;flex-wrap:wrap;gap:4px}.slot.bot{gap:3px}.slot.bot .face{width:38px;height:38px;margin:-4px auto 0}.slot.bot b{font-size:14px;line-height:1.2}.slot.bot .tagbot{position:absolute;top:8px;right:8px}.botchip{padding:2px 9px;border-radius:999px;border-width:1px;font-size:11px;font-weight:800;background:#14121ccc;color:#fff}.botchip:hover:not(:disabled),.botchip:focus-visible{transform:none;border-color:var(--c)}.tagbot{font-style:normal;font-size:10px;font-weight:900;padding:2px 6px;border-radius:4px;background:var(--c);color:#14121c;vertical-align:2px}.hats button .h{position:relative;display:grid;place-items:center;width:64px;height:64px}.hats button .h img{width:64px;height:64px}.hats button .h .icon{position:absolute;right:-4px;bottom:-2px;width:26px;height:26px;margin:0}.hats button:disabled .h img{filter:grayscale(1) brightness(.6)}.hat-big{width:120px;height:120px;align-self:center;animation:win .6s ease-out}#unlock{display:flex;align-items:center;gap:10px}#unlock img{width:48px;height:48px}.how{display:flex;flex-direction:column;gap:10px;text-align:left}.how section{padding:10px 12px;border-radius:10px;background:#ffffff08}.how h3{margin:0 0 4px;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#ffd23f}.how p{margin:0;color:#d8d4e6;font-size:14px;line-height:1.5}.keys{width:100%;border-collapse:collapse;font-size:13px;color:#d8d4e6}.keys th{text-align:left;color:#8a84a0;font-weight:700;padding:4px 6px}.keys td{padding:5px 6px;border-top:1px solid #ffffff10}.perks li p{margin:0}.avatar{background-size:210%;background-position:50% 78%}.hats button.excl{border-color:#c79a2a;background:linear-gradient(160deg,#2c2838,#3a2e18)}.hats button.excl:disabled .h img{filter:brightness(0) opacity(.6)}.hats button small{font-size:11px;line-height:1.3}#unlock.excl{background:linear-gradient(90deg,#ffd23f55,#ff9f4344);border:1px solid #ffd23f}#unlock.excl small{display:block;letter-spacing:3px;color:#ffd23f;font-size:11px}#unlock.excl img{width:64px;height:64px}.guestbox{display:flex;flex-direction:column;gap:4px;align-items:center;margin-bottom:8px}.guestbox input,.joinrow input{font:inherit;font-size:18px;font-weight:800;padding:10px 14px;border-radius:10px;border:2px solid #4a4560;background:#0d0b14cc;color:#fff;text-align:center;width:220px}.guestbox input:focus,.joinrow input:focus{outline:none;border-color:#ffd23f}.guestbox small{color:#b8b2cc;font-size:12px}.joinrow input{text-transform:uppercase;letter-spacing:4px;width:170px}.roomcode{display:flex;gap:12px;align-items:center;justify-content:center;margin-bottom:8px}.roomcode span{color:#b8b2cc;font-size:12px;font-weight:800;letter-spacing:2px}.roomcode b{font-size:32px;letter-spacing:6px;color:#ffd23f;text-shadow:0 0 18px #ffd23f88}.slot.gone{opacity:.5}.slot .vote{position:absolute;top:8px;right:10px;font-size:12px;font-weight:900;color:#4ee28a}.slot .host{position:absolute;top:8px;left:10px;width:20px;height:20px}.slot .host .icon{width:20px;height:20px;margin:0}#standings{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:4px;min-width:280px}#standings li{display:flex;gap:10px;align-items:center;padding:6px 12px;border-radius:10px;background:#0d0b14aa;border-left:4px solid var(--c);font-weight:700}#standings li .pl{width:26px;color:#ffd23f;font-weight:900}#standings li .nm{flex:1;color:var(--c)}#standings li.me{outline:2px solid #ffffff55}#standings li .pt{color:#4ee28a;font-size:13px}