:root{color-scheme:light;--table:#EAF0F8;--paper:#FFFFFF;--soft:#F2F5FA;--soft-2:#E1E8F3;--ink:#1C2238;--muted:#5B6480;--dim:#8A93AD;--red:#E5484D;--red-2:#FDE3E3;--blue:#3B6FE0;--blue-2:#E1EAFD;--sun:#FFBE3D;--sun-2:#FFF1CF;--mint:#2DB287;--mint-2:#DDF5EC;--pink:#F28BB3;--display:"Baloo 2", "Arial Rounded MT Bold", system-ui, sans-serif;--body:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--b:2.5px solid var(--ink);--sh:4px 4px 0 var(--ink)}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--table);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;background-image:radial-gradient(rgba(28,34,56,.09) 1.2px,transparent 1.3px);background-size:22px 22px}#root{max-width:1080px;margin:0 auto;padding-inline:16px;padding-block:0 56px}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:12px}h1,h2,h3{text-wrap:balance;margin:0;font-family:var(--display);font-weight:800;line-height:1.05}p{margin:0}svg{display:block}.em{width:1.25em;height:1.25em;display:inline-block;vertical-align:-.28em;object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:18px}.brand{display:flex;align-items:center;gap:8px;font-family:var(--display);font-weight:800;font-size:24px;background:none;border:0;padding:0;line-height:1}.brand svg{width:44px;height:38px}.chip{display:flex;align-items:center;gap:8px;padding:4px 14px 4px 4px;border-radius:999px;background:var(--paper);border:var(--b);font-size:14px;font-weight:800;max-width:58vw;box-shadow:2px 2px 0 var(--ink)}.chip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip.off{padding:6px 14px;color:var(--muted);font-weight:700}.av{width:28px;height:28px;border-radius:50%;flex:none;object-fit:cover;background:var(--soft-2);border:2px solid var(--ink)}.hero{position:relative;border-radius:30px;background:var(--sun);border:var(--b);box-shadow:6px 6px 0 var(--ink);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;padding:clamp(22px,5vw,48px);overflow:hidden}.hero:after{content:"";position:absolute;right:-60px;bottom:-80px;width:320px;height:320px;border-radius:50%;background:#ffffff47;pointer-events:none}.badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;background:var(--paper);border:var(--b);padding:4px 12px 4px 8px;border-radius:999px}.hero h1{font-size:clamp(46px,8.6vw,88px);margin-block:14px 12px;letter-spacing:-.01em}.hero h1 .r{color:var(--red);display:inline-block;transform:rotate(-2deg)}.lead{font-size:clamp(17px,2.2vw,20px);font-weight:700;max-width:34ch;color:#3a3320}.meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.meta span{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:800;padding:5px 12px 5px 8px;border-radius:999px;background:#ffffffb3;border:2px solid var(--ink)}.cta{margin-top:24px;display:flex;gap:10px;flex-wrap:wrap}.scene{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;gap:4px;padding-top:10px}.scene .p{display:flex;flex-direction:column;align-items:center;gap:6px}.scene .p svg{width:100%;max-width:92px;height:auto}.bub{position:relative;background:var(--paper);border:var(--b);border-radius:16px;padding:6px 8px;font-weight:900;font-size:14px;display:flex;align-items:center;justify-content:center;gap:4px;min-height:44px;white-space:nowrap}.bub .em{width:30px;height:30px}.bub:after{content:"";position:absolute;bottom:-8px;left:50%;width:12px;height:12px;background:var(--paper);border-right:var(--b);border-bottom:var(--b);transform:translate(-50%) rotate(45deg)}.bub.imp{background:var(--red);color:#fff}.bub.imp:after{background:var(--red)}.scene .p:nth-child(odd){transform:translateY(-10px)}.scene .p.imp{transform:translateY(-22px)}.wig{animation:wig 3.4s ease-in-out infinite;transform-origin:bottom center}.scene .p:nth-child(2) .wig{animation-delay:-.7s}.scene .p:nth-child(3) .wig{animation-delay:-1.4s}.scene .p:nth-child(4) .wig{animation-delay:-2.1s}.scene .p:nth-child(5) .wig{animation-delay:-2.8s}@keyframes wig{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:var(--b);border-radius:16px;padding:12px 22px;font-weight:900;font-size:16px;background:var(--paper);color:var(--ink);min-height:52px;box-shadow:var(--sh);transition:transform .08s,box-shadow .08s}.btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--sh)}.btn.red{background:var(--red);color:#fff}.btn.blue{background:var(--blue);color:#fff}.btn.mint{background:var(--mint);color:#fff}.btn.sun{background:var(--sun)}.btn.wide{width:100%}.btn.sm{padding:6px 14px;min-height:38px;font-size:14px;border-radius:12px;box-shadow:2px 2px 0 var(--ink)}.btn .em{width:24px;height:24px}.back{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:var(--muted);font-weight:800;padding:6px 0;margin-bottom:10px}.back:hover{color:var(--ink)}.sh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-block:44px 16px}.sh h2{font-size:28px}.sh span{color:var(--muted);font-size:14px;font-weight:700}.games{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.game{position:relative;background:var(--paper);border:var(--b);border-radius:22px;padding:12px;text-align:left;display:flex;flex-direction:column;gap:8px;box-shadow:var(--sh)}.game .art{border-radius:14px;border:2px solid var(--ink);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;gap:4px;overflow:hidden;position:relative}.game .art .em{width:46%;height:auto;aspect-ratio:1}.game .art .em.s{width:28%;position:absolute}.game h3{font-size:21px;margin-top:4px}.game p{font-size:14px;color:var(--muted);font-weight:700}.tag{align-self:flex-start;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:999px;border:2px solid var(--ink);background:var(--soft)}.game.on{cursor:pointer;transition:transform .15s,box-shadow .15s}.game.on:hover{transform:translate(-2px,-3px) rotate(-.6deg);box-shadow:6px 7px 0 var(--ink)}.game.on .tag{background:var(--red);color:#fff}.game.soon .art{filter:grayscale(.35)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{background:var(--paper);border:var(--b);border-radius:22px;padding:16px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--sh)}.step .top2{display:flex;align-items:center;justify-content:space-between}.step .em{width:54px;height:54px}.step .n{font-family:var(--display);font-weight:800;font-size:28px;color:var(--soft-2);-webkit-text-stroke:2px var(--ink)}.step h3{font-size:19px}.step p{font-size:14px;color:var(--muted);font-weight:700}.page-h{margin-block:4px 22px}.page-h h1{font-size:clamp(34px,6vw,52px)}.page-h p{color:var(--muted);margin-top:6px;font-weight:700}.cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.panel{background:var(--paper);border:var(--b);border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--sh)}.panel h2{font-size:24px}.panel .sub{color:var(--muted);font-size:15px;font-weight:700}.ph{display:flex;align-items:center;gap:12px}.ph .em{width:52px;height:52px}.label{font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.field{display:flex;flex-direction:column;gap:8px}.input{width:100%;border:var(--b);background:var(--soft);border-radius:14px;padding:12px 14px;font-size:16px;font-weight:800;min-height:52px}.input:focus{background:var(--paper);outline:none;box-shadow:3px 3px 0 var(--blue)}.input::placeholder{color:var(--dim);font-weight:700}.input.code{font-family:var(--mono);letter-spacing:.35em;text-transform:uppercase;text-align:center;font-size:22px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row>.grow{flex:1;min-width:0}.note{font-size:14px;color:var(--muted);background:var(--soft);border:2px dashed var(--dim);border-radius:14px;padding:12px 14px;font-weight:700}.err{font-size:14px;color:#a3161b;font-weight:800;background:var(--red-2);border:2px solid var(--red);padding:10px 14px;border-radius:12px}.seg{display:flex;flex-wrap:wrap;gap:6px}.seg button{border:2px solid var(--ink);background:var(--paper);border-radius:12px;padding:6px 12px;font-weight:800;font-size:14px;min-height:42px;display:inline-flex;align-items:center;gap:6px}.seg button .em{width:22px;height:22px}.seg button:hover:not(:disabled){background:var(--soft)}.seg button[aria-pressed=true]{background:var(--blue);color:#fff;box-shadow:2px 2px 0 var(--ink)}.seg.num button{min-width:44px;justify-content:center;font-family:var(--mono)}.seg.num button[aria-pressed=true]{background:var(--red)}.seg button:disabled{cursor:default;opacity:.45}.seg button[aria-pressed=true]:disabled{opacity:1}.hintline{font-size:13px;color:var(--muted);font-weight:700}.rooms{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.room{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 12px;border-radius:16px;background:var(--soft);border:2px solid var(--ink)}.room .figs{display:flex;flex:none}.room .figs svg{width:28px;height:32px;margin-left:-9px}.room .figs svg:first-child{margin-left:0}.room .info{flex:1;min-width:0}.room .info b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;font-weight:900}.room .info small{color:var(--muted);font-weight:700;font-size:13px}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px;text-align:center;color:var(--muted);font-weight:700}.empty .em{width:64px;height:64px}.roomhead{border-radius:26px;padding:20px;background:var(--blue);color:#fff;border:var(--b);box-shadow:var(--sh);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.roomhead .label{color:#ffffffd9;display:flex;align-items:center;gap:6px}.roomhead .label .em{width:20px;height:20px}.roomhead h1{font-size:clamp(28px,5vw,42px);overflow-wrap:anywhere}.codebox{display:flex;align-items:center;gap:12px;background:var(--paper);color:var(--ink);border:var(--b);border-radius:18px;padding:10px 12px 10px 16px}.codebox .code{font-family:var(--mono);font-size:clamp(28px,7vw,40px);letter-spacing:.18em;line-height:1}.crew{display:flex;flex-wrap:wrap;gap:12px 6px;justify-content:center;padding:16px 8px 12px;background:var(--soft);border:2px solid var(--ink);border-radius:18px}.crew .m{display:flex;flex-direction:column;align-items:center;gap:2px;width:76px}.crew .m svg{width:54px;height:62px}.crew .m span{font-size:13px;font-weight:900;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crew .m em{font-style:normal;font-size:11px;font-weight:900;color:var(--muted)}.crew .m em.h{color:#9a6a00}.players{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.players li{display:flex;align-items:center;gap:10px;padding:4px 10px 4px 6px;border-radius:14px;background:var(--soft)}.players li svg{width:32px;height:37px;flex:none}.players .nm{flex:1;min-width:0;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.players .you{font-size:12px;color:var(--muted);font-weight:700}.pill{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:900;padding:3px 10px;border-radius:999px;background:var(--paper);border:2px solid var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}.pill .em{width:16px;height:16px}.pill.host{background:var(--sun)}.pill.ok{background:var(--mint-2);border-color:var(--mint);color:#11694f}.pill.red{background:var(--red-2);border-color:var(--red);color:#a3161b}.pill.wait{border-style:dashed;border-color:var(--dim);color:var(--muted)}.stage{display:flex;flex-direction:column;align-items:center;gap:18px;padding-block:6px}.flip{width:min(300px,78vw);aspect-ratio:5/7;max-width:100%;perspective:1400px;border:0;background:none;padding:0}.flip-in{position:relative;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.9,.25,1.15);transform-style:preserve-3d}.flip.open .flip-in{transform:rotateY(180deg)}.face{position:absolute;inset:0;border-radius:26px;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:18px;text-align:center;overflow:hidden}.face.back{background:var(--blue);color:#fff;background-image:radial-gradient(rgba(255,255,255,.22) 2px,transparent 2.5px);background-size:18px 18px}.face.back .qm{width:130px;height:130px;border-radius:50%;background:var(--sun);border:3px solid var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:84px;font-weight:800;color:var(--ink);box-shadow:4px 4px 0 var(--ink);line-height:1;padding-top:10px}.face.front{transform:rotateY(180deg)}.face.crewc{background:var(--paper)}.face.crewc .top3{width:100%;display:flex;justify-content:space-between;align-items:center}.face.imp{background:var(--red);color:#fff;background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.08) 0 12px,transparent 12px 24px)}.face small{font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.face .emo{width:62%;height:auto;aspect-ratio:1}.face .word{font-family:var(--display);font-weight:800;font-size:clamp(32px,8vw,42px);line-height:1;overflow-wrap:anywhere}.face .impfig{width:118px;height:136px}.face .tipbox{background:var(--paper);color:var(--ink);border:2.5px solid var(--ink);border-radius:14px;padding:6px 12px;font-size:13px;font-weight:800;width:100%}.face .tipbox b{display:block;font-family:var(--display);font-size:24px;font-weight:800;line-height:1.1}.catline{font-size:14px;font-weight:900;color:var(--muted)}.tap{color:var(--muted);font-size:14px;font-weight:800}.big-name{font-family:var(--display);font-weight:800;font-size:clamp(36px,8vw,58px);text-align:center;overflow-wrap:anywhere;line-height:1.05}.ring{position:relative;width:190px;height:190px;margin:0 auto;background:var(--paper);border:var(--b);border-radius:50%;box-shadow:var(--sh)}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring .t{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:40px;font-variant-numeric:tabular-nums}.ring.low .t{color:var(--red)}.order{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 6px}.order li{display:flex;flex-direction:column;align-items:center;gap:2px;width:70px;position:relative}.order li svg{width:46px;height:53px}.order li span{font-size:12px;font-weight:900;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order li .n{position:absolute;top:-4px;left:4px;width:24px;height:24px;border-radius:50%;background:var(--paper);border:2px solid var(--ink);font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}.order li.first .n{background:var(--sun)}.starter{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.starter svg{width:84px;height:97px}.votes{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}.vote{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:18px;border:var(--b);background:var(--paper);font-weight:900;box-shadow:3px 3px 0 var(--ink);transition:transform .1s}.vote svg{width:56px;height:65px}.vote span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vote:hover:not(:disabled){transform:translate(-1px,-2px)}.vote[aria-pressed=true]{background:var(--red-2);border-color:var(--red);box-shadow:3px 3px 0 var(--red)}.vote:disabled{cursor:default;opacity:.45}.verdict{border-radius:28px;padding:26px 20px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}.verdict.win{background:var(--mint);color:#fff}.verdict.lose{background:var(--red);color:#fff}.verdict h2{font-size:clamp(34px,7vw,54px)}.verdict p{font-weight:800;max-width:46ch}.verdict .imps{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;animation:drop .6s cubic-bezier(.2,.9,.3,1.3) both}.verdict .imps svg{width:78px;height:90px}@keyframes drop{0%{transform:translateY(-24px) scale(.85);opacity:0}to{transform:none;opacity:1}}.stamp{font-family:var(--display);font-weight:800;font-size:15px;letter-spacing:.08em;text-transform:uppercase;background:var(--paper);color:var(--ink);border:2.5px solid var(--ink);padding:2px 14px;border-radius:10px;transform:rotate(-3deg)}.wordreveal{display:flex;align-items:center;gap:10px;background:var(--paper);color:var(--ink);border:2.5px solid var(--ink);padding:8px 16px 8px 10px;border-radius:16px;font-weight:800}.wordreveal .em{width:44px;height:44px}.bars{display:flex;flex-direction:column;gap:8px}.bar{display:grid;grid-template-columns:30px minmax(0,120px) 1fr 26px;gap:10px;align-items:center;font-size:14px;font-weight:900}.bar svg{width:30px;height:35px}.bar .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar .tr{height:14px;border-radius:7px;background:var(--soft);border:2px solid var(--ink);overflow:hidden}.bar .tr i{display:block;height:100%;background:var(--blue)}.bar.imp .tr i{background:var(--red)}.bar .c{text-align:right;font-variant-numeric:tabular-nums}.names-list{display:flex;flex-direction:column;gap:8px}.names-list .row svg{width:32px;height:37px;flex:none}.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translate(-50%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:14px;font-weight:800;font-size:14px;z-index:10;max-width:calc(100% - 32px);box-shadow:3px 3px 0 var(--sun)}.center{text-align:center}.muted{color:var(--muted)}details summary{cursor:pointer;font-weight:900;color:var(--muted)}@media(max-width:860px){.hero{grid-template-columns:1fr}.scene{order:-1;max-width:460px;justify-self:center;width:100%}.games,.steps{grid-template-columns:repeat(2,1fr)}.cols{grid-template-columns:1fr}}@media(max-width:420px){.bub{font-size:11px;padding:4px 5px;min-height:36px}.bub .em{width:22px;height:22px}.games,.steps{grid-template-columns:1fr}.game .art{aspect-ratio:16/9}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.boot{min-height:70vh;display:flex;align-items:center;justify-content:center;padding-block:40px}.boot .panel{max-width:420px}.boot .emo{width:96px;height:96px}.top .btn.sm{white-space:nowrap}@media(max-width:520px){.top .chip{display:none}}.game.feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px;align-items:center;padding:14px;text-align:left}.game.feature .art{aspect-ratio:auto;min-height:210px;align-items:flex-end;padding:40px 10px 12px;gap:0;background:var(--red-2);background-image:radial-gradient(rgba(229,72,77,.18) 1.5px,transparent 2px);background-size:16px 16px}.game.feature .art svg{height:auto;flex:none}.game.feature .art .side{width:26%;max-width:96px;margin-inline:-4%}.game.feature .art .mid{width:38%;max-width:140px;position:relative;z-index:1}.game.feature .art .q{position:absolute;top:14px;right:16px;width:46px;height:46px;border-radius:50%;background:var(--sun);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:800;font-size:28px;line-height:1;padding-top:4px;transform:rotate(8deg)}.game.feature .txt{display:flex;flex-direction:column;gap:10px;padding:6px 8px}.game.feature h3{font-size:clamp(28px,4vw,38px);margin:0}.game.feature p{font-size:16px}.game.feature .row .pill{font-size:13px;padding:4px 10px}.game.feature .play{align-self:flex-start;margin-top:4px}@media(max-width:700px){.game.feature{grid-template-columns:1fr}.game.feature .art{min-height:170px}}.langpick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.langpick button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border:var(--b);border-radius:16px;background:var(--paper);font-weight:900;font-size:16px;box-shadow:3px 3px 0 var(--ink);transition:transform .08s}.langpick button .em{width:44px;height:44px}.langpick button:hover{transform:translate(-1px,-1px)}.langpick button[aria-pressed=true]{background:var(--blue);color:#fff}.langpick.big button{padding:22px 8px;font-size:19px}.langpick.big button .em{width:64px;height:64px}