:root{--bg: #131019;--bg-soft: #1d1729;--bg-card: #251d35;--ink: #f6f1ff;--muted: #9b90b8;--pink: #ff4f79;--pink-deep: #c92558;--pink-dark: #8e1a40;--teal: #2ee6a8;--teal-deep: #0fa877;--teal-dark: #0b6e4f;--gold: #ffc83d;--gold-deep: #d99a00;--display: "Lilita One", system-ui, sans-serif;--body: "Atkinson Hyperlegible", system-ui, sans-serif;--radius: 22px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--body);overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(900px 600px at -10% -10%,rgba(255,79,121,.18),transparent 60%),radial-gradient(900px 600px at 110% 110%,rgba(46,230,168,.14),transparent 60%),radial-gradient(700px 500px at 110% -10%,rgba(255,200,61,.07),transparent 60%);z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:0}.shell{position:relative;z-index:1;max-width:880px;margin:0 auto;padding:20px 24px 40px;display:flex;flex-direction:column;min-height:100vh;gap:24px}.shell--wide{max-width:1280px}.topbar{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--display);font-size:1.5rem;letter-spacing:.04em;color:var(--ink);text-decoration:none;text-shadow:3px 3px 0 rgba(0,0,0,.35)}.logo__w{color:var(--gold);margin:0 .15em;display:inline-block;transform:rotate(-6deg)}.lang-toggle{display:flex;background:var(--bg-soft);border-radius:999px;padding:4px;gap:2px}.lang-toggle__btn{font-family:var(--body);font-weight:700;font-size:.8rem;color:var(--muted);background:none;border:0;border-radius:999px;padding:6px 12px;cursor:pointer}.lang-toggle__btn.is-active{background:var(--gold);color:#2a1c00}.main{flex:1;display:flex;flex-direction:column;justify-content:center;gap:28px}.footer{text-align:center;color:var(--muted);font-size:.8rem;letter-spacing:.08em}.hero{text-align:center;animation:rise .6s cubic-bezier(.2,.8,.2,1) both}.hero__title{font-family:var(--display);font-size:clamp(3rem,9vw,5.5rem);line-height:.95;margin:0;text-transform:uppercase}.hero__line{display:block;text-shadow:5px 5px 0 rgba(0,0,0,.4)}.hero__line--accent{background:linear-gradient(100deg,var(--pink) 35%,var(--gold) 50%,var(--teal) 65%);-webkit-background-clip:text;background-clip:text;color:transparent;transform:rotate(-2deg);filter:drop-shadow(5px 5px 0 rgba(0,0,0,.4))}.hero__tagline{color:var(--muted);font-size:1.05rem;margin-top:14px}.game-card{background:var(--bg-card);border-radius:var(--radius);padding:28px;text-align:center;border:1px solid rgba(255,255,255,.06);box-shadow:0 24px 60px #00000073;animation:rise .6s .12s cubic-bezier(.2,.8,.2,1) both}.game-card__preview{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:14px}.mini{font-family:var(--display);font-size:1.4rem;width:52px;height:52px;display:grid;place-items:center;border-radius:14px;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.3)}.mini--a{background:linear-gradient(145deg,var(--pink),var(--pink-deep));transform:rotate(-5deg)}.mini--b{background:linear-gradient(145deg,var(--teal),var(--teal-deep));transform:rotate(5deg)}.mini-or{font-family:var(--display);color:var(--gold);font-size:1rem}.game-card__title{font-family:var(--display);font-size:2rem;margin:0 0 6px;text-transform:uppercase;letter-spacing:.03em}.game-card__desc{color:var(--muted);max-width:52ch;margin:0 auto 22px}.game-card__actions{display:flex;flex-direction:column;align-items:center;gap:18px}.host-form__label{display:block;color:var(--muted);font-size:.85rem;margin-bottom:8px;text-transform:uppercase;letter-spacing:.12em}.host-form__row{display:flex;align-items:center;background:var(--bg-soft);border-radius:14px;padding:6px 6px 6px 14px;gap:4px;border:1px solid rgba(255,255,255,.08)}.host-form__at{color:var(--muted);font-size:.95rem}.host-form__input{background:none;border:0;outline:0;color:var(--ink);font-family:var(--body);font-size:1rem;width:180px;padding:8px 4px}.host-form__go{font-family:var(--display);font-size:.95rem;background:var(--teal);color:#04301f;border:0;border-bottom:3px solid var(--teal-deep);border-radius:10px;padding:8px 16px;cursor:pointer}.host-form__go:disabled{opacity:.4;cursor:default}.duel{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.duel--stack{grid-template-columns:1fr}.option-card{position:relative;display:flex;align-items:center;justify-content:center;min-height:200px;padding:30px 26px;border-radius:var(--radius);border:0;color:#fff;text-align:center;font-family:var(--display);font-size:clamp(1.2rem,2.4vw,1.9rem);line-height:1.15;text-shadow:2px 2px 0 rgba(0,0,0,.3);transition:transform .15s ease,filter .3s ease,opacity .3s ease}.duel>.option-card:nth-child(1),.room__option:nth-child(1) .option-card{animation:deal-left .45s cubic-bezier(.2,.8,.2,1) backwards}.duel>.option-card:nth-last-child(1),.room__option:nth-last-child(1) .option-card{animation:deal-right .45s cubic-bezier(.2,.8,.2,1) backwards}.option-card--a{background:linear-gradient(145deg,var(--pink),var(--pink-deep));box-shadow:0 8px 0 var(--pink-dark),0 22px 40px #ff4f7940}.option-card--b{background:linear-gradient(145deg,var(--teal),var(--teal-deep));box-shadow:0 8px 0 var(--teal-dark),0 22px 40px #2ee6a838}.option-card.is-clickable{cursor:pointer;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease,filter .3s ease}.option-card--a.is-clickable:hover{transform:translateY(-8px) rotate(-2deg) scale(1.05);box-shadow:0 16px 0 var(--pink-dark),0 34px 60px #ff4f7973}.option-card--b.is-clickable:hover{transform:translateY(-8px) rotate(2deg) scale(1.05);box-shadow:0 16px 0 var(--teal-dark),0 34px 60px #2ee6a866}.option-card.is-clickable:hover .option-card__badge{background:#00000073;transform:rotate(-8deg) scale(1.15)}.option-card__badge{transition:transform .18s cubic-bezier(.34,1.56,.64,1),background .18s ease}.option-card.is-clickable:active{transform:translateY(2px) scale(.98);transition-duration:.06s}.option-card.is-dimmed{filter:saturate(.25) brightness(.6)}.option-card.is-picked{outline:4px solid var(--gold);outline-offset:4px}.option-card__badge{position:absolute;top:14px;left:14px;width:38px;height:38px;display:grid;place-items:center;background:#0000004d;border-radius:12px;font-size:1.2rem}.option-card__text{max-width:26ch}.or-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);z-index:2;width:64px;height:64px;display:grid;place-items:center;background:var(--gold);color:#2a1c00;font-family:var(--display);font-size:1.4rem;border-radius:50%;border:5px solid var(--bg);box-shadow:0 10px 24px #00000080;animation:pop-anchored .4s .25s cubic-bezier(.34,1.56,.64,1) both}.duel--stack .or-badge{position:static;transform:rotate(-8deg);margin:-8px auto}.duel--small .option-card{min-height:120px;font-size:clamp(.95rem,1.6vw,1.25rem);padding:20px}.duel--small .or-badge{width:48px;height:48px;font-size:1rem}.splitbar-row{display:flex;flex-direction:column;gap:6px;animation:rise .5s cubic-bezier(.2,.8,.2,1) both}.splitbar-row__label{font-family:var(--display);letter-spacing:.1em;font-size:.95rem;color:var(--muted)}.splitbar{display:flex;height:52px;border-radius:16px;overflow:hidden;background:var(--bg-soft);border:1px solid rgba(255,255,255,.07)}.splitbar__a,.splitbar__b{display:flex;align-items:center;min-width:56px;transition:width .8s cubic-bezier(.2,.8,.2,1);font-family:var(--display);font-size:1.25rem;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.3)}.splitbar__a{background:linear-gradient(145deg,var(--pink),var(--pink-deep));justify-content:flex-start;padding-left:14px}.splitbar__b{background:linear-gradient(145deg,var(--teal),var(--teal-deep));justify-content:flex-end;padding-right:14px}.splitbar.is-empty .splitbar__a,.splitbar.is-empty .splitbar__b{filter:saturate(.2) brightness(.55)}.bigbtn{font-family:var(--display);font-size:1.2rem;letter-spacing:.06em;padding:14px 36px;border-radius:16px;border:0;cursor:pointer;transition:transform .12s ease}.bigbtn--gold{background:linear-gradient(145deg,var(--gold),#ffb01f);color:#2a1c00;border-bottom:5px solid var(--gold-deep);box-shadow:0 16px 34px #ffc83d40}.bigbtn--twitch{background:linear-gradient(145deg,#9146ff,#772ce8);color:#fff;border-bottom:5px solid #5c16c5;box-shadow:0 16px 34px #9146ff4d}.host-cta{display:flex;flex-direction:column;align-items:center;gap:10px}.bigbtn--ghost{background:var(--bg-soft);color:var(--ink);border:1px solid rgba(255,255,255,.12)}.bigbtn:hover{transform:translateY(-2px)}.bigbtn:active{transform:translateY(2px)}.centerbox{text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;padding:40px 0}.pulse{font-size:2rem;animation:pulse 1s ease-in-out infinite}.banner{background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px 18px;text-align:center;color:var(--muted)}.banner--error{border-color:var(--pink);color:var(--pink)}.results{display:flex;flex-direction:column;gap:18px}.results__meta{text-align:center;color:var(--muted);margin:0}.results__verdict{font-family:var(--display);font-size:clamp(1.3rem,3vw,1.9rem);text-align:center;margin:6px 0 0;color:var(--gold);text-shadow:3px 3px 0 rgba(0,0,0,.35);animation:pop .45s .4s cubic-bezier(.34,1.56,.64,1) both}.results>.bigbtn{align-self:center}.room{display:grid;grid-template-columns:1fr 220px;gap:26px;align-items:start}.room__stage{display:flex;flex-direction:column;gap:18px;min-height:420px;justify-content:center}.room__lobby-title{font-family:var(--display);font-size:clamp(2rem,5vw,3.2rem);margin:0;text-shadow:4px 4px 0 rgba(0,0,0,.4)}.room__voting{display:flex;flex-direction:column;gap:18px}.room__option{display:flex;flex-direction:column;gap:10px}.room__count{font-family:var(--display);font-size:clamp(2.2rem,5vw,3.6rem);text-align:center;line-height:1;text-shadow:4px 4px 0 rgba(0,0,0,.4)}.room__count--a{color:var(--pink)}.room__count--b{color:var(--teal)}.room__live{text-align:center;color:var(--muted);margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.85rem}.room__side{display:flex;flex-direction:column;gap:16px;position:sticky;top:20px}.qr-card{background:#fff;border-radius:18px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#1a1525;box-shadow:0 18px 40px #00000080;transform:rotate(2deg)}.qr-card__url{font-weight:700;font-size:.8rem;word-break:break-all;text-align:center}.qr-card__hint{font-size:.7rem;color:#6d6485;text-transform:uppercase;letter-spacing:.1em}.chat-hint{display:flex;align-items:center;justify-content:center;gap:8px}.chat-hint--side{background:var(--bg-card);border-radius:14px;padding:12px;flex-wrap:wrap}.chat-hint__chip{font-family:var(--display);font-size:1.3rem;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.3)}.chat-hint__chip--a{background:linear-gradient(145deg,var(--pink),var(--pink-deep));transform:rotate(-4deg)}.chat-hint__chip--b{background:linear-gradient(145deg,var(--teal),var(--teal-deep));transform:rotate(4deg)}.chat-hint__or{color:var(--muted);font-family:var(--display)}.chat-hint__label{width:100%;text-align:center;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.chat-hint:not(.chat-hint--side) .chat-hint__label{width:auto;font-size:.9rem}.host-controls{display:flex;flex-direction:column}.host-controls .bigbtn{width:100%}.host-controls__hint{background:var(--bg-card);border:1px dashed var(--gold);border-radius:14px;padding:12px;margin:0;text-align:center;color:var(--gold);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}a.bigbtn{text-decoration:none;display:inline-block}.auth-note{color:var(--muted);margin:0}.linkbtn{background:none;border:0;padding:0;color:var(--gold);font:inherit;cursor:pointer;text-decoration:underline}.linkbtn:disabled{color:var(--muted);cursor:default;text-decoration:none}.accent-gold{color:var(--gold)}.accent-a{color:var(--pink)}.accent-b{color:var(--teal)}.admin{display:flex;flex-direction:column;gap:16px}.admin__title{font-family:var(--display);font-size:1.6rem;margin:0;text-shadow:3px 3px 0 rgba(0,0,0,.35)}.admin__login{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.admin__foot{margin:0}.admin-room{background:var(--bg-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:18px 20px;display:flex;flex-direction:column;gap:12px}.admin-room__head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.admin-room__channel{font-family:var(--display);font-size:1.3rem}.admin-room__link{margin-left:auto;color:var(--teal);font-size:.85rem}.admin-room__question{margin:0;color:var(--muted)}.chip{background:var(--bg-soft);border-radius:999px;padding:3px 12px;font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.chip--voting{color:var(--gold);border:1px solid var(--gold)}.chip--results{color:var(--teal);border:1px solid var(--teal)}.admin-votes{display:flex;flex-wrap:wrap;gap:6px}.vote-chip{font-size:.8rem;padding:3px 10px;border-radius:999px;background:var(--bg-soft)}.vote-chip--a{color:var(--pink);border:1px solid var(--pink-dark)}.vote-chip--b{color:var(--teal);border:1px solid var(--teal-dark)}.admin-users{display:flex;flex-direction:column;gap:8px}.admin-user{display:flex;align-items:center;gap:8px;max-width:360px}.admin-user__name{flex:1;font-size:.9rem}.votebtn{width:40px;height:32px;border:0;border-radius:9px;font-family:var(--display);font-size:1rem;color:#fff;cursor:pointer;text-shadow:1px 1px 0 rgba(0,0,0,.3)}.votebtn--a{background:linear-gradient(145deg,var(--pink),var(--pink-deep))}.votebtn--b{background:linear-gradient(145deg,var(--teal),var(--teal-deep))}.votebtn:disabled{filter:saturate(.2) brightness(.5);cursor:default}.votebtn:not(:disabled):active{transform:translateY(2px)}.admin-users__actions{display:flex;gap:18px;margin-top:4px}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap}.admin-tab{font-family:var(--display);font-size:.9rem;letter-spacing:.04em;background:var(--bg-soft);color:var(--muted);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:7px 18px;cursor:pointer}.admin-tab--active{background:var(--bg-card);color:var(--gold);border-color:var(--gold)}.admin-note{margin:0;color:var(--muted);font-size:.8rem}.statgroup__title{font-family:var(--display);font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:4px 0 0}.statgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.statcard{background:var(--bg-soft);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px}.statcard__value{font-family:var(--display);font-size:1.7rem;color:var(--gold);text-shadow:2px 2px 0 rgba(0,0,0,.3)}.statcard__label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.qbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.qbar__filter{flex:1;min-width:200px;background:var(--bg-card);border:1px solid rgba(255,255,255,.12);border-radius:10px;outline:0;color:var(--ink);font-family:var(--body);font-size:.95rem;padding:9px 14px}.qbar__filter:focus{border-color:var(--gold)}.qtable{width:100%;border-collapse:collapse;background:var(--bg-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);overflow:hidden;font-size:.9rem}.qtable th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.1)}.qtable td{padding:9px 12px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:top}.qtable tbody tr:hover{background:var(--bg-soft)}.qtable__num{text-align:right;color:var(--muted);white-space:nowrap}.qtable__sort{cursor:pointer;-webkit-user-select:none;user-select:none}.qtable__sort:hover{color:var(--gold)}.qtable__vs{color:var(--muted);font-size:.78rem}.qedit{max-width:620px}.qedit__lang{display:flex;flex-direction:column;gap:8px}.qedit__langname{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.qedit__field{background:var(--bg-soft);border:1px solid rgba(255,255,255,.12);border-radius:10px;outline:0;color:var(--ink);font-family:var(--body);font-size:.95rem;padding:9px 12px;resize:vertical}.qedit__field--a:focus{border-color:var(--pink)}.qedit__field--b:focus{border-color:var(--teal)}.qedit__actions{display:flex;align-items:center;justify-content:flex-end;gap:18px}.qedit__actions .linkbtn--danger{margin-right:auto}.linkbtn--danger{color:#ff7a7a}.join{display:flex;flex-direction:column;gap:20px}.join__channel{text-align:center;color:var(--muted);letter-spacing:.04em}.join__channel strong{color:var(--ink)}.join__voting{display:flex;flex-direction:column;gap:16px}.join .option-card{min-height:110px;font-size:1.15rem}.join__login{display:flex;flex-direction:column;align-items:center;gap:6px}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{opacity:0;transform:scale(.4) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(-8deg)}}@keyframes pop-anchored{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-8deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-8deg)}}.duel--stack .or-badge{animation:none}@keyframes deal-left{0%{opacity:0;transform:translate(-40px) rotate(-3deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes deal-right{0%{opacity:0;transform:translate(40px) rotate(3deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@media(max-width:860px){.room{grid-template-columns:1fr}.room__side{position:static;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}.host-controls{flex:1 1 100%;align-items:center}.host-controls .bigbtn{width:auto}}@media(max-width:640px){.duel:not(.duel--stack){grid-template-columns:1fr}.duel:not(.duel--stack) .or-badge{position:static;transform:rotate(-8deg);margin:-6px auto;animation:none}.option-card{min-height:140px}.hero__title{font-size:3rem}}.more-games{margin-top:36px;animation:rise .6s .2s cubic-bezier(.2,.8,.2,1) both}.more-games__title{font-family:var(--display);color:var(--muted);font-size:1.1rem;letter-spacing:.04em;text-transform:uppercase;margin:0 0 14px;text-align:center}.more-games__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.minicard{display:flex;flex-direction:column;gap:8px;background:var(--bg-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:20px;text-decoration:none;color:var(--ink);transition:transform .15s,border-color .15s}.minicard:hover{transform:translateY(-3px);border-color:var(--gold)}.minicard__title{font-family:var(--display);font-size:1.4rem;margin:0}.minicard__desc{color:var(--muted);font-size:.9rem;margin:0;flex:1}.minicard__cta{font-weight:700;color:var(--gold)}@media(max-width:560px){.more-games__grid{grid-template-columns:1fr}}