:root{--bg: #0e0a1f;--bg-2: #1a1236;--card: #241a4d;--card-2: #2f2463;--line: rgba(255, 255, 255, .12);--ink: #fff8ec;--muted: #b3a8d9;--pink: #ff3d8b;--cyan: #23e0d0;--yellow: #ffd23f;--violet: #8b6cff;--green: #3be38b;--red: #ff5a5f;--display: "Bricolage Grotesque", "Segoe UI", "Samsung One", system-ui, sans-serif;--body: "Figtree", "Segoe UI", "Samsung One", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}body{min-height:100vh;background:radial-gradient(60rem 40rem at 110% -10%,rgba(255,61,139,.22),transparent 60%),radial-gradient(50rem 40rem at -10% 110%,rgba(139,108,255,.25),transparent 60%),var(--bg);background-attachment:fixed}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}.logo{font-family:var(--display);font-weight:800;letter-spacing:-.03em;line-height:1;white-space:nowrap}.logo b{display:inline-block;margin-left:.18em;padding:.06em .22em .1em;border-radius:.22em;background:var(--yellow);color:var(--bg);transform:rotate(-5deg);box-shadow:.08em .08em 0 var(--pink)}.opt-0{--c: var(--pink)}.opt-1{--c: var(--cyan)}.opt-2{--c: var(--yellow)}.opt-3{--c: var(--violet)}@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}@keyframes rise{0%{transform:translateY(1.5rem);opacity:0}to{transform:none;opacity:1}}@keyframes pulse{50%{transform:scale(1.05)}}@keyframes fall{to{transform:translateY(110vh) rotate(540deg)}}@keyframes spin{to{transform:rotate(360deg)}}.pop{animation:pop .45s cubic-bezier(.2,.9,.3,1.2) both}.rise{animation:rise .4s ease-out both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}html{font-size:16px;-webkit-text-size-adjust:100%}body{-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.m-page{max-width:30rem;margin:0 auto;min-height:100vh;min-height:100dvh;padding:1rem 1rem 5rem;display:flex;flex-direction:column;gap:1rem}.m-center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.9rem}.m-page.m-center{justify-content:center}.m-head{display:flex;justify-content:center;padding:1.5rem 0 .5rem;font-size:2.2rem}.m-bar{display:flex;justify-content:space-between;align-items:center;font-size:1.2rem}.m-score{font-family:var(--display);font-weight:800;font-size:1.1rem;padding:.35rem .8rem;border-radius:99rem;background:var(--card)}.m-card{background:var(--card);border:1px solid var(--line);border-radius:1.5rem;padding:1.5rem 1.25rem;display:flex;flex-direction:column;gap:.9rem}.m-h1{font-family:var(--display);font-size:1.7rem;font-weight:800;line-height:1.15}.m-big{font-size:1.25rem;font-weight:700}.m-muted{color:var(--muted)}.m-label{font-weight:700;color:var(--muted);font-size:.95rem}.m-error{color:var(--red);font-weight:700}.m-emoji{font-size:3.5rem;line-height:1}.m-room{color:var(--muted)}.m-room b{color:var(--ink);font-family:var(--display);letter-spacing:.15em}.m-input,.m-code-input{width:100%;font:inherit;font-size:1.15rem;color:var(--ink);background:var(--bg);border:2px solid var(--line);border-radius:.9rem;padding:.85rem 1rem;outline:none}.m-input:focus,.m-code-input:focus{border-color:var(--cyan)}.m-code-input{font-family:var(--display);font-size:2.6rem;font-weight:800;text-align:center;letter-spacing:.5em;padding-left:1.3rem}.m-btn{width:100%;padding:1rem;border-radius:99rem;font-family:var(--display);font-size:1.15rem;font-weight:800;background:var(--card-2);transition:transform .1s ease}.m-btn:active:not([disabled]){transform:scale(.96)}.m-btn[disabled]{opacity:.4}.m-btn-primary{background:var(--pink);color:#fff}.m-btn-ghost{background:transparent;border:1px solid var(--line)}.m-btn-xl{padding:1.3rem;font-size:1.4rem}.m-small{font-size:.95rem;padding:.7rem}.m-menu{margin-top:auto}.m-avatars{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.m-avatar{font-size:2rem;padding:.45rem 0;border-radius:1rem;background:var(--bg);border:2px solid transparent}.m-avatar.is-on{border-color:var(--yellow);background:var(--card-2);transform:scale(1.06)}.m-me{display:flex;flex-direction:column;align-items:center;gap:.3rem}.m-me span{font-size:4rem;line-height:1}.m-me b{font-family:var(--display);font-size:1.4rem}.m-games{width:100%;display:flex;flex-direction:column;gap:.6rem}.m-game{display:flex;align-items:center;gap:.9rem;text-align:left;padding:.9rem 1rem;border-radius:1.1rem;background:var(--bg);border:1px solid var(--line)}.m-game:active:not([disabled]){transform:scale(.97)}.m-game[disabled]{opacity:.45}.m-game-icon{font-size:2rem}.m-game b{display:block;font-family:var(--display);font-size:1.1rem}.m-game small{color:var(--muted)}.m-count{font-family:var(--display);font-size:5rem;font-weight:800;color:var(--yellow)}.m-spinner{width:3rem;height:3rem;border-radius:50%;border:4px solid var(--card-2);border-top-color:var(--pink);animation:spin .9s linear infinite}.m-offline{position:fixed;top:0;left:0;right:0;z-index:10;padding:.5rem;text-align:center;background:var(--yellow);color:var(--bg);font-weight:800}.m-toast{position:fixed;bottom:1.5rem;left:1rem;right:1rem;padding:.9rem;border-radius:1rem;background:var(--red);text-align:center;font-weight:800}.m-game-screen{display:flex;flex-direction:column;gap:.8rem}.m-row{display:flex;justify-content:space-between;align-items:center}.m-pill{padding:.35rem .8rem;border-radius:99rem;background:var(--violet);font-weight:700;font-size:.9rem}.m-timer{font-family:var(--display);font-weight:800;font-size:1.1rem}.m-timer.is-hot{color:var(--red);animation:pulse .5s ease-in-out infinite}.m-gain{font-family:var(--display);font-size:2rem;font-weight:800;color:var(--green)}.m-question{font-weight:700;font-size:1.05rem;color:var(--muted)}.m-answers{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.m-answer{min-height:8.5rem;border-radius:1.2rem;background:var(--c);color:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.6rem;font-weight:700;transition:transform .1s ease,opacity .2s ease}.m-answer b{font-family:var(--display);font-size:2.6rem;line-height:1}.m-answer span{font-size:.95rem;line-height:1.2}.m-answer:active:not([disabled]){transform:scale(.95)}.m-answer[disabled]{opacity:.3}.m-answer.is-picked{opacity:1;box-shadow:0 0 0 4px var(--bg),0 0 0 7px var(--ink)}.m-sent{text-align:center;font-weight:800;color:var(--green);font-size:1.2rem}.m-verdict.is-right{border-color:var(--green)}.m-verdict.is-wrong{border-color:var(--red)}.m-letter{font-family:var(--display);font-size:2.6rem;font-weight:800;width:4rem;height:4rem;display:inline-flex;align-items:center;justify-content:center;border-radius:1rem;background:var(--yellow);color:var(--bg);box-shadow:4px 4px 0 var(--pink)}.m-field{display:flex;flex-direction:column;gap:.3rem;font-weight:700;color:var(--muted);font-size:.9rem}.m-btn-stop{background:var(--red);color:#fff;font-size:1.5rem;padding:1.2rem;position:sticky;bottom:.8rem}.m-review h3{font-family:var(--display);font-size:1.05rem;margin:.4rem 0}.m-review{display:flex;flex-direction:column;gap:.4rem}.m-entry{display:flex;align-items:center;gap:.6rem;text-align:left;padding:.7rem .9rem;border-radius:.8rem;background:var(--bg);border:2px solid transparent}.m-entry b{flex:1}.m-entry.st-unique{border-left:5px solid var(--green)}.m-entry.st-repeated{border-left:5px solid var(--yellow)}.m-entry.st-invalid b{text-decoration:line-through;color:var(--muted)}.m-entry.is-flagged{border-color:var(--red)}.m-entry[disabled]{opacity:.6}.m-sticky{position:sticky;bottom:.8rem}.m-mystery{width:9rem;height:9rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:6rem;font-weight:800;background:var(--violet)}.m-secret{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.5rem 1rem;border-radius:1.5rem;background:var(--yellow);color:var(--bg);text-align:center}.m-secret b{font-family:var(--display);font-size:2.2rem;line-height:1.1}.m-replies{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.m-reply{padding:1.4rem 0;border-radius:1.1rem;font-family:var(--display);font-size:1.3rem;font-weight:800}.m-reply:active{transform:scale(.94)}.reply-yes{background:var(--green);color:var(--bg)}.reply-no{background:var(--red);color:#fff}.reply-maybe{background:var(--card-2)}.m-reply.is-last{box-shadow:0 0 0 3px var(--bg),0 0 0 6px var(--ink)}
