:root{--ink:#17122b;--paper:#fffdf6;--sun:#ffd23f;--ok:#7be07b;--hot:#ef3e36;--sky:#7fe0ff;--prompt:#9fe7ff;--answer:"Neucha", "Comic Sans MS", cursive;--slab:"Roboto Slab", Georgia, serif;--bg-lobby:#4a2a8a;--bg2-lobby:#5a35a3;--bg-write:#b8442f;--bg2-write:#cc5139;--bg-vote:#1d6fa3;--bg2-vote:#2584bd;--bg-final:#8a2a6f;--bg2-final:#a03581;--bg-podium:#4a2a8a;--bg2-podium:#5a35a3;--app-h:100dvh}body{--bg:var(--bg-lobby);--bg2:var(--bg2-lobby)}body[data-phase=write],body[data-phase=intro]{--bg:var(--bg-write);--bg2:var(--bg2-write)}body[data-phase=vote],body[data-phase=reveal],body[data-phase=scores]{--bg:var(--bg-vote);--bg2:var(--bg2-vote)}body[data-phase^=final]{--bg:var(--bg-final);--bg2:var(--bg2-final)}body[data-phase=podium]{--bg:var(--bg-podium);--bg2:var(--bg2-podium)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:16px/1.3 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .4s}button{font:inherit;color:inherit}.swirl{pointer-events:none;width:2400px;height:2400px;margin:-1200px 0 0 -1200px;animation:100s linear infinite pg-spin;position:absolute;top:50%;left:50%}.swirl path{fill:var(--bg2);transition:fill .4s}.snow,.garland{display:none}@keyframes pg-spin{to{transform:rotate(360deg)}}.mon{flex:none;display:block;overflow:visible}.mon .b{fill:var(--c)}.mon .o,.mon .b{stroke:var(--ink);stroke-width:5px;stroke-linejoin:round;stroke-linecap:round}.mon .w{fill:#fff;stroke:var(--ink);stroke-width:4px}.mon .k{fill:var(--ink)}.mon .hl{fill:#fff}.mon .ln{fill:none;stroke:var(--ink);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.mon .ch{fill:#ff6b8a;opacity:.45}.mon .mo{fill:#4a1230;stroke:var(--ink);stroke-width:4px;stroke-linejoin:round}.mon .t{fill:#fff}.mon .bodyg{transform-box:fill-box;transform-origin:50% 100%;animation:2.2s ease-in-out infinite pg-breathe;animation-delay:var(--sd,0s)}.mon .eyes{transform-box:fill-box;transform-origin:50%;animation:4.2s infinite pg-blink;animation-delay:var(--bd,0s)}.mon .sad,.mon.isSad .happy{display:none}.mon.isSad .sad{display:inline}.mon.isSad .bodyg{animation:1.4s ease-in-out infinite pg-droop}.mon.isJoy .bodyg{animation:.55s cubic-bezier(.3,0,.5,1) infinite alternate pg-hop}.mon.off{opacity:.4;filter:grayscale(.7)}@keyframes pg-breathe{50%{transform:scale(1.035,.965)}}@keyframes pg-blink{0%,93%,to{transform:none}96%{transform:scaleY(.1)}}@keyframes pg-droop{50%{transform:scale(1.04,.93)rotate(-2deg)}}@keyframes pg-hop{0%{transform:scale(1.08,.9)}40%{transform:translateY(-16px)scale(.95,1.06)}to{transform:translateY(-22px)}}@media (prefers-reduced-motion:reduce){.mon .bodyg,.mon .eyes,.swirl{animation:none!important}}.mon.rig .bodyg,.mon.rig .eyes,.mon.rig .eye,.mon.rig .pup,.mon.rig .ap,.mon.rig .happy{transform-box:view-box;transform-origin:0 0;animation:none!important}.plate{background:var(--pc);color:#fff;border:4px solid var(--ink);font:900 19px/1 var(--slab);text-transform:uppercase;white-space:nowrap;padding:6px 10px 7px;display:inline-block}.paper{background:var(--paper);border:6px solid var(--ink)}@keyframes pg-drop{0%{opacity:0;transform:translateY(-60px)}}@keyframes pg-fade{0%{opacity:0}}@keyframes pg-pop{0%{transform:scale(0)rotate(-90deg)}}@keyframes pg-land{0%{transform:translateY(-560px)scale(.9,1.1)}70%{transform:translateY(0)scale(1.15,.85)}to{transform:none}}.tv-wrap{background:#0e0b1a;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.tv{background:var(--bg);flex:none;width:1280px;height:720px;transition:background-color .4s;position:relative;overflow:hidden}.tv-scene{position:absolute;inset:0}.tv .shake{animation:.32s linear tv-shake}@keyframes tv-shake{0%,to{transform:none}20%{transform:translate(-7px,3px)}40%{transform:translate(6px,-4px)}60%{transform:translate(-4px,2px)}80%{transform:translate(2px,-1px)}}.vignette{pointer-events:none;background:radial-gradient(#0000 45%,#00000047 100%);position:absolute;inset:0}.timer{z-index:5;background:var(--ink);color:#fff;font:900 44px/1 var(--slab);text-align:center;min-width:82px;padding:10px 20px 12px;position:absolute;top:36px;left:60px;transform:rotate(-6deg)}.timer.low{background:var(--hot);animation:1s step-end infinite tv-tick}@keyframes tv-tick{50%{transform:rotate(-6deg)scale(1.1)}}.room{z-index:5;text-align:center;position:absolute;top:36px;right:48px}.room b{background:var(--ink);color:#fff;font:900 28px/1 var(--slab);letter-spacing:3px;padding:7px 14px 8px;display:block}.room span{font:800 14px/1 var(--slab);color:var(--ink);opacity:.6;margin-top:5px;display:block}.fs{z-index:6;appearance:none;border:4px solid var(--ink);background:var(--sun);cursor:pointer;opacity:.7;width:36px;height:36px;box-shadow:0 4px 0 var(--ink);place-items:center;padding:0;display:grid;position:absolute;top:8px;right:8px}.fs .ico{width:20px;height:20px}.fs:hover{opacity:1}.tv-status{background:var(--ink);color:#fff;font:800 18px/1.2 var(--slab);z-index:20;padding:10px 18px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.kicker{text-align:center;font:900 20px/1 var(--slab);color:#fff;opacity:.8;text-transform:uppercase;letter-spacing:1px;position:absolute;top:40px;left:0;right:0}.prompt{text-align:center;font:800 34px/1.18 var(--slab);color:var(--prompt);text-shadow:3px 3px 0 var(--ink);animation:.5s cubic-bezier(.2,.9,.3,1.3) both pg-drop;position:absolute;top:72px;left:210px;right:210px}.prompt.small{font-size:28px}.title{text-align:center;font:900 60px/1 var(--slab);color:#fff;text-shadow:5px 5px 0 var(--ink);animation:.5s cubic-bezier(.2,.9,.3,1.3) both pg-drop;position:absolute;top:130px;left:0;right:0}.subtitle{text-align:center;font:400 34px/1.1 var(--answer);text-transform:uppercase;color:var(--ink);position:absolute;top:210px;left:120px;right:120px}.say{text-align:center;font:900 25px/1.15 var(--slab);color:#fff;text-shadow:3px 3px 0 var(--ink);z-index:4;animation:.4s .9s both pg-fade;position:absolute;bottom:26px;left:140px;right:140px}.say small{font:800 17px/1.2 var(--slab);opacity:.85;text-shadow:2px 2px 0 var(--ink);margin-top:4px;display:block}.logo{z-index:3;position:absolute;top:34px;left:56px;transform:rotate(-4deg)}.logo b{background:var(--sun);color:var(--ink);border:6px solid var(--ink);font:900 44px/1 var(--slab);text-transform:uppercase;box-shadow:7px 7px 0 var(--ink);padding:8px 20px 12px;display:block}.join{width:620px;color:var(--ink);grid-template-columns:1fr 190px;align-items:center;gap:10px;padding:20px 22px 22px 28px;animation:.6s cubic-bezier(.2,.9,.3,1.3) both pg-drop;display:grid;position:absolute;top:110px;left:330px;transform:rotate(1.5deg)}.join small{font:800 18px/1.2 var(--slab);opacity:.7;display:block}.join em{font:400 30px/1 var(--answer);text-transform:uppercase;margin-top:4px;font-style:normal;display:block}.join strong{font:900 96px/1 var(--slab);letter-spacing:8px;margin:8px 0 6px;display:block}.join .qr{width:190px;height:190px;display:block}.crew{justify-content:center;align-items:end;gap:6px;display:flex;position:absolute;bottom:92px;left:24px;right:24px}.slot{appearance:none;cursor:default;background:0 0;border:0;justify-items:center;gap:6px;width:96px;padding:0;display:grid;position:relative}.slot .mon{width:84px;height:98px;animation:.7s cubic-bezier(.3,1.4,.5,1) both pg-land}.slot .plate{text-overflow:ellipsis;border-width:3px;max-width:100px;padding:5px 7px 6px;font-size:15px;overflow:hidden}.slot.kickable{cursor:pointer}.slot.kickable:hover .plate{background:var(--hot)}.slot.empty .hole{width:76px;height:92px;font:900 32px/1 var(--slab);color:#fff6;border:4px dashed #ffffff59;border-radius:38px 38px 14px 14px;place-items:center;display:grid}.slot.empty .plate{color:#ffffff80;background:0 0;border-color:#ffffff4d}.vip{background:var(--sun);color:var(--ink);border:3px solid var(--ink);font:900 12px/1 var(--slab);z-index:1;padding:3px 5px;position:absolute;top:-8px;right:0;transform:rotate(10deg)}.bub{background:var(--paper);border:4px solid var(--ink);font:900 18px/1 var(--slab);color:var(--ink);white-space:nowrap;z-index:1;border-radius:14px;padding:4px 9px 6px;position:absolute;bottom:calc(100% - 2px);left:50%;transform:translate(-50%)}.bub i{font-style:normal;animation:1s infinite tv-dot;display:inline-block}.bub i:nth-child(2){animation-delay:.15s}.bub i:nth-child(3){animation-delay:.3s}@keyframes tv-dot{30%{transform:translateY(-5px)}}.bub.done{background:var(--ok);animation:.4s cubic-bezier(.3,1.6,.5,1) both pg-pop}.slot.writing .mon{animation:none}.foot{z-index:4;align-items:center;gap:14px;display:flex;position:absolute;bottom:22px;left:40px;right:40px}.foot .credit{font:800 12px/1.2 var(--slab);color:#fff;opacity:.55;text-shadow:1px 1px 0 var(--ink);text-align:right;max-width:300px}.foot .grow{flex:1}.pill{background:var(--ink);color:#fff;font:800 17px/1 var(--slab);padding:9px 13px 10px}.tv-btn{appearance:none;border:5px solid var(--ink);background:var(--sun);color:var(--ink);font:900 22px/1 var(--slab);text-transform:uppercase;box-shadow:0 6px 0 var(--ink);cursor:pointer;padding:12px 22px 14px}.tv-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(5px)}.tv-btn[disabled]{color:#17122b80;cursor:default;background:#cfc9dd}.tv-btn.ghost{background:var(--paper)}.seg{border:4px solid var(--ink);background:var(--paper);display:inline-flex}.seg button{appearance:none;font:900 15px/1 var(--slab);cursor:pointer;color:var(--ink);background:0 0;border:0;padding:9px 12px 10px}.seg button.on{background:var(--sun)}.seg button+button{border-left:3px solid var(--ink)}.rules{grid-template-columns:repeat(3,1fr);gap:26px;display:grid;position:absolute;top:250px;left:70px;right:70px}.rule{font:400 30px/1.08 var(--answer);text-transform:uppercase;text-align:center;padding:20px 22px 24px;animation:.5s cubic-bezier(.2,.9,.3,1.3) both pg-drop}.rule:first-child{transform:rotate(-2deg)}.rule:nth-child(2){animation-delay:.15s;transform:rotate(1.5deg)}.rule:nth-child(3){animation-delay:.3s;transform:rotate(-1deg)}.rule b{background:var(--ink);color:#fff;width:54px;height:54px;font:900 28px/1 var(--slab);border-radius:50%;place-items:center;margin:-46px auto 10px;display:grid}.card{background:var(--paper);border:7px solid var(--ink);z-index:1;place-items:center;width:430px;min-height:236px;padding:26px 30px;display:grid;position:absolute}.card p{text-align:center;font:400 42px/1.05 var(--answer);text-transform:uppercase;color:var(--ink);overflow-wrap:anywhere;margin:0}.card .by{font:900 24px/1 var(--slab);text-transform:uppercase;color:var(--pc);text-align:center;animation:.3s both pg-fade;animation-delay:var(--d);margin-top:12px;display:block}.card .tag{font:800 14px/1 var(--slab);opacity:.6;text-transform:none;margin-top:6px;display:block}.card.L{--r:-3deg;transform:rotate(var(--r));top:236px;left:150px}.card.R{--r:3deg;transform:rotate(var(--r));top:212px;left:700px}.card.censored p{opacity:.35;font-family:var(--slab);font-size:28px;font-weight:900}.fly.L{animation:.95s cubic-bezier(.3,.1,.3,1) both tv-inL}.fly.R{animation:.95s cubic-bezier(.3,.1,.3,1) both tv-inR}@keyframes tv-inL{0%{transform:translate(-1100px)rotate(-28deg)}68%{transform:translate(62px)rotate(1deg)}80%{transform:translate(-26px)rotate(-6deg)}to{transform:rotate(var(--r))}}@keyframes tv-inR{0%{transform:translate(1100px)rotate(28deg)}68%{transform:translate(-62px)rotate(-1deg)}80%{transform:translate(26px)rotate(6deg)}to{transform:rotate(var(--r))}}.or{background:var(--sky);border:7px solid var(--ink);width:96px;height:96px;font:900 30px/1 var(--slab);color:var(--ink);z-index:3;border-radius:50%;place-items:center;margin:-48px;animation:.45s cubic-bezier(.3,1.6,.5,1) .72s both pg-pop,2.4s ease-in-out 1.3s infinite tv-wob;display:grid;position:absolute;top:340px;left:640px}.or.still{animation:none}@keyframes tv-wob{50%{transform:rotate(8deg)scale(1.04)}}.spark{z-index:4;pointer-events:none;width:260px;height:260px;margin:-130px;animation:.42s ease-out .64s both tv-burst;position:absolute;top:336px;left:640px}.spark line{stroke:#fff;stroke-width:9px;stroke-linecap:round}.spark line:nth-child(odd){stroke:var(--sun)}@keyframes tv-burst{0%{opacity:1;transform:scale(.2)}70%{opacity:1}to{opacity:0;transform:scale(1.25)}}.hide{appearance:none;border:3px solid var(--ink);background:var(--paper);font:900 13px/1 var(--slab);cursor:pointer;opacity:.55;z-index:2;padding:5px 8px 6px;position:absolute;bottom:-22px;right:18px}.hide:hover{opacity:1;background:var(--hot);color:#fff}.plates{flex-wrap:wrap-reverse;justify-content:center;gap:4px;width:400px;display:flex;position:absolute;bottom:calc(100% - 12px);left:50%;transform:translate(-50%)}.plates .plate{animation:.5s cubic-bezier(.3,1.5,.5,1) both tv-plate;animation-delay:var(--d);padding:6px 12px 7px 10px;font-size:18px;position:relative}.plates .plate .mon{margin-left:-15px;position:absolute;bottom:calc(100% - 6px);left:50%}.plates .plate.crowd{background:var(--ink)}@keyframes tv-plate{0%{transform:translateY(-420px)rotate(-12deg)}}.score{background:var(--ink);color:#fff;width:78px;height:78px;font:900 26px/1 var(--slab);animation:.4s cubic-bezier(.3,1.6,.5,1) both pg-pop;animation-delay:var(--d);z-index:2;border-radius:50%;place-items:center;display:grid;position:absolute;top:-34px}.L .score{left:-46px}.R .score{right:-46px}.gain{font:900 32px/1 var(--slab);color:var(--sun);text-shadow:3px 3px 0 var(--ink);animation:1.8s cubic-bezier(.2,.8,.3,1) both tv-gain;animation-delay:var(--d);z-index:2;position:absolute;top:-84px}.L .gain{left:-30px}.R .gain{right:-30px}@keyframes tv-gain{0%{opacity:0;transform:translateY(20px)scale(.4)}25%{opacity:1;transform:none}85%{opacity:1}to{opacity:0;transform:translateY(-24px)}}.tail{width:60px;height:50px;position:absolute;bottom:-46px}.L .tail{left:46px}.R .tail{right:46px;transform:scaleX(-1)}.tail path{fill:var(--paper);stroke:var(--pc,var(--ink));stroke-width:7px;stroke-linejoin:round}.author{width:130px;height:150px;animation:.6s cubic-bezier(.3,1.5,.5,1) both tv-rise;animation-delay:var(--d);position:absolute;bottom:-170px}.L .author{left:-40px}.R .author{right:-40px}@keyframes tv-rise{0%{transform:translateY(170px)}}.reveal .card{border-color:var(--pc)}.winner{animation:1.1s cubic-bezier(.3,1.4,.5,1) both tv-win;animation-delay:var(--d);z-index:2}@keyframes tv-win{0%{transform:rotate(var(--r))}35%{transform:rotate(calc(var(--r) * -1)) scale(1.1)}to{transform:rotate(var(--r)) scale(1.06)}}.stamp{z-index:6;background:var(--hot);color:#fff;border:6px solid var(--ink);font:900 40px/1 var(--slab);text-transform:uppercase;animation:.35s cubic-bezier(.3,1.8,.5,1) both tv-stamp;animation-delay:var(--d);white-space:nowrap;padding:10px 20px 14px;position:absolute;transform:rotate(-8deg)}.stamp.mid{top:52%;left:50%;translate:-50% -50%}@keyframes tv-stamp{0%{opacity:0;transform:rotate(-30deg)scale(2.4)}}.board{grid-template-rows:repeat(6,76px);grid-template-columns:1fr 1fr;grid-auto-flow:column;gap:8px 40px;display:grid;position:absolute;top:170px;left:70px;right:70px}.brow{animation:.5s cubic-bezier(.3,1.4,.5,1) both tv-row;animation-delay:var(--d);grid-template-columns:40px 58px 1fr 92px;align-items:center;gap:10px;display:grid}@keyframes tv-row{0%{opacity:0;transform:translate(-80px)}}.brow .n{background:var(--ink);color:#fff;width:40px;height:40px;font:900 20px/1 var(--slab);border-radius:50%;place-items:center;display:grid}.brow .mon{width:58px;height:68px}.brow .mid{justify-items:start;gap:6px;display:grid}.brow .track{border:3px solid var(--ink);background:#00000040;width:100%;height:14px}.brow .track i{background:var(--sun);transform-origin:0;height:100%;animation:.9s cubic-bezier(.3,1,.5,1) both tv-grow;animation-delay:var(--d);display:block}@keyframes tv-grow{0%{transform:scaleX(0)}}.brow .sc{font:900 30px/1 var(--slab);color:#fff;text-shadow:3px 3px 0 var(--ink);text-align:right}.brow .dl{font:900 16px/1 var(--slab);color:var(--sun);text-shadow:2px 2px 0 var(--ink);display:block}.fgrid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(0,1fr);gap:22px 20px;display:grid;position:absolute;inset:190px 60px 90px}.fa{background:var(--paper);border:5px solid var(--ink);font:400 26px/1.04 var(--answer);text-transform:uppercase;text-align:center;animation:.45s cubic-bezier(.3,1.4,.5,1) both pg-drop;animation-delay:var(--d);overflow-wrap:anywhere;place-items:center;padding:12px 14px;display:grid;position:relative}.fa:nth-child(odd){transform:rotate(-1.5deg)}.fa:nth-child(2n){transform:rotate(1.5deg)}.fa .k{background:var(--ink);color:#fff;min-width:40px;height:40px;font:900 18px/1 var(--slab);border-radius:20px;place-items:center;padding:0 8px;display:grid;position:absolute;top:-16px;left:-14px}.fa .hide{bottom:-16px}.fa.top1{background:var(--sun)}.fa .who{align-items:end;gap:2px;display:flex;position:absolute;bottom:-18px;right:-10px}.fa .who .plate{border-width:3px;padding:3px 6px 4px;font-size:13px}.fa .prize{font:900 22px/1 var(--slab);color:var(--sun);text-shadow:2px 2px 0 var(--ink);position:absolute;top:-16px;right:-12px}.medals{font:900 16px/1 var(--slab);justify-content:center;gap:6px;margin-top:8px;display:flex}.medals span{align-items:center;gap:3px;display:inline-flex}.medals i{border:3px solid var(--ink);border-radius:50%;width:16px;height:16px;display:inline-block}.medals .g i{background:#f5b915}.medals .s i{background:#c9cfdb}.medals .b i{background:#d08a4f}.podium{justify-content:center;align-items:end;gap:26px;display:flex;position:absolute;bottom:96px;left:0;right:0}.pd{justify-items:center;width:230px;display:grid}.pd .col{background:var(--paper);border:6px solid var(--ink);width:100%;font:900 56px/1 var(--slab);color:var(--ink);animation:.8s cubic-bezier(.3,1.3,.5,1) both tv-col;animation-delay:var(--d);transform-origin:bottom;place-items:start center;padding-top:10px;display:grid}.pd.p1 .col{background:var(--sun)}@keyframes tv-col{0%{transform:scaleY(0)}}.pd .mon{animation:.7s cubic-bezier(.3,1.4,.5,1) both pg-land;animation-delay:calc(var(--d) + .5s)}.pd .plate{margin:4px 0}.pd .sc{font:900 26px/1 var(--slab);color:#fff;text-shadow:3px 3px 0 var(--ink);margin-bottom:6px}.rest{gap:6px;display:grid;position:absolute;top:150px;right:50px}.rest div{font:900 18px/1 var(--slab);color:#fff;text-shadow:2px 2px 0 var(--ink);align-items:center;gap:8px;display:flex}.rest .mon{width:34px;height:40px}.tv-center{text-align:center;color:#fff;font:900 40px/1.2 var(--slab);text-shadow:4px 4px 0 var(--ink);place-items:center;display:grid;position:absolute;inset:0}body.is-phone{overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;overflow:hidden}.ph-wrap{height:var(--app-h);background:var(--bg);transition:background-color .4s;position:fixed;top:0;left:0;right:0;overflow:hidden}.ph-wrap .swirl{width:1900px;height:1900px;margin:-950px 0 0 -950px;animation-duration:120s;top:42%}.ph{z-index:1;flex-direction:column;max-width:520px;height:100%;margin:0 auto;display:flex;position:relative}.ph-top{padding:calc(env(safe-area-inset-top) + 10px) 14px 6px;align-items:center;gap:8px;min-height:58px;display:flex}.ph-top .code{background:var(--ink);color:#fff;font:900 17px/1 var(--slab);letter-spacing:1.5px;padding:7px 9px 8px}.ph-top .me{align-items:center;gap:6px;min-width:0;margin:0 auto;display:flex}.ph-top .me .mon{width:34px;height:40px}.ph-top .me .plate{text-overflow:ellipsis;border-width:3px;max-width:150px;padding:5px 8px 6px;font-size:15px;overflow:hidden}.ph-top .tm{background:var(--ink);color:#fff;font:900 22px/1 var(--slab);text-align:center;min-width:50px;padding:7px 8px 8px;transform:rotate(-5deg)}.ph-top .tm.low{background:var(--hot);animation:1s step-end infinite ph-tick}@keyframes ph-tick{50%{transform:rotate(-5deg)scale(1.12)}}.ph-top .icon{appearance:none;border:3px solid var(--ink);background:var(--sun);cursor:pointer;width:40px;height:40px;box-shadow:0 3px 0 var(--ink);place-items:center;padding:0;display:grid;transform:rotate(3deg)}.ph-top .icon:active{box-shadow:0 1px 0 var(--ink);transform:rotate(3deg)translateY(2px)}.ph-top .icon .ico{width:24px;height:24px}.ph-top .ph-sp{width:50px}.ph-main{min-height:0;padding:4px 16px calc(env(safe-area-inset-bottom) + 14px);flex-direction:column;flex:1;animation:.42s cubic-bezier(.2,.9,.3,1.15) both ph-enter;display:flex;position:relative}@keyframes ph-enter{0%{opacity:0;transform:translate(40%)}}.grow{flex:1;min-height:0}.center{flex-direction:column;justify-content:center;display:flex}.ph-h{font:900 26px/1.1 var(--slab);color:#fff;text-shadow:3px 3px 0 var(--ink);text-align:center;margin:4px 0 12px}.ph-p{text-align:center;color:#fff;font:800 16px/1.3 var(--slab);opacity:.92;text-shadow:1px 1px #00000040;margin:0 6px 12px}.ph-err{text-align:center;color:#fff;background:var(--hot);border:3px solid var(--ink);font:800 15px/1.2 var(--slab);margin:0 0 10px;padding:7px 10px}.btn{appearance:none;border:5px solid var(--ink);background:var(--sun);width:100%;color:var(--ink);font:900 22px/1 var(--slab);text-transform:uppercase;box-shadow:0 7px 0 var(--ink);cursor:pointer;margin-bottom:7px;padding:16px 12px 18px;transition:transform 60ms,box-shadow 60ms;display:block}.btn:active:not([disabled]){box-shadow:0 1px 0 var(--ink);transform:translateY(6px)}.btn[disabled]{color:#17122b80;background:#cfc9dd}.btn.ghost{background:var(--paper);padding:12px 10px 14px;font-size:17px}.link{appearance:none;color:#fff;font:800 16px/1.2 var(--slab);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;align-self:center;padding:10px 6px 4px;text-decoration:underline}.ph .logo{align-self:center;margin:6px 0 18px;position:static}.ph .logo b{box-shadow:6px 6px 0 var(--ink);border-width:5px;padding:8px 16px 11px;font-size:34px}.peek{justify-content:center;gap:2px;margin-bottom:-18px;display:flex;position:relative}.peek .mon:nth-child(2){transform:translateY(-8px)}.form{border-width:5px;padding:16px 16px 18px;transform:rotate(1deg)}.form label{font:800 15px/1 var(--slab);opacity:.65;margin:0 0 6px;display:block}.form input{border:0;border-bottom:4px solid var(--ink);width:100%;color:var(--ink);-webkit-user-select:text;user-select:text;background:0 0;border-radius:0;outline:none;padding:2px 0 6px;display:block}.form .ci{font:900 44px/1 var(--slab);letter-spacing:16px;text-transform:uppercase;text-align:center;padding-left:16px}.form .ni{font:400 30px/1.1 var(--answer);text-transform:uppercase;padding-top:6px}.form .gap{height:16px}.ban{background:var(--paper);border:4px solid var(--ink);font:800 15px/1.25 var(--slab);text-align:center;margin:0 0 12px;padding:8px 10px}.grid{grid-template-columns:repeat(4,1fr);gap:8px 7px;display:grid}.tile{appearance:none;background:var(--paper);border:4px solid var(--ink);cursor:pointer;justify-items:center;padding:5px 0 3px;transition:transform .12s;display:grid;position:relative}.tile .mon{aspect-ratio:120/140;width:100%;height:auto;max-height:64px}.tile:active{transform:scale(.94)}.tile.taken{cursor:default;background:#ffffff59}.tile.taken .mon{opacity:.45;filter:grayscale(.6)}.tile .who{text-overflow:ellipsis;border-width:2px;max-width:100%;padding:3px 4px 4px;font-size:10px;position:absolute;bottom:-8px;left:50%;overflow:hidden;transform:translate(-50%)rotate(-4deg)}.tile.mine{background:var(--sun);z-index:1;box-shadow:0 5px 0 var(--ink);transform:scale(1.06)rotate(-2deg)}.tile.mine .mon{animation:.5s cubic-bezier(.3,1.6,.5,1) ph-bounce}@keyframes ph-bounce{0%{transform:scale(.6,1.3)translateY(10px)}}.hero{align-content:center;justify-items:center;display:grid}.hero .mon{aspect-ratio:120/140;width:min(40vw,170px);height:auto;max-height:100%}.step{justify-content:center;gap:6px;margin:2px 0 10px;display:flex}.step i{border:2px solid var(--ink);background:#ffffff4d;width:34px;height:8px}.step i.on{background:var(--sun)}.q{font:900 20px/1.22 var(--slab);text-align:center;border-width:5px;padding:13px 15px 15px;position:relative;transform:rotate(-1.2deg)}.q:after{content:"";background:var(--paper);border:5px solid var(--ink);clip-path:polygon(0 0,100% 0,30% 100%);border-top:0;width:26px;height:22px;position:absolute;bottom:-22px;left:32px}.a{border-width:5px;flex-direction:column;min-height:96px;margin-top:18px;padding:8px 14px 6px;display:flex;transform:rotate(.8deg)}.a textarea{resize:none;width:100%;min-height:60px;color:var(--ink);font:400 29px/1.08 var(--answer);text-transform:uppercase;-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;flex:1;padding:8px 0 0}.a textarea::placeholder{color:#17122b4d}.cnt{font:800 13px/1 var(--slab);opacity:.5;align-self:flex-end}.cnt.hot{color:var(--hot);opacity:1}.act{margin-top:14px;display:grid}.vq{color:#fff;font:900 19px/1.2 var(--slab);text-shadow:2px 2px 0 var(--ink);text-align:center;margin:0 4px 12px}.pair{flex:1;grid-template-rows:1fr 1fr;gap:22px;min-height:0;padding-bottom:8px;display:grid;position:relative}.opt{appearance:none;background:var(--paper);border:5px solid var(--ink);font:400 31px/1.04 var(--answer);text-transform:uppercase;color:var(--ink);text-align:center;cursor:pointer;touch-action:none;box-shadow:0 7px 0 var(--ink);overflow-wrap:anywhere;place-items:center;padding:10px 18px;display:grid;position:relative}.opt:first-child{--r:-1.5deg;transform:rotate(var(--r));animation:.55s cubic-bezier(.3,1.3,.5,1) both ph-inT}.opt:nth-child(2){--r:1.5deg;transform:rotate(var(--r));animation:.55s cubic-bezier(.3,1.3,.5,1) 80ms both ph-inB}@keyframes ph-inT{0%{transform:translate(-110%)rotate(-12deg)}}@keyframes ph-inB{0%{transform:translate(110%)rotate(12deg)}}.vor{background:var(--sky);border:5px solid var(--ink);width:58px;height:58px;font:900 17px/1 var(--slab);z-index:2;pointer-events:none;border-radius:50%;place-items:center;margin:-33px 0 0 -29px;animation:.4s cubic-bezier(.3,1.6,.5,1) .45s both pg-pop;display:grid;position:absolute;top:50%;left:50%}.opt.pick{background:var(--sun);z-index:1;animation:.45s cubic-bezier(.3,1.5,.5,1) both ph-picked}@keyframes ph-picked{0%{transform:scale(.94,.9)}60%{transform:scale(1.05)rotate(-2deg)}to{transform:scale(1.02)rotate(-1deg)}}.opt.dim{opacity:.55}.opt .stampy{background:var(--ok);border:4px solid var(--ink);font:900 14px/1 var(--slab);text-transform:uppercase;padding:6px 8px 7px;animation:.3s cubic-bezier(.3,1.8,.5,1) 50ms both ph-stamp;position:absolute;top:-14px;right:10px;transform:rotate(8deg)}@keyframes ph-stamp{0%{opacity:0;transform:rotate(30deg)scale(2.2)}}.hint{text-align:center;color:#fff;font:800 14px/1.2 var(--slab);opacity:.8;margin-top:6px}.flist{scrollbar-width:thin;scrollbar-gutter:stable;flex:1;align-content:start;gap:7px;min-height:0;padding:2px 2px 8px;display:grid;overflow-y:auto}.fopt{appearance:none;text-align:left;background:var(--paper);border:4px solid var(--ink);font:400 22px/1.05 var(--answer);text-transform:uppercase;color:var(--ink);cursor:pointer;min-height:48px;padding:8px 12px 8px 44px;position:relative}.fopt b{background:var(--ink);color:#fff;width:28px;height:28px;font:900 14px/1 var(--slab);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:8px;translate:0 -50%}.fopt.g{background:#ffe07a}.fopt.g b{color:var(--ink);background:#f5b915}.fopt.s{background:#eef0f5}.fopt.s b{color:var(--ink);background:#c9cfdb}.fopt.br{background:#f4c9a2}.fopt.br b{color:var(--ink);background:#d08a4f}.fopt[disabled]{opacity:.5;cursor:default}.fopt .own{font:800 12px/1 var(--slab);text-transform:none;opacity:.7;margin-left:6px}.big{font:900 60px/1 var(--slab);color:var(--sun);text-shadow:4px 4px 0 var(--ink);text-align:center}.place{background:var(--ink);color:#fff;font:900 20px/1 var(--slab);align-self:center;margin-top:10px;padding:8px 14px 10px;transform:rotate(-3deg)}.stat3{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.stat3 div{background:var(--paper);border:4px solid var(--ink);text-align:center;padding:8px 6px}.stat3 b{font:900 20px/1 var(--slab);display:block}.stat3 span{font:800 12px/1.2 var(--slab);opacity:.65;margin-top:4px;display:block}.quote{background:var(--paper);border:4px solid var(--ink);font:400 24px/1.05 var(--answer);text-transform:uppercase;text-align:center;margin-top:12px;padding:10px 12px;transform:rotate(-1deg)}.sheet-bg{z-index:8;background:#0e0b1a59;animation:.2s both pg-fade;position:absolute;inset:0}.sheet{z-index:9;background:var(--paper);border-top:5px solid var(--ink);padding:10px 16px calc(env(safe-area-inset-bottom) + 16px);scrollbar-width:thin;scrollbar-gutter:stable;max-height:86%;animation:.32s cubic-bezier(.2,.9,.3,1.1) both ph-up;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}@keyframes ph-up{0%{transform:translateY(100%)}}.sheet .grab{background:#17122b4d;border-radius:3px;width:44px;height:5px;margin:0 auto 10px}.sheet h3{font:900 22px/1 var(--slab);margin:0 0 12px}.sheet .lbl{font:800 14px/1 var(--slab);opacity:.65;margin:14px 0 6px}.sheet .seg{width:100%;display:flex}.sheet .seg button{flex:1;padding:11px 6px 12px;font-size:14px}.plist{gap:6px;display:grid}.plist div{align-items:center;gap:8px;display:flex}.plist .mon{width:32px;height:37px}.plist .grow{font:900 16px/1 var(--slab);flex:1}.plist button{appearance:none;border:3px solid var(--ink);background:var(--paper);font:900 13px/1 var(--slab);cursor:pointer;padding:6px 8px}.spin{border:7px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:54px;height:54px;margin:0 auto 14px;animation:.9s linear infinite pg-spin}.gear{z-index:6;appearance:none;border:4px solid var(--ink);background:var(--paper);color:var(--ink);font:900 15px/1 var(--slab);cursor:pointer;box-shadow:0 4px 0 var(--ink);align-items:center;gap:6px;padding:7px 11px 8px;display:flex;position:absolute;top:108px;right:48px}.gear.static{position:static}.gear:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.gear .ico{width:18px;height:18px}.room.hid b{letter-spacing:6px}.join strong.hid{letter-spacing:14px}.join .qr-off{width:190px;height:190px;font:900 80px/1 var(--slab);color:#17122b59;border:6px dashed #17122b59;place-items:center;display:grid}.peekc{appearance:none;border:3px solid var(--ink);background:var(--sun);color:var(--ink);font:900 14px/1 var(--slab);cursor:pointer;vertical-align:1px;padding:4px 8px 5px}.set-root{z-index:30;pointer-events:none;position:fixed;inset:0}.set-root>*{pointer-events:auto}.set-bg{background:#17122b40;position:fixed;inset:0}.set{background:var(--paper);border:6px solid var(--ink);width:min(420px,100vw - 32px);color:var(--ink);font-family:var(--slab);flex-direction:column;animation:.32s cubic-bezier(.2,.9,.3,1.1) both set-in;display:flex;position:fixed;top:16px;bottom:16px;right:16px;box-shadow:10px 10px #17122b73}@keyframes set-in{0%{transform:translate(110%)}}.set header{border-bottom:4px solid var(--ink);align-items:center;gap:10px;padding:14px 18px 12px;display:flex}.set header h3{font:900 24px/1 var(--slab);flex:1;margin:0}.set header button{appearance:none;border:4px solid var(--ink);background:var(--sun);color:var(--ink);font:900 15px/1 var(--slab);cursor:pointer;box-shadow:0 3px 0 var(--ink);padding:8px 12px 9px}.set .body{scrollbar-width:thin;scrollbar-color:#17122b66 transparent;scrollbar-gutter:stable;flex:1;padding:6px 18px 18px;overflow-y:auto}.set h4{font:900 13px/1 var(--slab);text-transform:uppercase;letter-spacing:1px;opacity:.55;margin:16px 0 8px}.set .rowx{grid-template-columns:1fr auto;align-items:center;gap:10px;padding:8px 0;display:grid}.set .rowx b{font:800 17px/1.15 var(--slab)}.set .rowx small{opacity:.6;margin-top:3px;font:600 13px/1.25 -apple-system,BlinkMacSystemFont,sans-serif;display:block}.vol{font:800 16px/1 var(--slab);grid-template-columns:92px 1fr 40px;align-items:center;gap:10px;padding:6px 0;display:grid}.vol output{text-align:right;font:900 15px/1 var(--slab);opacity:.7}.vol input{appearance:none;background:linear-gradient(90deg, var(--sun) var(--v), #e6e0f2 var(--v));border:3px solid var(--ink);cursor:pointer;width:100%;height:14px;margin:0}.vol input::-webkit-slider-thumb{-webkit-appearance:none;border:4px solid var(--ink);background:#fff;border-radius:50%;width:24px;height:24px}.vol input::-moz-range-thumb{border:4px solid var(--ink);background:#fff;border-radius:50%;width:18px;height:18px}.tg{appearance:none;border:4px solid var(--ink);cursor:pointer;background:#e6e0f2;width:58px;height:32px;padding:0;position:relative}.tg:after{content:"";border:3px solid var(--ink);background:#fff;width:20px;height:20px;transition:transform .15s;position:absolute;top:2px;left:2px}.tg.on{background:#7be07b}.tg.on:after{transform:translate(26px)}.sg{border:4px solid var(--ink);margin:4px 0 6px;display:flex}.sg button{appearance:none;font:900 14px/1.1 var(--slab);cursor:pointer;color:var(--ink);background:#fff;border:0;flex:1;padding:10px 6px 11px}.sg button+button{border-left:3px solid var(--ink)}.sg button.on{background:var(--sun)}.test{appearance:none;border:4px solid var(--ink);color:var(--ink);font:900 14px/1 var(--slab);cursor:pointer;background:#fff;margin-top:6px;padding:8px 12px 9px}.ph-wrap.is-home{scrollbar-width:thin;scrollbar-color:#ffffff59 transparent;overflow:hidden auto}.ph-wrap.is-home .swirl{position:fixed;top:50%}.home{z-index:1;-webkit-user-select:text;user-select:text;max-width:1180px;margin:0 auto;padding:28px 40px 48px;position:relative}.home .top{align-items:center;gap:24px;display:flex}.home .logo{position:static;transform:rotate(-4deg)}.home .logo b{padding:8px 18px 12px;font-size:40px}.hjoin{background:var(--paper);border:5px solid var(--ink);align-items:end;gap:10px;margin-left:auto;padding:10px 12px 12px 16px;display:flex;transform:rotate(1deg);box-shadow:7px 7px #17122b80}.hjoin label{font:800 13px/1 var(--slab);color:#17122ba6;gap:4px;display:grid}.hjoin input{border:0;border-bottom:4px solid var(--ink);color:var(--ink);background:0 0;border-radius:0;outline:none;padding:2px 0 4px}.hjoin input:focus{border-bottom-color:var(--hot,#ef3e36)}.hjoin .ci{width:130px;font:900 30px/1 var(--slab);letter-spacing:8px;text-transform:uppercase}.hjoin .ni{width:170px;font:400 26px/1 var(--answer);text-transform:uppercase}.home .btn{width:auto;box-shadow:0 5px 0 var(--ink);margin:0;padding:12px 18px 14px;font-size:19px;display:inline-block}.home .icon{appearance:none;border:4px solid var(--ink);background:var(--sun);cursor:pointer;width:56px;height:56px;box-shadow:0 5px 0 var(--ink);flex:none;place-items:center;padding:0;display:grid;transform:rotate(3deg)}.home .icon:active{box-shadow:0 1px 0 var(--ink);transform:rotate(3deg)translateY(3px)}.home .icon .ico{width:32px;height:32px}.herr{background:var(--hot,#ef3e36);color:#fff;border:4px solid var(--ink);width:max-content;max-width:100%;font:800 16px/1.2 var(--slab);margin:18px 0 0 auto;padding:8px 12px}.home h1{font:900 44px/1 var(--slab);color:#fff;text-shadow:4px 4px 0 var(--ink);margin:44px 0 6px}.home .lead{color:#fff;font:800 18px/1.3 var(--slab);opacity:.85;margin:0 0 26px}.games{grid-template-columns:1fr 1fr;gap:34px;display:grid}.game{appearance:none;text-align:left;border:6px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;box-shadow:9px 9px 0 var(--ink);font:inherit;flex-direction:column;padding:0;transition:transform .18s cubic-bezier(.3,1.4,.5,1),box-shadow .18s;display:flex;position:relative}.game:first-child{transform:rotate(-1.2deg)}.game:nth-child(2){transform:rotate(1.2deg)}.game:not(.soon):hover,.game:not(.soon):focus-visible{box-shadow:14px 16px 0 var(--ink);outline:none;transform:rotate(0)translateY(-8px)scale(1.02)}.game:not(.soon):active{box-shadow:4px 4px 0 var(--ink);transform:translateY(2px)scale(.99)}.game .art{border-bottom:6px solid var(--ink);background:#1d6fa3;height:270px;position:relative;overflow:hidden}.game .swirl2{width:1200px;height:1200px;margin:-600px;animation:60s linear infinite pg-spin;position:absolute;top:50%;left:50%}.game .swirl2 path{fill:#2584bd}.game .c{background:var(--paper);border:5px solid var(--ink);width:190px;min-height:104px;font:400 24px/1 var(--answer);text-transform:uppercase;text-align:center;place-items:center;padding:10px 12px;display:grid;position:absolute}.game .c1{top:70px;left:40px;transform:rotate(-5deg)}.game .c2{top:58px;right:40px;transform:rotate(5deg)}.game:hover .c1{animation:.5s cubic-bezier(.3,.1,.3,1) home-hitL}.game:hover .c2{animation:.5s cubic-bezier(.3,.1,.3,1) home-hitR}@keyframes home-hitL{50%{transform:translate(26px)rotate(0)}}@keyframes home-hitR{50%{transform:translate(-26px)rotate(0)}}.game .or{z-index:1;background:#7fe0ff;border-width:5px;width:62px;height:62px;margin:0 0 0 -31px;font-size:19px;animation:none;top:92px;left:50%}.hcrew{justify-content:center;gap:4px;display:flex;position:absolute;bottom:-18px;left:0;right:0}.hcrew .mon:nth-child(odd){transform:translateY(10px)}.game .name{background:var(--sun);border:5px solid var(--ink);font:900 30px/1 var(--slab);text-transform:uppercase;z-index:2;padding:6px 12px 9px;position:absolute;top:18px;left:22px;transform:rotate(-4deg)}.game .meta{scrollbar-width:none;flex-wrap:nowrap;gap:8px;padding:14px 16px 6px;display:flex;overflow-x:auto}.game .meta::-webkit-scrollbar{display:none}.game .meta span{background:var(--ink);color:#fff;font:800 14px/1 var(--slab);flex:none;padding:7px 10px 8px}.game .desc{font:800 16px/1.3 var(--slab);opacity:.8;margin:0;padding:6px 16px 0}.game .go{align-self:flex-start;margin:14px 16px 16px}.game.soon{cursor:not-allowed;filter:grayscale(.85)}.game.soon .art{background:#3a3550}.game.soon .swirl2 path{fill:#46405e}.game.soon .name{background:#cfc9dd}.game.soon .go{box-shadow:none;background:#cfc9dd}.soon-stamp{z-index:3;color:#fff;border:5px solid var(--ink);font:900 26px/1 var(--slab);text-transform:uppercase;background:#ef3e36;padding:8px 14px 10px;position:absolute;top:22px;right:18px;transform:rotate(8deg)}.game .ghost{width:180px;height:220px;font:900 90px/1 var(--slab);color:#ffffff73;border:6px dashed #fff6;border-radius:90px 90px 24px 24px;place-items:center;margin-left:-90px;display:grid;position:absolute;bottom:10px;left:50%}.making{z-index:10;color:#fff;font:900 34px/1.2 var(--slab);text-align:center;background:#17122bb3;place-items:center;animation:.2s both pg-fade;display:grid;position:fixed;inset:0}.making .row{justify-content:center;gap:8px;margin-bottom:18px;display:flex}body[data-skin=newyear]{--bg-lobby:#123f6b;--bg2-lobby:#18507f;--bg-write:#9e1f2c;--bg2-write:#b22a37;--bg-vote:#0f5a4a;--bg2-vote:#146c59;--bg-final:#4b2378;--bg2-final:#5a2d8d;--bg-podium:#123f6b;--bg2-podium:#18507f;--prompt:#ffe9a8;--sun:#ffd23f;--sky:#bfe9ff}body[data-skin=newyear] .snow{pointer-events:none;z-index:0;opacity:.8;background-image:radial-gradient(3px 3px at 20px 30px,#fff 50%,#0000 52%),radial-gradient(2px 2px at 80px 120px,#ffffffe6 50%,#0000 52%),radial-gradient(4px 4px at 150px 70px,#ffffffd9 50%,#0000 52%),radial-gradient(2px 2px at 200px 180px,#ffffffb3 50%,#0000 52%),radial-gradient(3px 3px at 110px 220px,#fff 50%,#0000 52%);background-size:240px 240px,240px 240px,240px 240px,240px 240px,240px 240px;animation:14s linear infinite ny-snow;display:block;position:absolute;inset:-40px 0 0}@keyframes ny-snow{0%{background-position:0 0,0 0,0 0,0 0,0 0}to{background-position:40px 240px,-30px 480px,60px 240px,-20px 480px,30px 240px}}body[data-skin=newyear] .garland{pointer-events:none;z-index:2;background-color:#0000;background-image:radial-gradient(7px 9px at 30px 20px,#ff4d5a 60%,#0000 64%),radial-gradient(7px 9px at 90px 22px,#ffd23f 60%,#0000 64%),radial-gradient(7px 9px at 150px 20px,#4dd7ff 60%,#0000 64%),radial-gradient(7px 9px at 210px 22px,#7be07b 60%,#0000 64%),linear-gradient(#0000 9px,#17122b 9px 12px,#0000 12px);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:240px 34px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;height:34px;animation:1.6s steps(2,end) infinite ny-blink;display:block;position:absolute;top:0;left:0;right:0}@keyframes ny-blink{50%{filter:hue-rotate(140deg)brightness(1.15)}}body[data-skin=newyear] .ph-wrap .garland{top:env(safe-area-inset-top)}body[data-skin=newyear] .tv .timer,body[data-skin=newyear] .tv .room,body[data-skin=newyear] .tv .logo{top:48px}body[data-skin=newyear] .logo b{background:#fff;box-shadow:7px 7px #c8202f}body[data-skin=newyear] .tv-btn,body[data-skin=newyear] .btn{box-shadow:0 7px #7d1520}@media (prefers-reduced-motion:reduce){body[data-skin=newyear] .snow,body[data-skin=newyear] .garland{animation:none}}