:root{--violet:#7b2ff7;--violet-d:#4b13a8;--ink:#2d1b69;--pink:#ff4fa3;--pink-d:#c8226f;--yellow:#ffd23f;--yellow-d:#e0a400;--green:#2ed47a;--green-d:#1a9b55;--red:#ff5a5f;--red-d:#c42b30;--blue:#3fa9ff;--blue-d:#1a72c4;--white:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%;margin:0}body{color:var(--ink);overscroll-behavior:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#7b2ff7;min-height:100dvh;font-family:Fredoka,system-ui,sans-serif}body:before{content:"";z-index:-1;background:linear-gradient(160deg,#7b2ff7 0%,#c32bd8 45%,#ff4fa3 75%,#ff9a3c 100%);position:fixed;inset:0}button,input,textarea{font-family:inherit}button{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}h1,h2,h3{margin:.2em 0;line-height:1.1}p{margin:.4em 0}.app{max-width:480px;min-height:100dvh;margin:0 auto}.screen{min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;gap:14px;display:flex}.screen.center{text-align:center;justify-content:center;align-items:stretch}.logo{color:#fff;justify-content:center;align-items:center;gap:10px;display:flex}.logo-hand{transform-origin:70% 90%;filter:drop-shadow(0 4px #0000002e);font-size:clamp(40px,14vw,56px);animation:1.6s ease-in-out infinite wave;display:inline-block}.logo-text{letter-spacing:-.5px;text-shadow:0 4px #0000002e;font-size:clamp(28px,10vw,38px);font-weight:700;line-height:.95}.logo-text b{color:var(--yellow);font-size:1.15em;display:block}.logo.small .logo-hand{font-size:22px}.logo.small .logo-text{white-space:nowrap;text-shadow:0 2px #0000002e;font-size:16px}.logo.small .logo-text b{font-size:1em;display:inline}.tagline{color:#fff;text-align:center;margin:0 8px;font-size:clamp(16px,4.6vw,18px);font-weight:500}.card{background:#fff;border-radius:24px;flex-direction:column;gap:12px;padding:clamp(14px,4.5vw,20px);display:flex;box-shadow:0 8px #2d1b6940,0 18px 40px #2d1b6940}.card.glow{text-align:center}.card h2{font-size:clamp(20px,6vw,24px)}.label{text-transform:uppercase;letter-spacing:1px;opacity:.6;font-size:13px;font-weight:600}.pill,.chip{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff38;border:0;border-radius:999px;align-self:center;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:600;display:inline-flex}.card .pill{color:var(--violet-d);background:#f1e9ff}.chip{cursor:pointer;font-size:15px}.btn{color:#fff;cursor:pointer;--c:var(--violet);--d:var(--violet-d);background:var(--c);box-shadow:0 6px 0 var(--d);text-shadow:0 2px #00000026;border:0;border-radius:18px;padding:14px 20px;font-size:18px;font-weight:700;transition:transform 80ms,box-shadow 80ms,filter .2s;position:relative}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--d);transform:translateY(5px)}.btn:disabled{filter:grayscale(.7)opacity(.55);cursor:default}.btn.yellow{--c:var(--yellow);--d:var(--yellow-d);color:var(--ink);text-shadow:none}.btn.pink{--c:var(--pink);--d:var(--pink-d)}.btn.green{--c:var(--green);--d:var(--green-d)}.btn.red{--c:var(--red);--d:var(--red-d)}.btn.blue{--c:var(--blue);--d:var(--blue-d)}.btn.ghost{box-shadow:none;background:#ffffff2e}.btn.ghost-dark{--c:#eee6ff;--d:#cdbcf5;color:var(--violet-d);text-shadow:none}.btn.big{padding:clamp(14px,4vw,18px) 16px;font-size:clamp(19px,5.6vw,22px)}.btn.huge{border-radius:24px;flex:1;padding:clamp(18px,5.5vw,26px) 10px;font-size:clamp(22px,7vw,26px)}.btn.wide{width:100%}.btn.small{border-radius:14px;padding:10px 12px;font-size:14px}.btn.tiny{box-shadow:0 3px 0 var(--d);border-radius:10px;padding:6px 10px;font-size:13px}.row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.row.tight{flex-wrap:nowrap;gap:6px}.input{text-align:center;width:100%;color:var(--ink);background:#faf7ff;border:3px solid #e6dcff;border-radius:16px;outline:none;padding:14px 16px;font-size:22px;font-weight:600}.input:focus{border-color:var(--violet)}.input.code{letter-spacing:8px;text-transform:uppercase;font-size:26px}.join-row{gap:10px;display:flex}.join-row .btn{flex-shrink:0}.or{text-align:center;opacity:.5;font-weight:600}.rules h3{color:var(--violet)}.rules ol{flex-direction:column;gap:8px;margin:0;padding-left:22px;font-size:15px;display:flex}.error{color:var(--red-d);text-align:center;background:#ffe3e4;border-radius:12px;padding:10px;font-weight:600}.hint{text-align:center;color:#ffffffe6;margin:0;font-size:14px}.hint.dark,.card .hint{color:var(--ink);opacity:.7}.hint.light{color:#fffc}.banner{background:var(--yellow);color:var(--ink);text-align:center;box-shadow:0 4px 0 var(--yellow-d);border-radius:14px;padding:10px 14px;font-weight:600}.offline{background:var(--red);color:#fff;text-align:center;border-radius:12px;padding:8px;font-weight:600}.home{justify-content:center;position:relative;overflow:hidden}.floaters span{opacity:.25;bottom:-60px;left:calc(5% + var(--i) * 16%);animation:floatUp calc(7s + var(--i) * 1.3s) linear infinite;animation-delay:calc(var(--i) * -1.7s);pointer-events:none;font-size:40px;position:absolute}.home>:not(.floaters){z-index:1;position:relative}.avatar-preview{font-size:clamp(48px,15vw,64px);line-height:1}.avatar-strip{scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;margin:0 -6px;padding:4px 2px 8px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 12px calc(100% - 24px),#0000)}.avatar-strip::-webkit-scrollbar{display:none}.av{cursor:pointer;scroll-snap-align:center;background:#f6f1ff;border:3px solid #0000;border-radius:14px;flex:0 0 50px;height:50px;font-size:28px}.av.on{border-color:var(--violet);background:#ebe0ff}.avatars-row{flex-wrap:wrap;justify-content:center;gap:4px;font-size:28px;display:flex}.topbar{justify-content:space-between;align-items:center;gap:8px;display:flex}.topbar .logo{flex:1;min-width:0}.content,.answering{flex-direction:column;flex:1;gap:16px;display:flex}.progress-head{color:#fff;justify-content:space-between;font-size:15px;font-weight:600;display:flex}.bar{background:#ffffff40;border-radius:99px;height:14px;overflow:hidden}.bar>div{background:var(--yellow);border-radius:99px;height:100%;transition:width .35s cubic-bezier(.3,1.6,.6,1)}.qcard{text-align:center;background:#fff;border-radius:28px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:180px;max-height:420px;padding:32px 20px;display:flex;position:relative;box-shadow:0 10px #2d1b6940,0 20px 50px #2d1b694d}.qcard p{margin:0;font-size:clamp(21px,7vw,28px);font-weight:600;line-height:1.2}.qnum{color:var(--violet);opacity:.5;font-weight:700;position:absolute;top:14px;left:18px}.qcard.in{animation:.35s cubic-bezier(.3,1.5,.6,1) cardIn}.qcard.out-right{animation:.22s ease-in forwards outRight}.qcard.out-left{animation:.22s ease-in forwards outLeft}.yesno{gap:14px;display:flex}.yesno .btn{flex:1}.lobby{flex-direction:column;flex:1;gap:16px;display:flex}.plist{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.plist li{background:#f7f2ff;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;display:flex}.plist li.away{opacity:.45}.pav{font-size:28px}.pname{text-overflow:ellipsis;flex:1;min-width:0;font-weight:600;overflow:hidden}.pname small{opacity:.7;font-weight:400}.ok{color:var(--green-d);font-size:14px;font-weight:600}.mini-bar{background:#e4d9fb;border-radius:99px;width:70px;height:10px;overflow:hidden}.mini-bar span{background:var(--violet);height:100%;transition:width .3s;display:block}.score{color:var(--violet);white-space:nowrap;font-weight:700}.emoji-xl{font-size:64px;line-height:1}.round{flex-direction:column;flex:1;gap:14px;display:flex}.round-head{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.round-head .pill{align-self:auto}.secret{color:#fff;text-align:center;cursor:pointer;border:0;border-radius:32px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:280px;padding:20px 16px 36px;font-family:inherit;display:flex;position:relative;box-shadow:0 10px #0003,inset 0 -10px #00000014}.secret h1{text-shadow:0 4px #00000026;font-size:clamp(30px,10vw,42px)}.secret p{font-size:clamp(16px,4.8vw,19px);font-weight:500}.secret.up{background:radial-gradient(circle at 50% 30%, #fff27a, var(--yellow) 50%, #ffb300);color:var(--ink);animation:1.2s ease-in-out infinite pulse}.secret.up h1{text-shadow:0 4px #ffffff80}.secret.down{background:radial-gradient(circle at 50% 30%,#5a7bff,#2d3fa8)}.secret.hidden{background:repeating-linear-gradient(45deg,#3b2392,#3b2392 18px,#45299f 18px 36px)}.secret.devin h1{font-size:clamp(26px,8.5vw,34px)}.secret.devin{background:radial-gradient(circle at 50% 25%, #b06bff, var(--violet-d));cursor:default}.secret.spectator{cursor:default;background:#ffffff2e}.secret .btn{margin-top:12px}.giant-hand,.big-emoji{filter:drop-shadow(0 8px #00000026);font-size:clamp(72px,min(30vw,17vh),140px);line-height:1}.giant-hand.wave{transform-origin:70% 90%;animation:1s ease-in-out infinite wave}.big-emoji.float{animation:2.4s ease-in-out infinite floaty}.tap-hint{opacity:.7;font-size:13px;font-weight:600;position:absolute;bottom:14px}.reveal{flex-direction:column;flex:1;gap:14px;display:flex}.question-reveal{text-align:center;background:linear-gradient(135deg,#fff,#fff6d6)}.question-reveal h2{font-size:clamp(21px,6.8vw,28px)}.raised{flex-wrap:wrap;gap:8px;display:flex}.raised-chip{background:var(--yellow);box-shadow:0 3px 0 var(--yellow-d);border-radius:999px;padding:8px 12px;font-weight:700}.result{text-align:center;color:#fff;border-radius:20px;padding:16px;font-size:clamp(17px,5.2vw,22px);font-weight:700}.result.found{background:var(--green);box-shadow:0 6px 0 var(--green-d)}.result.missed{background:#00000040}.recap{flex-direction:column;flex:1;gap:16px;display:flex}.title-bounce{color:#fff;text-align:center;text-shadow:0 4px #0000002e;font-size:clamp(26px,8.5vw,34px);animation:.6s cubic-bezier(.3,1.6,.6,1) bounceIn}.ranking{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ranking li{background:#f7f2ff;border-radius:14px;align-items:center;gap:10px;padding:10px;display:flex}.ranking li:first-child{background:#fff3c4}.rank{text-align:center;width:32px;font-size:24px;font-weight:700}.award{text-align:center}.award h3{font-size:22px}.pink-bg{background:linear-gradient(135deg,#fff,#ffe1f0)}.blue-bg{background:linear-gradient(135deg,#fff,#ddf0ff)}.modal-bg{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14083c99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{text-align:center;background:#fff;border-radius:28px;flex-direction:column;gap:12px;width:100%;max-width:420px;max-height:90dvh;padding:24px 20px;display:flex;position:relative;overflow:auto}.modal .plist{text-align:left}.close{color:var(--violet-d);cursor:pointer;background:#f1e9ff;border:0;border-radius:50%;width:36px;height:36px;font-size:18px;position:absolute;top:12px;right:14px}.qr{aspect-ratio:1;width:min(220px,60vw);margin:0 auto}.qr svg{width:100%;height:100%}.big-code{letter-spacing:10px;color:var(--violet);font-size:clamp(34px,11vw,44px);font-weight:700}.url{opacity:.6;word-break:break-all;font-size:14px}.spinner{text-align:center;font-size:80px;animation:1s ease-in-out infinite wave}.pop{animation:.4s cubic-bezier(.3,1.6,.6,1) both pop}.bounce{animation:1.8s ease-in-out infinite floaty}.shake{animation:.4s shake}@keyframes wave{0%,to{transform:rotate(-10deg)}50%{transform:rotate(18deg)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)rotate(-6deg)}to{opacity:1;transform:none}}@keyframes cardIn{0%{opacity:0;transform:translateY(40px)scale(.9)rotate(-3deg)}to{opacity:1;transform:none}}@keyframes outRight{to{opacity:0;transform:translate(120%)rotate(18deg)}}@keyframes outLeft{to{opacity:0;transform:translate(-120%)rotate(-18deg)}}@keyframes floatUp{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-120dvh)rotate(40deg)}}@keyframes shake{0%,to{transform:none}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.actions{z-index:2;margin-top:auto;margin-left:-16px;margin-right:-16px;margin-bottom:calc(-1 * max(16px, env(safe-area-inset-bottom)));padding:18px 16px max(16px, env(safe-area-inset-bottom));background:linear-gradient(#ff8c4600,#ff8c46d9 45%);flex-direction:column;gap:10px;display:flex;position:sticky;bottom:0}.actions .hint{margin:0}.answering .actions,.reveal .actions{background:0 0;padding-top:4px;position:static}@media (width<=359px){.logo.small .logo-text{display:none}.chip{padding:6px 10px;font-size:14px}.yesno{gap:10px}.rules ol{font-size:14px}}@media (height<=640px){.screen,.content,.lobby,.recap,.round,.reveal,.answering{gap:10px}.emoji-xl{font-size:44px}.home .tagline{display:none}.secret .btn{margin-top:4px}}@media (orientation:landscape) and (height<=500px){.app{max-width:720px}.secret{min-height:220px}.qcard{min-height:120px;padding:20px}.giant-hand,.big-emoji{font-size:64px}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.theme-picker{flex-direction:column;gap:12px;display:flex}.theme-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.theme-btn{text-align:left;color:var(--ink);cursor:pointer;background:#faf7ff;border:3px solid #e6dcff;border-radius:16px;align-items:center;gap:8px;padding:10px;font-size:clamp(14px,4vw,16px);font-weight:600;transition:transform 80ms,box-shadow 80ms;display:flex;box-shadow:0 4px #e6dcff}.theme-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #e6dcff}.theme-btn.played{opacity:.55}.theme-btn .theme-emoji{font-size:28px;line-height:1}.theme-banner{color:#fff;text-shadow:0 3px #00000026;justify-content:center;align-items:center;gap:10px;font-size:clamp(20px,6vw,24px);font-weight:700;display:flex}.theme-banner .theme-emoji{font-size:1.6em;line-height:1}.theme-banner small{text-transform:uppercase;letter-spacing:1px;opacity:.8;font-size:12px;display:block}.guess{flex-direction:column;flex:1;gap:12px;display:flex}.guess-head{color:#fff;align-items:center;gap:12px;display:flex}.guess-head .big-emoji{font-size:clamp(48px,15vw,64px)}.guess-head h2{text-shadow:0 3px #00000026;font-size:clamp(22px,7vw,28px)}.guess-head p{margin:0;font-weight:500}.options{flex-direction:column;gap:10px;display:flex}.option{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:#fff;border:3px solid #0000;border-radius:18px;align-items:center;gap:12px;padding:14px;font-size:clamp(16px,4.6vw,18px);font-weight:600;line-height:1.2;transition:transform 80ms,box-shadow 80ms;display:flex;box-shadow:0 5px #2d1b6940}.option:active{transform:translateY(3px);box-shadow:0 2px #2d1b6940}.option.on{border-color:var(--yellow-d);background:#fff6d6;transform:scale(1.02)}.option .letter{height:34px;color:var(--violet-d);background:#f1e9ff;border-radius:50%;flex:0 0 34px;justify-content:center;align-items:center;font-weight:700;display:flex}.option.on .letter{background:var(--yellow);color:var(--ink)}.kick-confirm{animation:.25s cubic-bezier(.3,1.6,.6,1) pop}.plist li .row.tight{flex-shrink:0}.plist li:has(.kick-confirm) :is(.mini-bar,.ok,.score){display:none}.write{flex-direction:column;flex:1;gap:14px;display:flex}.textarea{resize:none;text-align:left;min-height:96px;font-size:20px;line-height:1.25}.counter{text-align:right;opacity:.5;margin-top:-6px;font-size:13px}.ok.writing{color:var(--violet)}.card.hands{gap:8px;padding:12px 14px}.card.hands .raised-chip{padding:6px 10px;font-size:15px}.remove-vote{color:var(--violet-d);cursor:pointer;background:0 0;border:2px dashed #d9c9ff;border-radius:999px;align-self:center;margin-top:4px;padding:6px 12px;font-size:13px;font-weight:600}.remove-vote.mine{border:2px solid var(--red);color:var(--red-d);background:#ffe3e4}.remove-vote.banned{color:#888;cursor:default;background:#eee;border:0}.remove-vote.compact{white-space:nowrap;flex-shrink:0;margin:0;padding:5px 9px}.played-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.played-list li{background:#f7f2ff;border-radius:14px;align-items:center;gap:8px;padding:8px 10px;font-size:15px;font-weight:500;display:flex}.played-list li.banned .played-text{opacity:.5;text-decoration:line-through}.played-emoji{font-size:20px}.played-text{flex:1;min-width:0}.qcard-vote{justify-content:center;display:flex;position:absolute;bottom:12px;left:0;right:0}.played-text small{opacity:.6}.qcard:has(.qcard-vote){padding-bottom:64px}details.proposed summary{cursor:pointer;list-style:none}details.proposed summary::-webkit-details-marker{display:none}details.proposed summary:after{content:" ▾"}details.proposed[open] summary:after{content:" ▴"}