@font-face{font-family:Fredoka;src:url(/assets/fredoka-DM6njrJ3.woff2)format("woff2");font-weight:300 700;font-display:swap}@property --bg1{syntax:"<color>";inherits:true;initial-value:#8fd8ff}@property --bg2{syntax:"<color>";inherits:true;initial-value:#46a8f2}:root{--ink:#3c3c4a;--soft:#8a8a9c;--line:#e5e5ee;--card:#fff;--gold:#ffc800;--gold-d:#d99a00;--good:#58cc02;--good-d:#46a302;--bad:#ff4b4b;--bad-d:#d33131;--you:#1cb0f6;--spring:cubic-bezier(.3, 1.7, .5, 1);--rt:.28;--rc:22px;--rb:18px;--ri:14px;--rm:30%;--press:translateY(3px) scale(.95);--panel-shadow:0 5px 0 #00000014;--px:0;--py:0;--drift:0deg}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--ink);background:linear-gradient(160deg, var(--bg1), var(--bg2));-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:default;font:600 16px/1.25 Fredoka,ui-rounded,system-ui,sans-serif;transition:--bg1 .9s,--bg2 .9s;overflow-x:hidden}svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.25em;height:1.25em}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}button:disabled{cursor:default}input{font:inherit;color:inherit}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.bg{z-index:-1;filter:hue-rotate(var(--drift));background:radial-gradient(circle at calc(50% + var(--px) * 35%) calc(40% + var(--py) * 35%), #ffffff73, transparent 45%), linear-gradient(160deg, var(--bg1), var(--bg2));position:fixed;inset:-10%}.bg i{translate:calc(var(--px) * var(--d) * -1px) calc(var(--py) * var(--d) * -1px);background:#ffffff38;border-radius:50%;animation:14s ease-in-out infinite alternate float;position:absolute;box-shadow:inset 0 -12px #0000000a}.bg i:first-child{--d:30;width:220px;height:220px;top:8%;left:2%}.bg i:nth-child(2){--d:14;width:90px;height:90px;animation-duration:11s;top:14%;left:70%}.bg i:nth-child(3){--d:40;width:300px;height:300px;animation-duration:17s;top:60%;left:62%}.bg i:nth-child(4){--d:10;width:50px;height:50px;animation-duration:9s;top:70%;left:20%}.bg i:nth-child(5){--d:22;border-radius:34%;width:130px;height:130px;animation-duration:13s;top:38%;left:40%;rotate:12deg}.bg i:nth-child(6){--d:8;border-radius:30%;width:36px;height:36px;top:44%;left:86%}.bg i:nth-child(7){--d:18;border-radius:30%;width:70px;height:70px;animation-duration:10s;top:46%;left:8%;rotate:-14deg}.bg i:nth-child(8){--d:26;width:160px;height:160px;animation-duration:15s;top:88%;left:30%}@keyframes float{to{transform:translateY(-28px)rotate(8deg)}}body.urgent .bg i{animation-duration:2.5s}.app{max-width:560px;min-height:100dvh;padding:max(10px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.top{align-items:center;gap:8px;height:48px;display:flex}.spacer{flex:1}.stage{flex-direction:column;flex:1;display:flex}.screen{animation:screen-in .35s var(--spring);flex-direction:column;flex:1;align-items:center;gap:14px;padding-top:4px;display:flex}@keyframes screen-in{0%{opacity:0;transform:translateY(14px)scale(.98)}}.btn,.icon-btn,.chip-btn,.toggle,.seg button,.lt,.cat-chip,.seat,.mode-pick button,.ans,.solo-row,.chip,.flame-btn,.link-btn,.decide button,.kick,.chip-x{transition:transform .22s var(--spring), filter .15s, box-shadow .15s, background-color .2s}@media (hover:hover){:is(.btn,.icon-btn,.chip-btn,.toggle,.seg button,.lt,.cat-chip,.mode-pick button,.chip,.flame-btn,.link-btn,.decide button,.solo-row):not(:disabled):hover{filter:brightness(1.06);transform:translateY(-1px)scale(1.03)}.seat:hover,.card:hover,.ans:hover{transform:scale(1.015)}.mascot:hover .m-body{transform:rotate(-4deg)scale(1.04)}}:is(.btn,.icon-btn,.chip-btn,.toggle,.seg button,.lt,.cat-chip,.mode-pick button,.chip,.flame-btn,.link-btn,.decide button,.solo-row,.ans,.kick,.chip-x):not(:disabled):active{transform:var(--press);transition-duration:60ms}:focus-visible{outline:3px solid var(--you);outline-offset:3px}.icon-btn,.chip-btn{border-radius:var(--ri);background:#ffffffbf;justify-content:center;align-items:center;gap:6px;min-width:42px;height:42px;padding:0 10px;display:inline-flex;box-shadow:0 3px #0000001a}.icon-btn.done{background:var(--good);color:#fff}.chip-btn .av{width:26px;height:26px;font-size:13px}.chip-btn>svg{color:var(--gold-d)}.btn{--b:#fff;--e:#d9d9e3;border-radius:var(--rb);background:var(--b);min-width:58px;min-height:58px;box-shadow:0 5px 0 var(--e);justify-content:center;align-items:center;gap:8px;padding:0 26px;font-size:20px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn svg{width:28px;height:28px}.btn:not(:disabled):active{box-shadow:0 1px 0 var(--e)}.btn.primary{--b:var(--good);--e:var(--good-d);color:#fff;min-width:180px}.btn.ghost{--b:#fffc;--e:#0000001a}.btn.nudge{animation:1.4s ease-in-out infinite nudge}@keyframes nudge{50%{transform:scale(1.05)}}.btn:before{content:"";height:8px;translate:calc(var(--px) * 6px) 0;background:#ffffff4d;border-radius:8px;position:absolute;top:6px;left:10px;right:10px}.av{--pc:#ccc;border-radius:calc(36px * var(--rt));background:var(--pc);color:#fff;width:36px;height:36px;box-shadow:0 3px 0 color-mix(in srgb, var(--pc), black 25%);text-transform:uppercase;flex:none;place-items:center;font-size:17px;font-weight:700;display:inline-grid}.av svg{fill:currentColor;width:18px;height:18px}.av.big{border-radius:22px;width:64px;height:64px;font-size:30px}.av.sm{border-radius:9px;width:26px;height:26px;font-size:13px}.mascot{--m:72px;--lx:0;--ly:0;width:var(--m);height:calc(var(--m) * 1.08);cursor:pointer;flex:none;position:relative}.mascot.big{--m:120px}.mascot.huge{--m:min(46vw, 200px)}.mascot.letter{--m:64px}.m-body{inset:0 0 calc(var(--m) * .08);border-radius:var(--rm);background:radial-gradient(circle at calc(30% + var(--px) * 12%) 22%, #ffe066, var(--gold) 60%);box-shadow:0 calc(var(--m) * .08) 0 var(--gold-d), inset 0 calc(var(--m) * -.04) 0 #0000000f;transition:transform .25s var(--spring);animation:3.2s ease-in-out infinite breathe;position:absolute}.m-body:before{content:"";width:34%;height:12%;translate:calc(var(--px) * var(--m) * .06) 0;background:#ffffff8c;border-radius:99px;position:absolute;top:8%;left:16%;rotate:-8deg}@keyframes breathe{50%{transform:scale(1.02,.98)translateY(1px)}}.m-shadow{left:14%;right:14%;bottom:calc(var(--m) * -.1);height:calc(var(--m) * .1);filter:blur(2px);background:#0000001f;border-radius:50%;position:absolute}.m-eyes{justify-content:space-between;display:flex;position:absolute;top:18%;left:18%;right:18%}.m-eyes i{width:calc(var(--m) * .22);height:calc(var(--m) * .22);box-shadow:inset 0 calc(var(--m) * -.015) 0 #00000014;transition:transform .18s var(--spring), border-radius .18s;background:#fff;border-radius:50%;place-items:center;animation:4.6s infinite blink;display:grid}.m-eyes b{background:var(--ink);width:50%;height:50%;translate:calc(var(--lx) * var(--m) * .045) calc(var(--ly) * var(--m) * .045);box-shadow:inset calc(var(--m) * .02) calc(var(--m) * .02) 0 -1px #fff;border-radius:50%;transition:translate .12s ease-out}@keyframes blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}.m-mouth{width:calc(var(--m) * .26);height:calc(var(--m) * .12);border:calc(var(--m) * .04) solid var(--ink);transition:all .2s var(--spring);border-top:0;border-radius:0 0 99px 99px;position:absolute;top:44%;left:50%;translate:-50%}.m-letter{font-size:calc(var(--m) * .34);color:#fff;-webkit-text-stroke:calc(var(--m) * .05) var(--gold-d);paint-order:stroke fill;justify-content:center;font-weight:700;line-height:1;display:flex;position:absolute;inset:auto 0 6%}.m-letter:empty{display:none}.m-letter svg{fill:#fff;width:1em;height:1em;stroke:var(--gold-d)}.m-drop{width:calc(var(--m) * .13);height:calc(var(--m) * .18);opacity:0;background:#7dd3fc;border-radius:50%/60% 60% 40% 40%;transition:opacity .2s;position:absolute;top:4%;right:2%}.mascot[data-mood=blink] .m-eyes i{transform:scaleY(.1)}.mascot[data-mood=happy] .m-eyes i,.mascot[data-mood=cheer] .m-eyes i{border-radius:50% 50% 30% 30%;transform:scaleY(.55)translateY(-15%)}.mascot[data-mood=happy] .m-mouth,.mascot[data-mood=cheer] .m-mouth{width:calc(var(--m) * .34);height:calc(var(--m) * .17);border-color:var(--ink);background:#ff7a8a}.mascot[data-mood=cheer] .m-body{animation:.5s ease-in-out infinite alternate cheer}@keyframes cheer{0%{transform:translateY(0)rotate(-4deg)}to{transform:translateY(-10%)rotate(4deg)}}.mascot[data-mood=wow] .m-eyes i{transform:scale(1.18)}.mascot[data-mood=wow] .m-mouth{width:calc(var(--m) * .14);height:calc(var(--m) * .14);border:calc(var(--m) * .04) solid var(--ink);background:#a3324a;border-radius:50%}.mascot[data-mood=worried] .m-mouth{height:calc(var(--m) * .06);border-bottom-width:calc(var(--m) * .035);border-radius:0;rotate:-6deg}.mascot[data-mood=worried] .m-drop{opacity:1;animation:1.2s ease-in infinite drip}@keyframes drip{to{opacity:0;transform:translateY(60%)}}.mascot[data-mood=worried] .m-body{animation:.35s ease-in-out infinite alternate wobble}@keyframes wobble{to{transform:rotate(2deg)}}.mascot[data-mood=sad] .m-mouth{border-top:calc(var(--m) * .04) solid var(--ink);border-bottom:0;border-radius:99px 99px 0 0;top:48%}.mascot[data-mood=sad] .m-eyes b{translate:0 calc(var(--m) * .03)}.tiles{--s:36px;min-height:calc(var(--s) * 1.25);width:100%;padding-bottom:calc(var(--s) * .12);justify-content:center;align-items:flex-end;gap:4px;display:flex;position:relative}.tile{--c:var(--t1);width:var(--s);height:calc(var(--s) * 1.08);border-radius:calc(var(--s) * var(--rt));background:linear-gradient(calc(160deg + var(--px) * 30deg), #ffffff73, transparent 45%), var(--c);box-shadow:0 calc(var(--s) * .12) 0 color-mix(in srgb, var(--c), black 25%), 0 calc(var(--s) * .2) calc(var(--s) * .2) #0000001f;color:#fff;font-size:calc(var(--s) * .62);-webkit-text-stroke:calc(var(--s) * .08) color-mix(in srgb, var(--c), black 40%);paint-order:stroke fill;transform:rotate(var(--rot,0deg));text-transform:none;flex:none;place-items:center;font-weight:700;line-height:1;display:grid}.tile.space{width:calc(var(--s) * .35);box-shadow:none;background:0 0}.tile.in{animation:.36s cubic-bezier(.3,1.4,.6,1) drop}@keyframes drop{0%{opacity:0;transform:translateY(-90%)scale(.7)}60%{opacity:1;transform:translateY(4%)scale(1.12,.86)}to{transform:rotate(var(--rot,0deg))}}.tile.lead{background:linear-gradient(calc(160deg + var(--px) * 30deg), #ffffff80, transparent 45%), var(--gold);box-shadow:0 calc(var(--s) * .12) 0 var(--gold-d), 0 calc(var(--s) * .2) calc(var(--s) * .2) #0000001f;-webkit-text-stroke-color:#b07a00}.tile.bad{box-shadow:0 calc(var(--s) * .12) 0 #a9a9b8;-webkit-text-stroke-color:#8a8a9c;background:#d5d5df}.tile.ghost{box-shadow:none;color:#3c3c4a40;-webkit-text-stroke:0;width:auto;min-width:var(--s);background:0 0;border:3px dashed #3c3c4a2e;padding:0 6px;display:none}.tiles.empty .ghost{display:grid}.caret{width:4px;height:calc(var(--s) * .9);background:var(--you);opacity:0;border-radius:4px;align-self:center}.card:focus-within .caret{animation:1s step-end infinite caret}@keyframes caret{0%,50%{opacity:1}51%{opacity:0}}.tiles.mini{justify-content:flex-start;gap:3px}.hero{flex-direction:column;align-items:center;gap:18px;padding-top:6px;display:flex}.wordmark{color:#fff;text-shadow:0 3px #0000001f;margin:0;font-size:26px;font-weight:700}.wordmark i{opacity:.6;font-style:normal}.room{align-items:center;gap:8px;display:flex}.code{gap:4px;display:flex}.code span{--c:var(--t1);background:var(--c);width:34px;height:40px;box-shadow:0 4px 0 color-mix(in srgb, var(--c), black 25%);color:#fff;-webkit-text-stroke:3px color-mix(in srgb, var(--c), black 40%);paint-order:stroke fill;border-radius:11px;place-items:center;font-size:22px;font-weight:700;display:grid}.code span:nth-child(odd){rotate:-3deg}.code span:nth-child(2n){rotate:2deg}.code.small span{width:28px;height:32px;font-size:18px}.seats{flex-wrap:wrap;justify-content:center;gap:10px;min-height:84px;display:flex}.seat{border-radius:var(--rc);background:var(--card);flex-direction:column;align-items:center;gap:6px;width:70px;padding:10px 4px 8px;font-size:13px;display:flex;position:relative;box-shadow:0 4px #00000014}.seat.fresh{animation:pop-in .45s var(--spring)}@keyframes pop-in{0%{opacity:0;transform:scale(.3)translateY(20px)}}.seat.ready:after{content:"✓";background:var(--good);color:#fff;width:22px;height:22px;animation:pop-in .3s var(--spring);border-radius:50%;place-items:center;font-size:13px;display:grid;position:absolute;bottom:18px;right:-4px}.seat.add{color:var(--soft);box-shadow:none;background:#ffffff73;border:3px dashed #ffffffe6;justify-content:center}.seat.add svg{width:28px;height:28px}.seat-crown{color:var(--gold);filter:drop-shadow(0 2px 0 var(--gold-d));position:absolute;top:-10px}.seat-crown svg{fill:currentColor}.kick{width:24px;height:24px;color:var(--bad);opacity:.85;background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:-6px;right:-6px;box-shadow:0 2px #0000001f}.kick svg{stroke-width:3px;width:14px;height:14px}.mode-pick{background:#fff6;border-radius:20px;gap:6px;padding:5px;display:flex}.mode-pick button{color:#3c3c4a99;border-radius:15px;align-items:center;gap:6px;height:46px;padding:0 22px;display:flex}.mode-pick button[aria-checked=true]{color:var(--ink);background:#fff;box-shadow:0 4px #0000001a}.mode-pick svg{width:26px;height:26px}.mode-pick small{color:var(--gold-d);font-size:14px}.panel{border-radius:var(--rc);background:var(--card);width:100%;box-shadow:var(--panel-shadow);flex-direction:column;gap:10px;padding:14px;display:flex}.panel[hidden]{display:none}.panel.locked{opacity:.75}.panel.locked .chip-x,.panel.locked #cat-add{display:none}.cats-edit{flex-wrap:wrap;gap:6px;display:flex}.cat-chip{height:40px;box-shadow:0 3px 0 var(--line);background:#f2f2f7;border-radius:14px;align-items:center;gap:4px;padding:0 10px;display:inline-flex;position:relative}.cat-chip input{field-sizing:content;-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:0;width:7ch;min-width:3ch;font-size:15px}.cat-chip:focus-within{box-shadow:0 3px 0 var(--line), 0 0 0 3px var(--you)}.cat-chip.add{color:var(--soft);border:2px dashed var(--line);box-shadow:none;background:0 0}.chip-x{width:22px;height:22px;color:var(--soft);border-radius:50%;place-items:center;display:grid}.chip-x svg{width:14px;height:14px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row>svg{color:var(--soft)}.seg{background:#f2f2f7;border-radius:14px;gap:3px;padding:3px;display:flex}.seg button{min-width:40px;height:34px;color:var(--soft);border-radius:11px;place-items:center;padding:0 8px;display:grid}.seg button[aria-pressed=true]{color:var(--ink);box-shadow:0 3px 0 var(--line);background:#fff}.letters{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.lt{height:34px;color:var(--soft);background:#f2f2f7;border-radius:10px}.lt[aria-pressed=true]{background:var(--gold);color:#fff;box-shadow:0 3px 0 var(--gold-d);-webkit-text-stroke:2.5px #b07a00;paint-order:stroke fill}.toggle{min-width:56px;height:44px;color:var(--soft);box-shadow:0 3px 0 var(--line);background:#f2f2f7;border-radius:14px;place-items:center;padding:0 12px;display:inline-grid}.toggle svg{width:22px;height:22px}.toggle[aria-pressed=true]{color:#ff9600;background:#fff4d6;box-shadow:0 3px #ffd88a}.toggle[data-flag=flames][aria-pressed=true] svg{fill:#ffc800}.modes{justify-content:center}.go{margin-top:auto}.slot{z-index:30;pointer-events:none;background:#ffffff40;place-items:center;animation:.2s fade;display:grid;position:fixed;inset:0}.slot.leave{background:0 0;transition:background .3s}.slot .m-letter{font-size:calc(var(--m) * .36)}.hud{align-items:center;gap:12px;width:100%;display:flex}.hud-mid{flex-direction:column;flex:1;gap:8px;display:flex}.rounds{gap:5px;display:flex}.rounds i{background:#ffffff73;border-radius:8px;width:22px;height:8px}.rounds i.done{background:#fff}.rounds i.now{background:var(--gold);box-shadow:0 2px 0 var(--gold-d)}.rounds.big i{width:34px;height:12px}.fuse{--f:1;background:#0000001a;border-radius:18px;height:18px;position:relative;box-shadow:inset 0 3px #0000000f}.fuse i{width:calc(var(--f) * 100%);background:linear-gradient(#ffe066, var(--gold));border-radius:18px;position:absolute;inset:0 auto 0 0;box-shadow:inset 0 -4px #0000001a}.fuse i:after{content:"";background:#ffffff8c;border-radius:4px;height:4px;position:absolute;top:3px;left:8px;right:8px}.fuse b{top:50%;left:calc(var(--f) * 100%);background:#fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;animation:.3s ease-in-out infinite alternate spark;position:absolute;box-shadow:0 0 10px 4px #ffc800cc}@keyframes spark{to{transform:scale(1.4)}}.fuse.hot i{background:linear-gradient(#ff8a8a, var(--bad));animation:.5s ease-in-out infinite alternate hot}@keyframes hot{to{filter:brightness(1.2)}}.fuse.endless i{background:repeating-linear-gradient(-45deg, #ffe066 0 10px, var(--gold) 10px 20px);background-size:28px 28px;animation:1s linear infinite stripes}.fuse.endless b{display:none}@keyframes stripes{to{background-position:28px 0}}.friends{gap:6px;display:flex}.friend{flex-direction:column;align-items:center;gap:4px;display:flex}.friend .av{width:32px;height:32px;font-size:15px}.friend.pending .av{opacity:.6}.pips{gap:2px;display:flex}.pips i{background:#ffffff80;border-radius:50%;width:6px;height:6px;transition:background .2s}.pips i.on{box-shadow:0 0 0 1.5px var(--pc,var(--good));background:#fff}.eye svg{color:#fff;width:14px;height:14px}.cards{gap:10px;width:100%;display:grid}@media (width>=720px){.app{max-width:860px}.screen.lobby,.screen.review,.screen.result,.screen.solo-review,.screen.sprint,.screen.sprint-review{width:100%;max-width:560px;margin:0 auto}}.card{border-radius:var(--rc);background:var(--card);border:2px solid var(--line);box-shadow:0 5px 0 var(--line);cursor:pointer;transition:transform .22s var(--spring), border-color .2s, box-shadow .2s;animation:card-in .4s var(--spring) backwards;animation-delay:calc(var(--ci,0) * 60ms);flex-direction:column;gap:6px;padding:10px 12px 12px;display:flex;position:relative}@keyframes card-in{0%{opacity:0;transform:translateY(30px)scale(.9)}}.card:focus-within{border-color:var(--you);transform:scale(1.02);box-shadow:0 5px #84d8ff}.card.locked{border-color:var(--good);box-shadow:0 5px 0 var(--good-d)}.card.wrong{border-color:var(--bad);animation:.35s nope}@keyframes nope{25%{transform:translate(-8px)rotate(-1deg)}75%{transform:translate(8px)rotate(1deg)}}.card .cat{color:var(--soft);align-items:center;gap:6px;font-size:14px;display:flex}.card .answer{opacity:0;cursor:pointer;border:0;font-size:16px;position:absolute;inset:0}.lock{background:var(--good);color:#fff;width:26px;height:26px;transition:scale .3s var(--spring);border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:10px;scale:0}.lock svg{stroke-width:3.4px;width:16px;height:16px}.card.locked .lock{scale:1}.flame-btn{z-index:2;color:#d5d5df;border-radius:10px;place-items:center;width:32px;height:30px;display:grid;position:absolute;top:6px;right:42px}.card.locked .flame-btn{right:42px}.flame-btn[aria-pressed=true]{color:#ff9600;animation:.6s ease-in-out infinite alternate flicker}.flame-btn[aria-pressed=true] svg{fill:#ffc800}@keyframes flicker{to{transform:scale(1.15)rotate(5deg)}}.card.flamed{background:linear-gradient(#fff,#fff7e6);border-color:#ff9600;box-shadow:0 5px #ffb84d}.btn.stop{--b:#e5e5ee;--e:#c9c9d4;color:#b0b0bf;letter-spacing:.04em;width:100%;margin-top:auto;font-size:24px}.btn.stop.armed{--b:var(--bad);--e:var(--bad-d);color:#fff;animation:.9s ease-in-out infinite nudge}.board{gap:8px;width:100%;display:grid}.board-row{background:var(--card);box-shadow:0 4px 0 var(--line);border-radius:20px;align-items:center;gap:6px;padding:10px;display:flex}.cell{color:#c9c9d4;background:#f2f2f7;border-radius:12px;flex:1;place-items:center;height:40px;display:grid}.cell.on{background:var(--pc);color:#fff;box-shadow:0 3px 0 color-mix(in srgb, var(--pc), black 25%)}.float{z-index:45;pointer-events:none;color:#fff;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;font-size:28px;font-weight:700;animation:1s ease-out forwards rise;position:fixed;translate:-50% -50%}.float.count{-webkit-text-stroke-color:var(--bad-d);font-size:44px}.float.flame-float{-webkit-text-stroke-color:#e06c00;font-size:30px}.float.pts-float.c3,.float.pts-float.c4{-webkit-text-stroke-color:#e06c00;font-size:36px}.float.pts-float.c5{-webkit-text-stroke-color:var(--bad-d);font-size:44px}@keyframes rise{0%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:translateY(-60px)scale(1)}}.fly{z-index:45;pointer-events:none;color:#fff;-webkit-text-stroke:4px var(--good-d);paint-order:stroke fill;font-size:22px;font-weight:700;position:fixed}.scoreboard{justify-content:center;gap:8px;display:flex}.sb{background:#ffffffd9;border-radius:16px;align-items:center;gap:6px;padding:5px 10px 5px 5px;display:flex;box-shadow:0 3px #00000014}.sb .av{border-radius:10px;width:28px;height:28px;font-size:14px}.review-head,.result-head{align-items:center;gap:10px;width:100%;display:flex}.letter-chip{background:var(--gold);width:44px;height:48px;box-shadow:0 4px 0 var(--gold-d);color:#fff;-webkit-text-stroke:4px #b07a00;paint-order:stroke fill;border-radius:14px;flex:none;place-items:center;font-size:28px;font-weight:700;display:grid}.cat-big{color:#fff;text-shadow:0 3px #0000001f;flex:1;align-items:center;gap:8px;font-size:26px;font-weight:700;display:flex}.cat-big svg{width:30px;height:30px}.steps{gap:4px;display:flex}.steps i{background:#fff6;border-radius:50%;width:10px;height:10px}.steps i.on{background:#fff}.answers{perspective:900px;gap:8px;width:100%;display:grid}.ans{--pc:#ccc;opacity:0;cursor:pointer;position:relative;transform:translateY(40px)scale(.9)}.ans.dealt{opacity:1;transform:none}.ans-card{height:64px;transform-style:preserve-3d;transition:transform .45s var(--spring);position:relative}.ans.open .ans-card{transform:rotateX(180deg)}.ans-back,.ans-front{border-radius:var(--rc);backface-visibility:hidden;align-items:center;gap:10px;padding:0 12px;display:flex;position:absolute;inset:0}.ans-back{background:color-mix(in srgb, var(--pc), white 35%);box-shadow:0 5px 0 color-mix(in srgb, var(--pc), black 20%);color:#fff;justify-content:center}.ans-back svg{width:28px;height:28px}.ans-front{background:var(--card);border:2px solid var(--line);box-shadow:0 5px 0 var(--line);transition:border-color .2s,background .2s;transform:rotateX(180deg)}.ans-word{flex:1;min-width:0;position:relative}.ans-word .tiles{--s:26px}.ans-word .empty{color:#c9c9d4;font-size:22px}.ans.cracked .ans-front{background:#f4f4f8}.ans.cracked .ans-word .tiles{filter:grayscale();opacity:.45}.ans.cracked .ans-word:after{content:"";background:var(--bad);border-radius:4px;height:4px;position:absolute;top:50%;left:8px;right:8px;rotate:-2deg}.ans.maybe .ans-front{border-style:dashed;border-color:#b8a3ff}.ans.linked .ans-front,.ans.twin .ans-front{border-style:solid;border-color:#9370ff;box-shadow:0 5px #c9b8ff}.ans.doubt .ans-front{border-color:var(--gold);box-shadow:0 5px 0 var(--gold-d);background:#fffbe9}.ans.solo-win .ans-front{border-color:var(--gold);box-shadow:0 5px 0 var(--gold-d);animation:.8s ease-in-out 2 nudge}.answers.frozen .ans{cursor:default}.ans-flame{color:#ff9600;transition:transform .3s var(--spring), opacity .4s, filter .4s;place-items:center;display:grid}.ans-flame svg{fill:#ffc800;width:24px;height:24px}.ans-flame.win{transform:scale(1.4)rotate(-8deg)}.ans-flame.out{filter:grayscale();opacity:.4;transform:scale(.7)}.pts{color:#fff;border-radius:12px;place-items:center;min-width:44px;height:34px;padding:0 8px;font-size:19px;font-weight:700;display:grid;scale:0}.pts.on{transition:scale .35s var(--spring);scale:1}.pts.p0{background:#c9c9d4;box-shadow:0 3px #a9a9b8}.pts.p5{background:#7c5cff;box-shadow:0 3px #5a3fd6}.pts.p10{background:var(--you);box-shadow:0 3px #1590cc}.pts.p20{background:var(--gold);box-shadow:0 3px 0 var(--gold-d);-webkit-text-stroke:3px #b07a00;paint-order:stroke fill}.link-btn{z-index:3;color:#9370ff;background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;animation:1s ease-in-out infinite nudge;display:grid;position:absolute;top:-10px;right:-6px;box-shadow:0 3px #c9b8ff}.link-btn[aria-pressed=true]{color:#fff;background:#9370ff;animation:none;box-shadow:0 3px #6c4fd6}.votes{z-index:3;gap:3px;display:flex;position:absolute;top:-12px;left:40px}.vote{background:var(--pc);color:#fff;width:26px;height:26px;box-shadow:0 2px 0 color-mix(in srgb, var(--pc), black 25%);animation:pop-in .3s var(--spring);border-radius:50%;place-items:center;display:grid}.vote svg{width:14px;height:14px}.decide{z-index:3;animation:pop-in .3s var(--spring);gap:6px;display:flex;position:absolute;top:50%;right:8px;translate:0 -50%}.decide button{color:#fff;border-radius:15px;place-items:center;width:46px;height:46px;display:grid}.decide .yes{background:var(--good);box-shadow:0 4px 0 var(--good-d)}.decide .no{background:var(--bad);box-shadow:0 4px 0 var(--bad-d)}.decide button[aria-pressed=false]{opacity:.35}.decide svg{stroke-width:3px;width:24px;height:24px}.judge{z-index:3;color:var(--gold-d);animation:pop-in .35s var(--spring);align-items:center;display:flex;position:absolute;top:-14px;right:60px}.judge .av{width:28px;height:28px;font-size:13px}.btn.next{--b:#fff;width:100%;color:var(--good);margin-top:auto}.btn.next .fill{background:var(--good);transform-origin:0;height:6px;position:absolute;inset:auto 0 0;transform:scaleX(0)}.btn.next.filling .fill{transition:transform var(--ms) linear;transform:scaleX(1)}.solo-bar{align-items:center;gap:12px;width:100%;display:flex}.solo-bar>b{color:#fff;-webkit-text-stroke:6px #00000026;paint-order:stroke fill;flex:1;font-size:44px}.solo-total{color:var(--gold-d);background:#fff;border-radius:16px;align-items:center;gap:6px;padding:8px 12px;display:flex;box-shadow:0 3px #00000014}.solo-total svg{fill:currentColor}.solo-list{gap:8px;width:100%;display:grid}.solo-row{border-radius:var(--rc);background:var(--card);border:2px solid var(--line);min-height:64px;box-shadow:0 5px 0 var(--line);text-align:left;opacity:0;align-items:center;gap:10px;padding:0 12px;display:flex;transform:translate(-30px)}.solo-row.in{opacity:1;transform:none}.solo-row>svg{color:var(--soft)}.solo-row .pts{background:var(--gold);box-shadow:0 3px 0 var(--gold-d);scale:1}.solo-row.cracked .pts{opacity:.5;background:#c9c9d4;box-shadow:0 3px #a9a9b8}.solo-row.cracked .ans-word{filter:grayscale();opacity:.45}.solo-row .ans-word .tiles{--s:26px}.ranking{gap:8px;width:100%;margin:0;padding:0;list-style:none;display:grid}.rank{--pc:#ccc;--w:0;border-radius:var(--rc);background:var(--card);box-shadow:0 5px 0 var(--line);grid-template-columns:30px 36px 1fr auto auto 26px;grid-template-areas:"pos av name gain total ready""pos av bar bar bar ready";align-items:center;gap:4px 10px;padding:10px 12px;display:grid;position:relative}.rank.me{box-shadow:0 5px 0 #84d8ff, 0 0 0 3px var(--you)}.rank.up{animation:.6s ease-in-out 2 nudge}.rank .pos{color:var(--soft);text-align:center;grid-area:pos;font-size:20px}.rank .pos svg{color:var(--gold);fill:var(--gold);stroke:var(--gold-d);width:26px;height:26px}.rank .av{grid-area:av}.rank .name{grid-area:name;align-items:center;gap:6px;display:flex}.rank .streak{color:#ff9600;grid-area:name;justify-self:end;align-items:center;gap:2px;display:flex}.rank .streak svg{fill:#ffc800}.rank .bar{background:#f2f2f7;border-radius:10px;grid-area:bar;height:10px;overflow:hidden}.rank .bar i{height:100%;width:calc(var(--w) * 100%);background:var(--pc);border-radius:10px;transition:width .7s cubic-bezier(.3,1.2,.5,1);display:block}.rank .gain{color:var(--good);opacity:0;transition:all .3s var(--spring);grid-area:gain;transform:translateY(6px)}.rank.gaining .gain{opacity:1;transform:none}.rank .total{text-align:right;grid-area:total;min-width:44px;font-size:22px}.rank .ready{color:#0000;width:26px;height:26px;transition:all .3s var(--spring);background:#f2f2f7;border-radius:50%;grid-area:ready;place-items:center;display:grid}.rank.is-ready .ready{background:var(--good);color:#fff;transform:scale(1.1)}.rank .ready svg{stroke-width:3.4px;width:15px;height:15px}.waiting{color:var(--soft);background:#fff9;border-radius:16px;align-items:center;gap:8px;padding:8px 14px;display:flex}#cont{margin-top:auto}#cont span{font-size:24px}.podium-row{justify-content:center;align-items:flex-end;gap:10px;width:100%;margin-top:30px;display:flex}.step{flex-direction:column;flex:1;align-items:center;gap:8px;max-width:130px;display:flex}.step-av{opacity:0;transition:all .5s var(--spring);flex-direction:column;align-items:center;gap:4px;display:flex;position:relative;transform:translateY(30px)scale(.6)}.step.up .step-av{opacity:1;transform:none}.step-av b{color:#fff;-webkit-text-stroke:5px #0003;paint-order:stroke fill;font-size:22px}.step .crown{color:var(--gold);animation:.8s ease-in-out infinite alternate flicker;position:absolute;top:-34px}.step .crown svg{fill:currentColor;width:38px;height:38px;stroke:var(--gold-d)}.block{width:100%;height:0;box-shadow:0 6px 0 var(--line);color:var(--soft);transition:height .6s var(--spring);background:#fff;border-radius:20px 20px 8px 8px;place-items:start center;padding-top:10px;font-size:34px;font-weight:700;display:grid;overflow:hidden}.step.up .block{height:var(--h)}.s1{--h:150px}.s1 .block{background:var(--gold);box-shadow:0 6px 0 var(--gold-d);color:#fff}.s2{--h:110px}.s3{--h:80px}.step.me .block{outline:3px solid var(--you)}.fourth{background:#fffc;border-radius:16px;align-items:center;gap:10px;padding:8px 14px;display:flex}.fourth.me{outline:3px solid var(--you)}.best-word{width:100%;box-shadow:0 5px 0 var(--line);background:#fff;border-radius:20px;align-items:center;gap:10px;padding:10px 12px;display:flex}.best-word .cat{color:var(--soft)}.best-word .tiles{--s:28px;flex:1}.end-actions{justify-content:center;gap:10px;margin-top:auto;display:flex}.end-actions .btn.primary{min-width:140px}.big-score{align-items:center;gap:10px;display:flex}.big-score b{color:#fff;-webkit-text-stroke:10px #00000026;paint-order:stroke fill;font-size:84px}.badge{color:var(--gold);animation:.6s ease-in-out infinite alternate flicker}.badge svg{fill:currentColor;width:44px;height:44px;stroke:var(--gold-d)}.stats{gap:8px;display:flex}.stats span{box-shadow:0 4px 0 var(--line);background:#fff;border-radius:16px;align-items:center;gap:6px;padding:8px 14px;font-size:20px;display:flex}.stats svg{color:var(--soft)}body.urgent .app{animation:.6s ease-in-out infinite alternate pulse-bg}@keyframes pulse-bg{to{filter:saturate(1.15)}}#fx{z-index:48;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}:is(button,a,label,summary,select,[role=button],[role=switch],[data-tip],input[type=range]):not(:disabled){cursor:pointer}.field input,.cat-chip input{cursor:text;-webkit-user-select:text;user-select:text}[data-world=wood]{--ink:#4a3020;--soft:#9a7a5c;--line:#e0c49a;--card:#fff6e6;--rt:.1;--rc:10px;--rb:10px;--ri:9px;--rm:18%;--press:translateY(4px);--panel-shadow:0 6px 0 #c9a06a}[data-world=wood] .bg{background:repeating-linear-gradient(90deg, #78461412 0 2px, transparent 2px 64px), repeating-linear-gradient(3deg, #7846140a 0 1px, transparent 1px 7px), linear-gradient(160deg, var(--bg1), var(--bg2))}[data-world=wood] .bg i{background:0 0;border:7px solid #78461417;box-shadow:inset 0 0 0 12px #7846140a}[data-world=wood] :is(.card,.panel,.seat,.rank,.ans-front,.solo-row,.board-row,.best-word){background:repeating-linear-gradient(92deg, #7846140d 0 2px, transparent 2px 11px), var(--card)}[data-world=wood] .tile{-webkit-text-stroke:0;text-shadow:0 -1px #00000059,0 1px #ffffff4d;background:repeating-linear-gradient(100deg, #00000012 0 2px, transparent 2px 6px), var(--c)}[data-world=wood] .tile.lead{background:repeating-linear-gradient(100deg, #00000012 0 2px, transparent 2px 6px), var(--gold)}[data-world=rubber]{--rt:.5;--rc:34px;--rb:30px;--ri:22px;--rm:48%;--press:scale(1.08, .82);--panel-shadow:0 8px 0 #0000001a}[data-world=rubber] .bg i{background:#ffffff4d;border-radius:42% 58% 60% 40%/50% 42% 58% 50%;animation-name:morph}@keyframes morph{50%{border-radius:58% 42% 40% 60%/40% 58% 42% 60%}to{transform:translateY(-34px)scale(1.08,.94)}}[data-world=rubber] :is(.card,.panel,.seat,.rank,.ans-front,.solo-row){box-shadow:0 8px 0 var(--line), inset 0 -6px 0 #0000000a}[data-world=rubber] .tile{box-shadow:0 calc(var(--s) * .16) 0 color-mix(in srgb, var(--c), black 25%), inset 0 calc(var(--s) * -.1) 0 #0000001f, inset 0 calc(var(--s) * .08) 0 #ffffff59}[data-world=rubber] .btn:not(:disabled):active,[data-world=rubber] .ans:active{transition-timing-function:cubic-bezier(.2,2.4,.4,1)}[data-world=paper]{--ink:#2b2b3a;--line:#2b2b3a;--card:#fffdf7;--rt:.04;--rc:4px;--rb:4px;--ri:4px;--rm:6%;--press:translate(3px, 3px);--panel-shadow:5px 5px 0 var(--ink)}[data-world=paper] .bg{background:radial-gradient(#00000012 1px, transparent 1.6px) 0 0 / 18px 18px, linear-gradient(160deg, var(--bg1), var(--bg2))}[data-world=paper] .bg i{box-shadow:none;clip-path:polygon(50% 0,100% 85%,0 100%);background:#ffffff8c;border-radius:0}[data-world=paper] .bg i:nth-child(2n){clip-path:polygon(0 20%,80% 0,100% 70%,30% 100%)}[data-world=paper] :is(.card,.panel,.seat,.rank,.ans-front,.solo-row,.board-row,.best-word,.modal,.sheet){border:2.5px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}[data-world=paper] :is(.card,.seat,.ans,.rank):nth-child(odd){rotate:-.6deg}[data-world=paper] :is(.card,.seat,.ans,.rank):nth-child(2n){rotate:.5deg}[data-world=paper] .card:focus-within{border-color:var(--you);box-shadow:5px 5px 0 var(--you)}[data-world=paper] .card.locked{border-color:var(--ink);box-shadow:5px 5px 0 var(--good)}[data-world=paper] :is(.btn,.icon-btn,.toggle,.seg,.cat-chip,.lt,.letter-chip,.pts,.av,.code span,.chip){border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}[data-world=paper] .btn:not(:disabled):active{box-shadow:0 0 0 var(--ink)}[data-world=paper] .tile{border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:var(--c);-webkit-text-stroke:calc(var(--s) * .07) var(--ink);clip-path:polygon(0 3%,97% 0,100% 96%,4% 100%)}[data-world=paper] .tile:nth-child(odd){--rot:-3deg}[data-world=paper] .tile:nth-child(2n){--rot:2deg}[data-world=paper] .m-body{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:var(--gold)}.slam{z-index:50;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.slam b{border-radius:var(--rc);background:var(--bad);box-shadow:0 8px 0 var(--bad-d);color:#fff;-webkit-text-stroke:6px var(--bad-d);paint-order:stroke fill;padding:16px 30px;font-size:54px;animation:1.1s cubic-bezier(.2,1.4,.4,1) forwards slam}.slam.clear b{background:var(--good);box-shadow:0 8px 0 var(--good-d);-webkit-text-stroke-color:var(--good-d)}.slam.win b{background:var(--gold);box-shadow:0 8px 0 var(--gold-d);-webkit-text-stroke-color:var(--gold-d)}.slam.big b{padding:10px 40px;font-size:110px}.tip{z-index:60;background:var(--ink);color:#fff;pointer-events:none;max-width:min(260px,100vw - 16px);animation:pop-in .2s var(--spring);border-radius:12px;padding:6px 12px;font-size:14px;position:fixed}.toasts{z-index:55;top:max(60px, env(safe-area-inset-top));pointer-events:none;gap:8px;width:min(92vw,420px);display:grid;position:fixed;left:50%;translate:-50%}.toast{border-radius:var(--rc);text-align:left;pointer-events:auto;animation:pop-in .4s var(--spring);background:#fff;align-items:center;gap:10px;padding:10px 14px;display:flex;box-shadow:0 5px #0000001f}.toast.error>svg{color:var(--bad)}.toast>svg{color:var(--you)}.modal-back{z-index:70;background:#28283873;place-items:center;padding:16px;animation:.2s fade;display:grid;position:fixed;inset:0}.modal-back.bottom{place-items:end center;padding:0}.modal{border-radius:calc(var(--rc) + 6px);background:var(--card);text-align:center;width:min(100%,380px);max-height:calc(100dvh - 32px);animation:pop-in .35s var(--spring);justify-items:center;gap:14px;padding:22px;display:grid;overflow-y:auto;box-shadow:0 8px #0000001f}.modal h2{margin:0;font-size:22px}.modal p{color:var(--soft);margin:0}.modal .row{flex-wrap:nowrap;width:100%}.modal .row .btn{flex:1;min-width:0;padding:0 12px}.sheet{width:min(100%,480px);padding:10px 20px max(20px, env(safe-area-inset-bottom));background:var(--card);animation:sheet-in .35s var(--spring);border-radius:28px 28px 0 0;gap:16px;display:grid}@keyframes sheet-in{0%{transform:translateY(100%)}}.sheet-grip{background:var(--line);border-radius:5px;justify-self:center;width:44px;height:5px}.qr{aspect-ratio:1;border-radius:var(--rc);width:min(64vw,240px);image-rendering:pixelated}.qr-pulse{animation:pop-in .4s var(--spring)}.haptic{opacity:0;pointer-events:none;position:fixed;left:-100px}.btn.danger{--b:var(--bad);--e:var(--bad-d);color:#fff}.btn.small{min-height:46px;padding:0 18px;font-size:17px}.btn.wide{width:100%}.btn:disabled{filter:grayscale(.6)opacity(.6)}.icon-btn.bad{color:var(--bad)}.icon-btn.on{color:var(--you);background:#fff}.slider{--f:0;flex:1;min-width:160px;padding-top:34px;position:relative}.slider input{appearance:none;touch-action:none;background:0 0;width:100%;height:34px;margin:0;display:block}.slider input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--gold) calc(var(--f) * 100%), #ececf3 0);border-radius:16px;height:16px;box-shadow:inset 0 3px #00000012}.slider input::-moz-range-track{background:linear-gradient(90deg, var(--gold) calc(var(--f) * 100%), #ececf3 0);border-radius:16px;height:16px}.slider input::-webkit-slider-thumb{-webkit-appearance:none;border-radius:calc(34px * var(--rt) + 4px);width:34px;height:34px;box-shadow:0 4px 0 var(--gold-d), inset 0 0 0 5px var(--gold);transition:transform .2s var(--spring);background:#fff;border:0;margin-top:-9px}.slider input::-moz-range-thumb{border-radius:calc(34px * var(--rt) + 4px);width:34px;height:34px;box-shadow:0 4px 0 var(--gold-d), inset 0 0 0 5px var(--gold);background:#fff;border:0}.slider input:active::-webkit-slider-thumb{transform:scale(1.2,.9)}.slider output{top:0;left:calc(17px + (100% - 34px) * var(--f));background:var(--ink);color:#fff;text-align:center;min-width:44px;transition:scale .15s var(--spring);border-radius:10px;padding:3px 8px;font-size:15px;position:absolute;translate:-50%}.slider output:after{content:"";border:5px solid #0000;border-bottom:0;border-top-color:var(--ink);margin-left:-5px;position:absolute;bottom:-5px;left:50%}.slider.hit output{scale:1.25}.ticks{justify-content:space-between;padding:4px 13px 0;display:flex}.ticks i{background:var(--line);border-radius:2px;width:4px;height:6px}.ticks i.on{background:var(--gold-d)}.field{border-radius:var(--rc);background:var(--card);border:2px solid var(--line);width:100%;min-height:60px;box-shadow:0 5px 0 var(--line);transition:border-color .2s, transform .2s var(--spring);align-items:center;gap:10px;padding:0 14px;display:flex;position:relative}.field:focus-within{border-color:var(--you);transform:scale(1.02)}.field.bad{border-color:var(--bad);animation:.35s nope}.field>svg{color:var(--soft)}.field input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:56px;font-size:22px}.field input::placeholder{color:#c9c9d4}.err{color:var(--bad-d);animation:pop-in .3s var(--spring);background:#ffe3e3;border-radius:12px;margin:0;padding:6px 12px}.hint{color:#ffffffe6;text-align:center;text-shadow:0 2px #0000001f;margin:0}.code-in{justify-content:center;gap:6px;display:flex;position:relative}.code-in span{border-radius:calc(46px * var(--rt));color:#fff;background:#ffffff8c;border:3px dashed #ffffffe6;place-items:center;width:46px;height:56px;font-size:30px;display:grid}.code-in span.on{--c:var(--t1);background:var(--c);box-shadow:0 5px 0 color-mix(in srgb, var(--c), black 25%);-webkit-text-stroke:4px color-mix(in srgb, var(--c), black 40%);paint-order:stroke fill;border:0;animation:.36s cubic-bezier(.3,1.4,.6,1) drop}.code-in span.cur{border-color:var(--you);animation:1s ease-in-out infinite nudge}.code-in input{opacity:0;cursor:pointer;width:100%;font-size:16px;position:absolute;inset:0}.offline{color:#b07a00;background:#fff4d6;border-radius:16px;align-items:center;gap:8px;padding:8px 14px;display:flex}.offline svg{animation:.4s ease-in-out infinite alternate wobble}.home{justify-content:center;gap:22px}.home .choices{gap:14px;width:min(100%,320px);display:grid}.home form{justify-items:center;gap:14px;width:min(100%,380px);display:grid}.home form .row{flex-wrap:nowrap;width:100%}.home form .row .btn.primary{flex:1;min-width:0}.title-tiles{gap:6px;display:grid}.title-tiles .tiles{--s:34px}.scan{justify-items:center;gap:12px;width:min(100%,360px);display:grid}.scan video{aspect-ratio:1;object-fit:cover;border-radius:var(--rc);background:#000;width:100%}.top .code{cursor:pointer}.top .code.small span{-webkit-text-stroke-width:2.5px;width:24px;height:28px;font-size:15px}.grace{--k:0;z-index:65;background:#3c3c4a66;place-items:center;animation:.3s fade;display:grid;position:fixed;inset:0}.grace-card{width:200px;height:200px;animation:pop-in .4s var(--spring);background:#fff;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 8px #0000001a}.grace-card>svg:first-child{color:var(--bad);width:30px;height:30px;position:absolute;top:34px}.grace-card b{font-size:30px;position:absolute;bottom:30px}.grace-card .crown-av{animation:.4s ease-in-out infinite alternate wobble}.ring{width:100%;height:100%;position:absolute;inset:0;rotate:-90deg}.ring circle{fill:none;stroke:var(--gold);stroke-width:7px;stroke-dasharray:276.5;stroke-dashoffset:calc(var(--k) * 276.5);transition:stroke-dashoffset .3s linear}.count{color:#fff;-webkit-text-stroke:12px #00000026;paint-order:stroke fill;animation:pop-in .5s var(--spring);font-size:120px}.ends{background:#ffffffbf;border-radius:14px;align-items:center;gap:6px;padding:6px 12px;display:flex}.issue{color:var(--bad-d);font-size:13px}.thumbs{align-items:center;gap:6px;display:flex}.thumbs button{border-radius:var(--ri);width:44px;height:44px;color:var(--soft);transition:transform .22s var(--spring);background:#f2f2f7;place-items:center;display:grid}.thumbs button:active{transform:var(--press)}.thumbs .down[aria-pressed=true]{background:var(--bad);color:#fff;box-shadow:0 4px 0 var(--bad-d)}.thumbs .up[aria-pressed=true]{background:var(--good);color:#fff;box-shadow:0 4px 0 var(--good-d)}.thumbs .rule{color:var(--gold-d);background:#fff4d6}.thumbs .rule[aria-pressed=true]{background:var(--gold);color:#fff;box-shadow:0 4px 0 var(--gold-d)}.ready-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.ready-row .av{opacity:.5;transition:opacity .2s, transform .3s var(--spring);position:relative}.ready-row .av.on{opacity:1;transform:translateY(-4px)}.ready-row .av.on:after{content:"✓";background:var(--good);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;display:grid;position:absolute;bottom:-6px;right:-6px}.host-tools{justify-content:center;gap:8px;display:flex}.prefs{gap:14px;display:grid}.pref{color:var(--soft);align-items:center;gap:14px;display:flex}.pref .slider{padding-top:0}.pref .slider output{display:none}.cat-chip.add input{width:9ch}body.calm *,body.calm :before,body.calm :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.mascot[data-mood=sleep] .m-eyes i{animation:none;transform:scaleY(.12)}.mascot[data-mood=sleep] .m-mouth{width:calc(var(--m) * .12);height:calc(var(--m) * .08);border-top:calc(var(--m) * .04) solid var(--ink);border-radius:50%}.mascot[data-mood=sleep] .m-body{animation-duration:5s}.mascot[data-mood=sleep]:after{content:"z";font-size:calc(var(--m) * .3);color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;animation:2s ease-out infinite rise;position:absolute;top:-20%;right:-10%}.pref input{height:30px;accent-color:var(--good);flex:1}.center{flex:1;place-items:center;display:grid}.spin{animation:.8s linear infinite spin}@keyframes spin{to{rotate:1turn}}.code-btn{background:0 0;border:0;padding:0}.name-tiles{justify-content:center;width:100%;min-height:44px}.code-in.bad span{border-color:var(--bad);animation:.35s nope}.thumbs small,.tally{font-size:13px;font-weight:700}.tally{color:var(--gold-d);align-items:center;gap:3px;display:flex}.thumbs svg,.tally svg{width:20px;height:20px}.cat-title{overflow-wrap:anywhere;margin:0;font-size:26px;line-height:1.1}.btn.next.done{background:var(--good);box-shadow:0 5px 0 var(--good-d);color:#fff}.answers.merging .ans{cursor:copy}.answers.merging .ans.linked,.answers.merging .ans.twin{cursor:default}.seat-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.seat.off,.friend.off,.board-row.off{opacity:.45;filter:grayscale(.7)}.seat.leaving{animation:.4s ease-in reverse forwards pop-in}.board-row.done{box-shadow:0 4px 0 var(--good-d);outline:3px solid var(--good)}.countdown{gap:24px}.countdown .count{color:#fff;-webkit-text-stroke:8px var(--ink);paint-order:stroke fill;animation:pop-in .4s var(--spring);font-size:96px;font-weight:700}.status{color:var(--soft);place-items:center;display:inline-grid}.status svg{width:16px;height:16px}.rank .kick{grid-area:ready}.solo-score{gap:20px}.solo-score .solo-total{font-size:64px}.crash{gap:24px;min-height:100svh}@media (width<=520px){.ans-card:has(.thumbs){height:104px}.ans-front:has(.thumbs){flex-wrap:wrap;align-content:center;row-gap:6px}.ans-front .thumbs{order:9;justify-content:flex-end;width:100%}}.over .podium-row{margin-top:auto}.sprint-count{background:var(--card);min-width:52px;box-shadow:0 4px 0 var(--line);text-align:center;animation:pop-in .3s var(--spring);border-radius:14px;padding:6px 10px;font-size:26px}.sprint-card{width:100%;animation:screen-in .25s var(--spring)}.sprint-card .tiles{--s:40px;min-height:48px}.sprint .chips{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:auto;display:flex}.word-chip{background:var(--card);box-shadow:0 3px 0 var(--line);animation:pop-in .3s var(--spring);border-radius:999px;padding:4px 10px;font-weight:800}