@font-face{font-family:Fredericka the Great;font-style:normal;font-display:swap;font-weight:400;src:url(/harfivo/assets/fredericka-the-great-latin-ext-400-normal-681ZjLm9.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:400;src:url(/harfivo/assets/kalam-latin-ext-400-normal-DtcdGa4L.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:700;src:url(/harfivo/assets/kalam-latin-ext-700-normal-CwgfRD_T.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/harfivo/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredericka the Great;font-style:normal;font-display:swap;font-weight:400;src:url(/harfivo/assets/fredericka-the-great-latin-400-normal-By-vzJE4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:400;src:url(/harfivo/assets/kalam-latin-400-normal-BthBl_aR.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:700;src:url(/harfivo/assets/kalam-latin-700-normal-D2H-9ISU.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/harfivo/assets/nunito-latin-wght-normal-BzFMHfZw.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--slate: #26392f;--slate-deep: #1c2c23;--chalk: #f2efe4;--chalk-dim: rgba(242, 239, 228, .66);--chalk-faint: rgba(242, 239, 228, .26);--chalk-ghost: rgba(242, 239, 228, .1);--wood: #7a4b28;--wood-dark: #47290f;--wood-light: #a36c3f;--wall: #e9dfc6;--wall-low: #7da38f;--wall-line: #4f6e5f;--paper: #fbf6e8;--paper-line: #b9cbe3;--ink: #23324b;--ink-soft: #4e5c78;--red: #f27d6c;--yellow: #f7d65a;--green: #93e0a0;--gold: #e8b84a;--me: #f3efe2;--bar-h: 54px;--vvh: 100vh;--hand: "Kalam", "Segoe Print", "Comic Sans MS", cursive;--deco: "Fredericka the Great", "Kalam", cursive;--ui: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:dark}*{box-sizing:border-box}html{font-size:clamp(13px,calc(.5vw + .62vh + 3.2px),21px);-webkit-text-size-adjust:100%;overflow:hidden;overflow:clip}body{margin:0;height:var(--vvh);overflow:hidden;background:#3a2414;font-family:var(--ui);color:var(--chalk);-webkit-tap-highlight-color:transparent}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.app{position:fixed;inset:0;height:var(--vvh);display:grid;grid-template-rows:var(--bar-h) minmax(0,1fr);overflow:hidden}.wall{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,0) 0 63%,rgba(40,60,50,.55) 63% 63.35%,var(--wall-line) 63.35% 64%,rgba(255,255,255,.12) 64% 64.25%,transparent 64.25%),linear-gradient(to bottom,transparent 0 63.6%,var(--wall-low) 63.6% 100%),var(--tex-plaster, none),var(--wall);background-size:100% 100%,100% 100%,420px 420px,auto}.wall:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 30% 20%,#ffeec847,#3c281447 70%,#1e120873)}.beam{position:absolute;left:-30%;top:-40%;width:75%;height:190%;transform:rotate(24deg);transform-origin:top left;background:linear-gradient(90deg,transparent,rgba(255,233,170,.22) 30%,rgba(255,240,200,.32) 50%,rgba(255,233,170,.18) 70%,transparent);animation:beam 22s ease-in-out infinite alternate;z-index:1}@keyframes beam{0%{transform:rotate(23deg) translate(-2%);opacity:.85}to{transform:rotate(26deg) translate(3%);opacity:1}}.motes{position:absolute;left:0;top:0;width:60%;height:100%;z-index:2}.motes i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:rgba(255,245,215,var(--o));filter:blur(.4px);animation:mote var(--d) linear infinite}@keyframes mote{0%{transform:translate(0);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translate(40px,-120px);opacity:0}}.bar{position:relative;z-index:5;display:flex;align-items:center;gap:.7rem;padding:0 .8rem;height:var(--bar-h);background:linear-gradient(to bottom,#ffdcaa29,#0000 40%,#0000004d),var(--tex-oak, none) center/cover,var(--wood);box-shadow:0 3px #00000040,0 8px 18px #00000059;border-bottom:1px solid #2c1709}.brand{display:flex;align-items:center;gap:.45rem;color:#fbeccd;text-decoration:none;flex:none}.brand svg{width:34px;height:34px}.brand .w-rim{fill:#e9c27a;stroke:#3d220d;stroke-width:2.4}.brand .w-spokes{stroke:#8c4f25;stroke-width:1.6}.brand .w-hub{fill:#f6e2a8;stroke:#3d220d;stroke-width:1.8}.brand .w-pin{fill:#b4513c;stroke:#3d220d;stroke-width:1.2;stroke-linejoin:round}.brand span{font:400 1.6rem/1 var(--deco);letter-spacing:.03em;color:#fff3d6;-webkit-text-stroke:.7px #fff3d6;text-shadow:0 2px 0 rgba(40,20,6,.7),0 0 10px rgba(0,0,0,.25)}.round-tag{flex:none;font:700 .95rem var(--hand);color:#2b1a0c;background:#f2d88c;padding:.15rem .6rem;border-radius:4px 6px 5px 7px;box-shadow:0 2px #0000004d;transform:rotate(-2deg)}.roster{flex:1;min-width:0;display:flex;gap:.45rem;justify-content:center;align-items:center;overflow:hidden}.chip{position:relative;display:flex;align-items:center;gap:.32rem;min-width:0;padding:.22rem .55rem .32rem;border-radius:7px;background:linear-gradient(#ffffff0d,#0000001a),#22342b;box-shadow:inset 0 0 0 1px #00000080,0 2px #00000059;color:var(--chalk)}.chip.me{box-shadow:inset 0 0 0 2px var(--pc),0 2px #00000059}.chip.away,.chip.gone{opacity:.5}.chip .mk svg{width:15px;height:15px;display:block}.mk svg path{fill:none;stroke:var(--pc);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.mk svg path.f{fill:var(--pc);fill-opacity:.9}.chip .nm{font:700 .95rem/1.1 var(--hand);color:var(--pc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:8.5rem;min-width:2.2em}.chip .bt{font:800 .55rem var(--ui);letter-spacing:.06em;padding:0 .25rem;border:1px solid var(--chalk-faint);border-radius:3px;color:var(--chalk-dim)}.chip .sc{font:800 .9rem var(--ui);font-variant-numeric:tabular-nums;flex:none}.chip .rung{font-size:.8rem;animation:wobble .4s ease-in-out 3}.chip .tally{position:absolute;left:.5rem;right:.5rem;bottom:2px;display:flex;gap:2px}.chip .tally i{flex:1;height:2px;border-radius:1px;background:#ffffff24;transition:background .25s}.chip .tally i.on{background:var(--pc)}.identity{position:relative;display:flex;align-items:center;gap:.4rem;flex:none}.identity-dot{width:32px;height:32px;border-radius:50%;border:0;padding:0;background:#2a3d33;display:grid;place-items:center;box-shadow:inset 0 0 0 2px #00000073}.identity-dot i{width:18px;height:18px;border-radius:50%;background:var(--me);box-shadow:0 0 6px var(--me)}#playerName{width:9.5rem;height:34px;padding:0 .6rem;border-radius:6px;border:0;background:#141e18d9;color:var(--chalk);font:700 1rem var(--hand);box-shadow:inset 0 1px 3px #0009}#playerName::placeholder{color:var(--chalk-faint)}.color-picker{position:absolute;top:calc(100% + 10px);right:0;z-index:30;padding:.6rem;border-radius:10px;background:#22342b;box-shadow:0 10px 30px #00000080}.color-picker.in-panel{position:static;margin:.4rem 0 .8rem}.color-grid{display:grid;grid-template-columns:repeat(4,38px);gap:8px}.color-grid button{width:38px;height:38px;border-radius:50%;border:0;background:var(--c);box-shadow:inset 0 0 0 2px #0000004d}.color-grid button[aria-pressed=true]{box-shadow:0 0 0 3px #22342b,0 0 0 5px var(--c)}.color-grid button:disabled{opacity:.25}.tools{display:flex;gap:.35rem;flex:none}.tool{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;border:0;padding:0;background:#1e100659;color:#fbeccd;box-shadow:inset 0 0 0 1px #00000059}.tool:hover{background:#1e10068c}.tool svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tool svg .fill{fill:currentColor;stroke:none}.tool.lang{font:800 .85rem var(--ui)}#soundButton[aria-pressed=true] .off,#soundButton[aria-pressed=false] .on{display:none}.stage{position:relative;z-index:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.4rem;padding:1rem 1.3rem 1.2rem}.frame{position:relative;min-height:0;min-width:0;display:flex;flex-direction:column;padding:14px 14px 0;border-radius:7px;background:linear-gradient(135deg,#ffdcaa33,#0000 30%,#00000040),var(--tex-oak, none) center/cover,var(--wood);box-shadow:0 1px #ffffff40 inset,0 -2px #0000004d inset,0 18px 30px #1e0f0573,0 4px 8px #1e0f054d}.board{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:3px;background:var(--tex-slate, none) center/cover,radial-gradient(120% 100% at 40% 35%,#2f4a3b,#1f3328);box-shadow:inset 0 0 0 2px #0006,inset 0 10px 30px #00000073,inset 0 -6px 20px #0000004d}.board:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:8;background:linear-gradient(115deg,#ffeebe1a,#ffeebe00 35%),radial-gradient(70% 60% at 20% 10%,rgba(255,240,200,.07),transparent)}.board.erasing .smudges{animation:erase 1.2s ease-in-out}.smudges{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(100deg,transparent 20%,rgba(220,235,225,.1) 30%,rgba(220,235,225,.16) 50%,rgba(220,235,225,.08) 70%,transparent 80%);background-size:260% 100%}@keyframes erase{0%{opacity:1;background-position:120% 0}to{opacity:0;background-position:-60% 0}}.board.shake{animation:shake .45s cubic-bezier(.36,.07,.19,.97)}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}.tray{position:relative;height:18px;margin:0 -14px;border-radius:0 0 7px 7px;background:linear-gradient(to bottom,#5e381b,#8a5a32 30%,#6b4021);box-shadow:0 6px 10px #00000059}.chalk-stick{position:absolute;top:3px;height:8px;border-radius:4px;box-shadow:0 2px 2px #00000059}.chalk-stick.s1{left:9%;width:54px;background:linear-gradient(#fffdf4,#ddd8c8)}.chalk-stick.s2{left:calc(9% + 66px);width:34px;background:linear-gradient(#fff2a8,#e3c95b);transform:rotate(-4deg)}.chalk-stick.s3{left:72%;width:40px;background:linear-gradient(#ffd0de,#e59ab2);transform:rotate(3deg)}.eraser{position:absolute;right:8%;top:-7px;width:92px;height:20px;border-radius:4px;background:linear-gradient(#c79763,#8f5f33 55%,#3c3c46 55%,#2b2b33);box-shadow:0 3px 4px #0006}.logo,.tagline,.chalk-h,.row .cat,.row input,.letter-tile b,.big-letter,.cell .w,.g-cat h3,.banner b,.g-who b,.stop-banner,.clock-text,.lobby-list b,.note.chalk,.check-letter b{-webkit-mask-image:var(--tex-grain);mask-image:var(--tex-grain);-webkit-mask-size:160px;mask-size:160px}.view{position:absolute;inset:0;z-index:2}.doodles{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .6s}body[data-view=home] .doodles,body[data-view=lobby] .doodles{opacity:1}.dd{position:absolute;display:block;-webkit-mask-image:var(--tex-grain);mask-image:var(--tex-grain);-webkit-mask-size:160px;mask-size:160px}.dd svg{width:100%;height:100%;display:block;overflow:visible}.dd svg path,.dd svg circle{fill:none;stroke:#f2efe442;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.dd-house{left:4%;bottom:7%;width:7.5rem;transform:rotate(-4deg)}.dd-cat{right:4%;bottom:6%;width:6.4rem;transform:rotate(5deg)}.dd-cat svg path{stroke:#f7d65a47}.dd-tulip{right:23%;bottom:7%;width:3.4rem;transform:rotate(-8deg)}.dd-tulip svg path{stroke:#f39bb94d}.dd-sun{right:3.5%;top:9%;width:5.4rem}.dd-sun svg path,.dd-sun svg circle{stroke:#f7d65a4d}.chalk-date{position:absolute;right:12%;top:4.5%;font:400 1.25rem var(--hand);color:#f2efe46b;transform:rotate(-2deg);-webkit-mask-image:var(--tex-grain);mask-image:var(--tex-grain);-webkit-mask-size:160px;mask-size:160px}body[data-view=lobby] .dd-house,body[data-view=lobby] .dd-tulip{display:none}.cat-ico{width:1.15em;height:1.15em;margin-right:.45em;vertical-align:-.18em;flex:none}.cat-ico path{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.cbtn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;min-height:44px;padding:.5rem 1.15rem;font:700 1.1rem/1.15 var(--hand);color:var(--chalk);background:#ffffff0a;border:2px solid rgba(242,239,228,.72);border-radius:12px 16px 10px 15px/15px 10px 16px 11px;transition:transform .15s,background .15s,box-shadow .15s}.cbtn:hover:not(:disabled){background:#ffffff1a;transform:rotate(-.6deg) translateY(-1px)}.cbtn:active:not(:disabled){transform:translateY(1px)}.cbtn.primary{color:#2b2410;border-color:#f7d65a;background:repeating-linear-gradient(-58deg,#fff3 0 2px,#fff0 2px 7px),#f2cf54;box-shadow:0 3px #0000004d,0 0 22px #f7d65a2e}.cbtn.primary:hover:not(:disabled){background:repeating-linear-gradient(-58deg,#ffffff42 0 2px,#fff0 2px 7px),#f7da6c}.cbtn:disabled{opacity:.5}.cbtn.big{min-height:64px;padding:.7rem 1.7rem;font-size:1.45rem}.cbtn.big small{font:600 .78rem var(--ui);opacity:.85}.clink{border:0;background:none;padding:.4rem .6rem;color:var(--chalk-dim);font:700 1rem var(--hand);text-decoration:underline;text-decoration-style:wavy;text-decoration-color:var(--chalk-faint);text-underline-offset:5px;min-height:40px}.clink:hover{color:var(--chalk)}.seg{display:inline-flex;gap:0;border:2px solid var(--chalk-faint);border-radius:10px 12px 9px 11px;overflow:hidden}.seg button{min-width:40px;min-height:38px;padding:.2rem .65rem;border:0;background:transparent;font:700 1rem var(--hand);color:var(--chalk-dim)}.seg button+button{border-left:1px dashed var(--chalk-faint)}.seg button[aria-pressed=true]{background:#f2efe4e0;color:#1f3027}.seg button:disabled{cursor:default}.home{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:1fr auto auto auto 1fr;column-gap:3rem;padding:2rem 3rem;align-items:center}.home>*{grid-column:2}.home-title{grid-row:2}.logo{margin:0;font:400 5.4rem/1 var(--deco);color:var(--chalk);letter-spacing:.02em;text-shadow:0 0 2px rgba(255,255,255,.4),0 0 14px rgba(255,255,255,.08)}.logo:after{content:"";display:block;width:72%;height:10px;margin-top:.3rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 12' preserveAspectRatio='none'%3E%3Cpath d='M3 8 C60 2 110 11 170 6 S260 3 297 7' fill='none' stroke='%23f7d65a' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}.tagline{margin:.9rem 0 0;font:400 1.35rem/1.35 var(--hand);color:var(--chalk-dim);max-width:28rem}.home-actions{grid-row:3;display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.8rem}.home-quick{grid-row:4;display:grid;grid-template-columns:auto auto;justify-content:start;gap:.55rem 1rem;margin-top:1.5rem;align-items:center}.qrow{display:contents}.qlabel{font:700 1.05rem var(--hand);color:var(--chalk-dim)}#hSetup{grid-row:5;justify-self:start;align-self:start;margin-top:.6rem}.wheel-stage{position:absolute;inset:0;z-index:6;display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:3rem;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s .35s}.wheel-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 50% 50%,#101c15db,#0a120df2)}.wheel-stage.on{opacity:1;visibility:visible;transition:opacity .35s}.wheel{position:relative;width:min(64vmin,430px);aspect-ratio:240 / 248;transition:transform .5s cubic-bezier(.5,0,.3,1),opacity .5s;filter:drop-shadow(0 18px 24px rgba(0,0,0,.45))}.wheel-svg{width:100%;height:100%;display:block;overflow:visible}.w-letter{font:700 19px var(--ui);text-anchor:middle;dominant-baseline:central}.w-seg.used .w-letter{opacity:.45}.w-cross{stroke:#fafaf0e6;stroke-width:2.4;stroke-linecap:round;fill:none}.draw-caption{position:relative;min-width:1px}.big-letter{display:block;font:400 12rem/1 var(--deco);color:var(--chalk);text-shadow:0 0 3px rgba(255,255,255,.5),0 0 30px rgba(255,255,255,.15);opacity:0;transform:scale(1.6) rotate(-6deg);clip-path:inset(0 100% 0 0)}.draw-caption.in .big-letter{animation:chalkIn .55s cubic-bezier(.2,.8,.3,1.2) forwards}@keyframes chalkIn{0%{opacity:0;transform:scale(1.6) rotate(-6deg);clip-path:inset(0 100% 0 0)}40%{opacity:1}to{opacity:1;transform:none;clip-path:inset(0 0 0 0)}}.wheel-stage.away:before{opacity:0;transition:opacity .5s}.letter-tile.thud{animation:thud .45s cubic-bezier(.3,1.6,.5,1)}@keyframes thud{0%{transform:scale(1.25) rotate(-3deg)}to{transform:none}}.wheel-stage.home{opacity:1;visibility:visible;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);justify-content:stretch;padding:2rem 3rem;gap:3rem;z-index:1;transition:none}.wheel-stage.home:before{display:none}.wheel-stage.home .wheel{grid-column:1;grid-row:1;width:min(46vmin,400px);justify-self:center;transform:rotate(-8deg)}.wheel-stage.home .draw-caption{display:none}.banner{position:absolute;left:50%;top:16%;z-index:7;transform:translate(-50%);text-align:center;pointer-events:none}.banner b{display:block;font:400 3.2rem/1 var(--deco);color:var(--chalk);white-space:nowrap}.banner span{display:block;margin-top:.4rem;font:400 1.25rem var(--hand);color:var(--chalk-dim)}.banner.in{animation:bannerIn 1.9s ease forwards}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.9)}15%{opacity:1;transform:translate(-50%) none}80%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-6px)}}.lobby{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1.5rem 2rem}.chalk-h{margin:0;font:400 2.4rem/1.1 var(--deco);color:var(--chalk);text-align:center}.invite{display:flex;gap:.6rem;width:min(100%,36rem)}.invite input{flex:1;min-width:0;min-height:44px;padding:0 .8rem;border:2px dashed var(--chalk-faint);border-radius:10px;background:#00000026;color:var(--chalk);font:600 .95rem var(--ui)}.lobby-list{list-style:none;margin:.4rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,12rem));gap:.6rem}.seat{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem .45rem;min-height:3.4rem;padding:.45rem .7rem;border:2px solid var(--chalk-faint);border-radius:12px 9px 13px 10px;position:relative}.seat.me{border-color:var(--pc)}.seat .mk svg{width:22px;height:22px;display:block}.seat b{font:700 1.25rem/1.1 var(--hand);color:var(--pc)}.seat em{font:700 .68rem var(--ui);font-style:normal;letter-spacing:.05em;text-transform:uppercase;color:var(--chalk-dim);border:1px solid var(--chalk-faint);border-radius:4px;padding:0 .3rem}.seat em.away{color:var(--red);border-color:var(--red)}.seat.empty{border-style:dashed;border-color:var(--chalk-ghost)}.seat .x{position:absolute;right:.1rem;top:.1rem;width:40px;height:40px;border:0;background:none;color:var(--chalk-dim);font:700 1.3rem var(--ui)}.lobby-bots{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;justify-content:center}.note{margin:0;font:400 1.05rem/1.35 var(--hand);color:var(--chalk-dim);text-align:center;max-width:34rem}.lobby-actions{display:flex;flex-direction:column;align-items:center;gap:.3rem}.play{display:grid;grid-template-columns:minmax(13rem,25%) minmax(0,1fr);gap:2.2rem;padding:1.6rem 2.4rem 1.4rem 2rem}.dock{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.3rem;min-height:0}.letter-tile{display:grid;place-items:center;width:9.5rem;height:9.5rem;border:3px solid rgba(242,239,228,.7);border-radius:18px 24px 16px 22px/22px 16px 24px 18px;position:relative}.letter-tile:after{content:"";position:absolute;inset:7px;border:1.5px dashed var(--chalk-faint);border-radius:12px 16px 11px 15px}.letter-tile b{font:400 7rem/1 var(--deco);color:var(--chalk);text-shadow:0 0 3px rgba(255,255,255,.4)}.letter-tile.blank b{color:var(--chalk-faint)}.clock{position:relative;width:8.2rem;height:8.2rem}.clock svg{width:100%;height:100%;display:block;filter:drop-shadow(0 6px 8px rgba(0,0,0,.45))}.c-rim{fill:#e9d9b0;stroke:#5a3a1a;stroke-width:4}.c-face{fill:#fbf5e2}.c-wedge{fill:#dc4637c7}.clock.hurry .c-wedge{animation:hurry .5s ease-in-out infinite alternate}@keyframes hurry{to{fill:#f0281ef2}}.c-ticks line{stroke:#3a2a1a;stroke-width:1.5}.c-ticks line.q{stroke-width:3}.c-hand{stroke:#1d1d22;stroke-width:3;stroke-linecap:round}.c-pin{fill:#1d1d22}.clock-text{position:absolute;left:50%;bottom:-1.9rem;transform:translate(-50%);font:700 1.6rem var(--hand);color:var(--chalk);font-variant-numeric:tabular-nums}.clock.hurry .clock-text{color:var(--red)}.bell{display:flex;flex-direction:column;align-items:center;gap:.15rem;margin-top:1.4rem;padding:.5rem 1.2rem .6rem;min-width:9rem;border:2px solid var(--chalk-faint);border-radius:14px 18px 12px 16px;background:#ffffff08;color:var(--chalk-dim)}.bell svg{width:3.4rem;height:3.4rem;overflow:visible}.bell .bell-body{transform-origin:32px 8px}.b-cup{fill:url(#none);fill:#c99a3c;stroke:#5b3b0d;stroke-width:2}.b-handle{fill:#6e4a22;stroke:#3a2208;stroke-width:1.6}.b-shine{fill:none;stroke:#fff3c0;stroke-width:2.4;stroke-linecap:round;opacity:.8}.b-clap{fill:#6b4b16}.bell span{font:400 1.6rem/1 var(--deco)}.bell small{font:600 .8rem var(--ui);min-height:1em}.bell.ready{border-color:var(--yellow);color:var(--chalk);background:#f7d65a17;box-shadow:0 0 24px #f7d65a33}.bell.ready .b-cup{fill:#f0c14d}.bell.ready:hover .bell-body{animation:wobble .5s ease-in-out}.bell:disabled{cursor:default}.bell:disabled:not(.rung) svg{opacity:.6;filter:grayscale(.4)}.bell.ring .bell-body{animation:ring .12s ease-in-out 9 alternate}@keyframes ring{0%{transform:rotate(-16deg)}to{transform:rotate(16deg)}}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.sheet{display:flex;flex-direction:column;justify-content:center;gap:.15rem;min-height:0;overflow-y:auto;padding:.2rem .4rem .2rem 0;scrollbar-width:thin;scrollbar-color:var(--chalk-faint) transparent}.row{display:grid;grid-template-columns:9.5rem minmax(0,1fr);align-items:end;gap:1rem;min-height:3.4rem;cursor:text;flex:none}.row .cat{font:700 1.15rem/1.3 var(--hand);color:var(--chalk-dim);letter-spacing:.04em;text-transform:uppercase;padding-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row.filled .cat{color:var(--chalk)}.field{position:relative;display:block}.row input{width:100%;height:3rem;padding:0 .3rem;border:0;background:transparent;outline:0;font:400 max(16px,1.75rem)/1 var(--hand);color:var(--me);caret-color:var(--me);text-shadow:0 0 1px currentColor}.row input::placeholder{color:var(--chalk-ghost)}.row input:disabled{color:var(--me);opacity:.85;-webkit-text-fill-color:var(--me)}.row .line{position:absolute;left:0;right:0;bottom:2px;width:100%;height:10px;overflow:visible}.row .line path{fill:none;stroke:var(--chalk-faint);stroke-width:2.2;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:stroke .2s}.row:focus-within .line path{stroke:var(--me);stroke-width:2.8}.row.filled .line path{stroke:#f2efe47a}.row.wrong .line path{stroke:var(--red);stroke-dasharray:5 5}.row .state{position:absolute;right:.2rem;bottom:-.9rem;font:600 .78rem var(--ui);color:var(--red)}.play.watching .sheet{opacity:.4}.stop-banner{position:absolute;left:50%;top:.8rem;transform:translate(-50%);z-index:4;display:flex;align-items:center;gap:.8rem;padding:.3rem 1.1rem;border:2px solid var(--red);border-radius:10px;background:#28120e8c;color:var(--chalk);animation:stopIn .45s cubic-bezier(.2,1.4,.4,1);pointer-events:none}.stop-banner b{font:700 1.3rem var(--hand)}.stop-banner span{font:400 2rem/1 var(--deco);color:var(--red);min-width:1.2em;text-align:center}@keyframes stopIn{0%{transform:translate(-50%) scale(1.6) rotate(-4deg);opacity:0}to{transform:translate(-50%);opacity:1}}.check{display:flex;flex-direction:column;padding:1.1rem 1.6rem 1rem;gap:.7rem}.check-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center}.check-letter{display:grid;place-items:center;width:3.8rem;height:3.8rem;border:2.5px solid rgba(242,239,228,.7);border-radius:10px 14px 9px 13px}.check-letter b{font:400 2.8rem/1 var(--deco)}.check-head .chalk-h{text-align:left;font-size:1.9rem}.check-head .note{text-align:left;font-size:.98rem;margin-top:.15rem}.check-actions{display:flex;align-items:center;gap:.8rem}.check-timer{font:700 1.5rem var(--hand);color:var(--chalk-dim);min-width:2ch;text-align:right;font-variant-numeric:tabular-nums}.grid-wrap{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--chalk-faint) transparent}.grid{display:grid;grid-template-columns:8.5rem repeat(var(--n),minmax(0,1fr));align-items:stretch}.g-head,.g-cat,.g-foot{display:contents}.g-corner{border-bottom:2px solid var(--chalk-faint);font:700 .9rem var(--hand);color:var(--chalk-dim);display:flex;align-items:center;padding:.2rem .4rem}.g-who{display:flex;align-items:center;gap:.35rem;padding:.3rem .6rem;border-bottom:2px solid var(--chalk-faint);min-width:0;position:sticky;top:0;background:#203228eb;z-index:2}.g-who .mk svg{width:18px;height:18px;display:block;flex:none}.g-who b{font:700 1.15rem/1.1 var(--hand);color:var(--pc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g-who.me b{text-decoration:underline;text-decoration-style:wavy;text-underline-offset:4px}.g-head .g-corner{position:sticky;top:0;background:#203228eb;z-index:2}.g-cat h3{margin:0;padding:.55rem .4rem;font:700 1rem/1.2 var(--hand);letter-spacing:.05em;text-transform:uppercase;color:var(--chalk-dim);border-bottom:1px dashed var(--chalk-ghost);display:flex;align-items:center}.cell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"ans mark pts" "st st st" "vote vote vote";align-items:center;column-gap:.4rem;padding:.45rem .6rem;border-bottom:1px dashed var(--chalk-ghost);min-width:0;color:var(--pc)}.cell .ans{grid-area:ans}.cell .mark{grid-area:mark}.cell .pts{grid-area:pts}.cell .st{grid-area:st}.cell .vote,.cell .vt{grid-area:vote}.cell .who{grid-area:who}.cell .who{display:none}.cell .ans{position:relative;min-width:0;display:flex;align-items:center;gap:.3rem}.cell .w{font:400 1.3rem/1.15 var(--hand);color:var(--pc);overflow-wrap:anywhere;position:relative}.cell .w.dash{color:var(--chalk-ghost)}.cell .st{font:600 .74rem var(--ui);color:var(--chalk-dim)}.cell .mark{flex:none;width:1.3rem;height:1.3rem;display:grid;place-items:center;font:700 1.25rem/1 var(--hand);font-style:normal}.cell .mark svg{width:100%;height:100%}.cell .mark svg path{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.cell .mark.ok svg path{stroke:var(--green)}.cell .mark.no svg path{stroke:var(--red)}.cell .mark.q{color:var(--yellow)}.grid:not(.scored) .cell.item:not(.own){background:#f7d65a12;box-shadow:inset 0 0 0 1.5px #f7d65a66;border-radius:8px}.cell.v-empty .w,.cell.v-letter .w,.cell.v-junk .w,.cell.v-unknown .w,.cell.v-rude .w{opacity:.55}.vote{display:flex;gap:.4rem;align-items:center;margin-top:.2rem}.vote button{display:inline-flex;align-items:center;gap:.25rem;min-height:40px;min-width:3.4rem;padding:.1rem .6rem;border:2px solid var(--chalk-faint);border-radius:10px 13px 9px 12px;background:transparent;color:var(--chalk-dim);font:800 .9rem var(--ui)}.vote button.up.on{border-color:var(--green);color:#1d3025;background:var(--green)}.vote button.down.on{border-color:var(--red);color:#3a1712;background:var(--red)}.thumb{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.thumb.down{transform:rotate(180deg)}.vote.own small{font:600 .74rem var(--ui);color:var(--chalk-dim)}.vc,.vt{display:inline-flex;align-items:center;gap:.2rem;font:700 .8rem var(--ui);color:var(--chalk-dim)}.vt{margin-top:.1rem}.cell .pts{font:700 1.35rem/1 var(--hand);color:var(--chalk);min-width:2.4ch;text-align:right}.cell .pts.gold{color:var(--gold);text-shadow:0 0 10px rgba(232,184,74,.5)}.cell .dupno{font:700 .8rem var(--ui);font-style:normal;color:var(--chalk-dim);border:1.5px solid var(--chalk-faint);border-radius:50%;width:1.5rem;height:1.5rem;display:inline-grid;place-items:center;flex:none}.grid.scored .g-cat .cell .pts,.grid.scored .g-cat .cell .mark,.grid.scored .g-cat .cell .dupno,.grid.scored .g-cat .cell .vt{opacity:0;transform:scale(.4);transition:opacity .25s,transform .35s cubic-bezier(.2,1.6,.4,1)}.grid.scored .g-cat.shown .cell .pts,.grid.scored .g-cat.shown .cell .mark,.grid.scored .g-cat.shown .cell .dupno,.grid.scored .g-cat.shown .cell .vt{opacity:1;transform:none}.grid.scored .g-cat .cell.invalid .w:after{content:"";position:absolute;left:-2px;right:-2px;top:55%;height:2.5px;border-radius:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .35s ease-out}.grid.scored .g-cat.shown .cell.invalid:not(.v-empty) .w:after{transform:scaleX(1)}.grid.scored .g-cat .mark svg .draw{stroke-dasharray:30;stroke-dashoffset:30}.grid.scored .g-cat.shown .mark svg .draw{animation:draw .4s ease-out .1s forwards}@keyframes draw{to{stroke-dashoffset:0}}.g-foot .g-corner{border-bottom:0;border-top:2px solid var(--chalk-faint)}.g-total{display:flex;flex-direction:column;align-items:flex-end;padding:.4rem .6rem;border-top:2px solid var(--chalk-faint);color:var(--pc)}.g-total b{font:400 1.9rem/1 var(--deco);color:var(--pc)}.g-total small{font:700 .8rem var(--ui);color:var(--chalk-dim)}.grid.scored .g-total{opacity:0;transform:translateY(6px);transition:opacity .3s,transform .4s}.grid.scored .g-total.shown{opacity:1;transform:none}.final{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1.2rem}.cert{position:relative;width:min(100%,44rem);max-height:calc(100% - 5rem);padding:10px;background:var(--paper);color:var(--ink);border-radius:3px;transform:rotate(-1.2deg);box-shadow:0 18px 40px #0000008c,0 2px 4px #0000004d;animation:certIn .7s cubic-bezier(.2,1.1,.3,1);overflow:hidden;display:flex}.cert:before{content:"";position:absolute;left:50%;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ff8c7a,#b8321f 60%,#6d150a);box-shadow:0 3px 4px #00000073;z-index:3;top:6px}@keyframes certIn{0%{transform:rotate(4deg) translateY(-40px) scale(.9);opacity:0}to{transform:rotate(-1.2deg);opacity:1}}.cert-in{position:relative;flex:1;min-height:0;overflow:auto;padding:1.6rem 2rem 1.4rem;border:3px double #b2923e;outline:1px solid #d9c38a;outline-offset:-9px;text-align:center;background:radial-gradient(120% 90% at 50% 0%,#ffffffb3,#f0e2be66)}.cert h2{margin:0 0 .3rem;font:400 2.5rem/1.05 var(--deco);color:#7a1f1f;letter-spacing:.03em;-webkit-text-stroke:.6px #7a1f1f}.award{margin:.2rem auto;max-width:30rem;font:400 1.02rem/1.35 var(--hand);color:var(--ink-soft)}.winner{margin:.25rem 0 .4rem;font:700 2.6rem/1.1 var(--hand);color:var(--ink);text-decoration:underline;text-decoration-color:var(--pc);text-decoration-thickness:4px;text-underline-offset:8px;overflow-wrap:anywhere}.rosette{position:absolute;right:1.2rem;top:1rem;width:4.6rem;height:4.6rem;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff4c2,#e8b84a 45%,#a7741c);box-shadow:0 0 0 4px #f4dc8f,0 0 0 6px #b78a2e,0 6px 10px #0000004d;animation:spinIn 1s cubic-bezier(.2,1.3,.3,1) .3s both}.rosette:before,.rosette:after{content:"";position:absolute;bottom:-1.8rem;width:1.2rem;height:2.2rem;background:#c0392b;z-index:-1;clip-path:polygon(0 0,100% 0,100% 100%,50% 75%,0 100%)}.rosette:before{left:1rem;transform:rotate(14deg)}.rosette:after{right:1rem;transform:rotate(-14deg);background:#2c5aa0}.rosette svg{width:60%;height:60%}.rosette svg path{fill:#fffbe6;stroke:#a7741c;stroke-width:1}@keyframes spinIn{0%{transform:scale(0) rotate(-180deg)}to{transform:none}}.ranking{margin:.9rem auto 0;border-collapse:collapse;font:600 .95rem var(--ui);color:var(--ink);min-width:70%}.ranking th{font:700 .75rem var(--ui);color:var(--ink-soft);padding:.2rem .4rem;border-bottom:1.5px solid #c9b47a}.ranking td{padding:.35rem .45rem;border-bottom:1px dashed #d8c99c}.ranking .rk{font:700 1.1rem var(--hand);width:2rem}.ranking .nm{text-align:left;font:700 1.15rem var(--hand);white-space:nowrap}.ranking .nm .mk{display:inline-block;vertical-align:-3px;margin-right:.3rem}.ranking .nm .mk svg{width:17px;height:17px}.ranking .nm .mk svg path{stroke:color-mix(in srgb,var(--pc) 55%,#23324b)}.ranking .nm .mk svg path.f{fill:color-mix(in srgb,var(--pc) 55%,#23324b)}.ranking .nm em{font:800 .6rem var(--ui);font-style:normal;color:var(--ink-soft);border:1px solid #c9b47a;border-radius:3px;padding:0 .25rem;vertical-align:2px}.ranking .rd{color:var(--ink-soft);font-variant-numeric:tabular-nums;text-align:center}.ranking .tt{font:700 1.25rem var(--hand);text-align:right}.ranking tr.win .tt,.ranking tr.win .nm{color:#7a1f1f}.ranking tr.me td{background:#e8b84a1f}.ranking .gold{display:inline-block;width:1.1rem;height:1.1rem;margin-left:.3rem;vertical-align:-2px}.ranking .gold svg{width:100%;height:100%}.ranking .gold svg path{fill:#e8b84a;stroke:#a7741c}.stamp{position:absolute;left:1.4rem;top:1.3rem;padding:.15rem .7rem;font:400 1.6rem var(--deco);color:#b22222cc;border:3px solid rgba(178,34,34,.75);border-radius:6px;transform:rotate(-14deg);animation:stamp .45s cubic-bezier(.3,1.6,.5,1) 1.1s both;mix-blend-mode:multiply}@keyframes stamp{0%{transform:rotate(-14deg) scale(2.6);opacity:0}to{transform:rotate(-14deg);opacity:.9}}.grid:not(.scored) .g-foot{display:none}.cert.is-draw .stamp{display:none}.cert-actions{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center;align-items:center}.party-next{font:400 1.1rem var(--hand);color:var(--chalk-dim);margin:0}.side{display:none}@media(min-width:1100px)and (min-height:600px){.side{display:block;width:19rem;min-height:0;padding-top:.4rem}}.note-paper{position:relative;max-height:100%;overflow:auto;padding:1.5rem 1.1rem 1.1rem 1.7rem;color:var(--ink);border-radius:2px;transform:rotate(1.2deg);background:linear-gradient(90deg,transparent 1.05rem,rgba(220,80,80,.5) 1.05rem 1.15rem,transparent 1.15rem),repeating-linear-gradient(to bottom,transparent 0 1.55rem,var(--paper-line) 1.55rem calc(1.55rem + 1px)),var(--paper);box-shadow:0 12px 24px #28190a59,0 2px 3px #28190a40;scrollbar-width:thin}.note-paper:before{content:"";position:absolute;top:.45rem;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#8fd0ff,#2c6fb8 60%,#123f75);box-shadow:0 3px 4px #0006}.side.nudge .note-paper{animation:nudge .6s ease}@keyframes nudge{30%{transform:rotate(-1.5deg) scale(1.03)}60%{transform:rotate(2.5deg)}}.note-h{margin:0 0 .5rem;font:700 1.35rem var(--hand);color:var(--ink)}#setup .srow{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin:.45rem 0;font:700 .92rem var(--ui);color:var(--ink)}#setup .srow small{display:block;font:600 .72rem var(--ui);color:var(--ink-soft)}#setup .seg{border-color:#23324b59}#setup .seg button{color:var(--ink-soft);font:700 .88rem var(--ui);min-width:34px;min-height:34px;padding:.1rem .4rem}#setup .seg button+button{border-left-color:#23324b40}#setup .seg button[aria-pressed=true]{background:var(--ink);color:var(--paper)}#setup .toggle{cursor:pointer;position:relative}#setup .toggle input{position:absolute;opacity:0;pointer-events:none}#setup .toggle i{flex:none;width:42px;height:24px;border-radius:12px;background:#23324b33;position:relative;transition:background .2s}#setup .toggle i:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000059;transition:transform .2s}#setup .toggle input:checked+i{background:var(--ink)}#setup .toggle input:checked+i:after{transform:translate(18px)}#setup .toggle input:focus-visible+i{outline:3px solid #2c6fb8;outline-offset:2px}#setup .scats>span{display:block;margin:.7rem 0 .35rem;font:700 .92rem var(--ui)}#setup .scats small{font:600 .74rem var(--ui);color:var(--ink-soft)}#setup .chips{display:flex;flex-wrap:wrap;gap:.3rem}.chip-cat{min-height:34px;padding:.1rem .6rem;border:1.5px solid rgba(35,50,75,.35);border-radius:999px;background:transparent;font:700 .9rem var(--hand);color:var(--ink-soft)}.chip-cat.on{background:#2b4a3b;border-color:#2b4a3b;color:#f3efe2}.chip-cat.custom i{font-style:normal;margin-left:.3rem;opacity:.7}.chip-cat:disabled{opacity:.75;cursor:default}#setup .addcat{display:flex;gap:.3rem;margin-top:.5rem}#setup .addcat input{flex:1;min-width:0;min-height:36px;padding:0 .5rem;border:1.5px dashed rgba(35,50,75,.4);border-radius:8px;background:#ffffff80;color:var(--ink);font:700 16px var(--hand)}#setup .addcat button{min-height:36px;padding:0 .6rem;border:0;border-radius:8px;background:var(--ink);color:var(--paper);font:700 .8rem var(--ui)}#setup .snote{margin:.7rem 0 0;font:600 .8rem var(--ui);color:var(--ink-soft)}.panel{position:fixed;top:0;right:0;bottom:0;z-index:40;width:min(92vw,23rem);padding:1rem 1.1rem 1.4rem;overflow-y:auto;background:var(--paper);color:var(--ink);transform:translate(105%);visibility:hidden;transition:transform .28s cubic-bezier(.3,.8,.3,1),visibility 0s .28s;box-shadow:-10px 0 40px #00000073}.panel.open{transform:none;visibility:visible;transition:transform .28s cubic-bezier(.3,.8,.3,1)}.panel header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.panel h2{margin:0;font:400 1.7rem var(--deco);color:#7a1f1f}.panel .tool{background:#23324b1a;color:var(--ink)}.panel-identity{display:flex;gap:.5rem;align-items:center;margin-bottom:.6rem}.panel-identity input{flex:1;min-width:0;height:44px;padding:0 .7rem;border-radius:8px;border:1.5px solid rgba(35,50,75,.3);background:#fff;color:var(--ink);font:700 16px var(--hand)}.panel-identity .identity-dot{width:44px;height:44px;background:#2b4a3b}.panel-setup{margin:.4rem 0 1rem;padding:.6rem .2rem;border-top:1px dashed rgba(35,50,75,.25);border-bottom:1px dashed rgba(35,50,75,.25)}.panel-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.8rem}.pbtn{min-height:44px;padding:.3rem .9rem;border:1.5px solid rgba(35,50,75,.35);border-radius:10px;background:#fff;color:var(--ink);font:700 .92rem var(--ui)}.pbtn.primary{background:#2b4a3b;color:#f3efe2;border-color:#2b4a3b}.pbtn.danger{color:#a02a1c;border-color:#a02a1c80}.panel-start{display:grid;gap:.5rem}.panel-invite{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.6rem;font:700 .92rem var(--ui)}#panelRoom>.pbtn{width:100%;margin-top:.4rem}.panel-conn{margin:.8rem 0 0;font:600 .8rem var(--ui);color:var(--ink-soft)}.help{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:1rem;background:#0a0f0c99}.help-card{width:min(100%,36rem);max-height:90%;overflow:auto;padding:1.2rem 1.4rem 1.4rem;border-radius:4px;color:var(--ink);background:repeating-linear-gradient(to bottom,transparent 0 1.6rem,var(--paper-line) 1.6rem calc(1.6rem + 1px)),var(--paper);box-shadow:0 20px 50px #00000080;transform:rotate(-.6deg)}.help-card.small{width:min(100%,26rem)}.help-card header{display:flex;justify-content:space-between;align-items:center}.help-card h2{margin:0;font:400 1.8rem var(--deco);color:#7a1f1f}.help-card .tool{background:#23324b1a;color:var(--ink)}.help-card ol{margin:.6rem 0 0;padding-left:1.3rem;font:400 1.05rem/1.6rem var(--hand)}.help-card li{margin-bottom:.2rem}.help-card p{font:400 1.1rem/1.5 var(--hand)}.confirm-row{display:flex;gap:.5rem;justify-content:flex-end}.toast{position:fixed;left:50%;bottom:1.6rem;z-index:60;transform:translate(-50%,140%);padding:.6rem 1.1rem;border-radius:10px;background:var(--paper);color:var(--ink);font:700 .95rem var(--ui);box-shadow:0 10px 30px #00000073;opacity:0;visibility:hidden;transition:transform .3s,opacity .3s,visibility 0s .3s;pointer-events:none;max-width:90vw;text-align:center}.toast.show{transform:translate(-50%);opacity:1;visibility:visible;transition:transform .3s,opacity .3s}.connection{position:absolute;left:.8rem;bottom:.6rem;z-index:9;font:700 .85rem var(--hand);color:var(--chalk-dim)}.connection.trouble{color:var(--yellow)}.fx{position:fixed;inset:0;width:100vw;height:100vh;z-index:45;pointer-events:none}@media(max-width:760px){:root{--bar-h: 50px}.bar{gap:.4rem;padding:0 .45rem}.brand span,.tool.lang,#playerName,.round-tag{display:none}.brand svg{width:30px;height:30px}.roster{justify-content:flex-start;gap:.3rem;flex-wrap:wrap;align-content:center}.chip{padding:.16rem .4rem .26rem;gap:.22rem}.chip .nm{font-size:.82rem;max-width:4.6rem}.chip .sc{font-size:.78rem}.chip .bt{display:none}.chip.bot .mk{outline:1.5px dotted rgba(242,239,228,.5);outline-offset:1px;border-radius:3px}.tool,.identity-dot{width:40px;height:40px}.seg button{min-height:40px}.stage{padding:.45rem .45rem .55rem;gap:0}.frame{padding:8px 8px 0}.tray{height:10px;margin:0 -8px}.chalk-stick,.eraser,.dd-house,.dd-tulip,.chalk-date,.dd-cat{display:none}.dd-sun{width:3.6rem;left:4%;right:auto;top:3%}.home{grid-template-columns:1fr;grid-template-rows:minmax(9rem,1fr) auto auto auto auto;padding:1rem 1.1rem 1.2rem;column-gap:0;text-align:left}.home>*{grid-column:1}.home-title{grid-row:2}.logo{font-size:3.6rem}.tagline{font-size:1.12rem}.home-actions{grid-row:3;flex-direction:column;margin-top:1rem;gap:.6rem}.home-actions .cbtn{width:100%}.home-quick{grid-row:4;margin-top:1rem}#hSetup{grid-row:5}.wheel-stage.home{grid-template-columns:1fr;grid-template-rows:minmax(9rem,1fr) auto;padding:.8rem;align-items:start}.wheel-stage.home .wheel{width:min(36vh,64vw,260px);transform:rotate(-8deg);justify-self:end;margin-right:-2.2rem;margin-top:-.4rem}.wheel-stage{grid-template-columns:1fr;grid-template-rows:auto auto;gap:.5rem;align-content:center}.wheel{width:min(76vw,52vh)}.big-letter{font-size:6.5rem;text-align:center}.play{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:.6rem;padding:.7rem .8rem .5rem}.dock{flex-direction:row;justify-content:space-between;gap:.6rem}.letter-tile{width:4.6rem;height:4.6rem;border-radius:12px 15px 11px 14px}.letter-tile:after{inset:4px}.letter-tile b{font-size:3.4rem}.clock{width:4.4rem;height:4.4rem}.clock-text{position:static;transform:none;display:block;text-align:center;font-size:1.05rem;margin-top:-.2rem}.clock{display:flex;flex-direction:column;align-items:center;height:auto}.clock svg{width:3.6rem;height:3.6rem}.bell{flex:1;flex-direction:row;justify-content:center;gap:.5rem;margin-top:0;min-width:0;padding:.35rem .6rem;min-height:4.4rem;flex-wrap:wrap}.bell svg{width:2.4rem;height:2.4rem}.bell span{font-size:1.35rem}.bell small{flex-basis:100%;text-align:center;font-size:.72rem;min-height:0}.sheet{justify-content:flex-start;gap:.1rem;padding-bottom:1rem}.row{grid-template-columns:1fr;gap:0;min-height:0}.row .cat{font-size:.88rem;padding:.35rem 0 0}.row input{height:2.6rem;font-size:max(16px,1.5rem)}.row .state{bottom:auto;top:.4rem}.stop-banner{top:auto;bottom:.6rem}.lobby{justify-content:flex-start;padding:1rem .9rem;overflow-y:auto}.chalk-h{font-size:1.8rem}.lobby-list{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.seat b{font-size:1.05rem}.check{padding:.7rem .7rem .6rem;gap:.4rem}.check-head{grid-template-columns:auto minmax(0,1fr);gap:.3rem .7rem}.check-head .chalk-h{font-size:1.35rem}.check-head .note{font-size:.82rem}.check-letter{width:3rem;height:3rem}.check-letter b{font-size:2.2rem}.check-actions{grid-column:1 / -1;justify-content:space-between}.check-actions .cbtn{flex:1}.grid{display:block}.g-head{display:none}.g-cat{display:block;margin-bottom:.5rem}.g-cat h3{border-bottom:2px solid var(--chalk-faint);padding:.3rem .1rem;font-size:.9rem}.cell{padding:.35rem .2rem;grid-template-columns:5.6rem minmax(0,1fr) auto auto;grid-template-areas:"who ans mark pts" ". st st st" ". vote vote vote"}.cell.v-empty{padding:.15rem .2rem}.cell.v-empty:not(.own){display:none}.cell .who{display:flex;align-items:center;gap:.25rem;min-width:0;font:700 .9rem var(--hand);color:var(--pc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell .who .mk svg{width:14px;height:14px;display:block}.cell .w{font-size:1.15rem}.g-foot{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.g-foot .g-corner{flex-basis:100%;border:0;padding:0}.g-total{flex:1 1 30%;border:1.5px solid var(--chalk-faint);border-radius:10px;align-items:center}.cert{max-height:calc(100% - 5.2rem)}.cert-in{padding:1.2rem .9rem 1rem}.cert h2{font-size:1.8rem}.winner{font-size:1.9rem}.rosette{position:relative;right:auto;top:auto;margin:.4rem auto 1.5rem;width:3.2rem;height:3.2rem}.rosette:before,.rosette:after{bottom:-1.1rem;width:.8rem;height:1.4rem}.rosette:before{left:.7rem}.rosette:after{right:.7rem}.ranking{font-size:.82rem;min-width:0;width:100%}.ranking .rd{display:none}.stamp{position:static;display:inline-block;margin-top:.7rem;font-size:1.05rem}.cert h2{font-size:1.55rem}.cert-actions .cbtn.big{min-height:52px;font-size:1.2rem;padding:.5rem 1.2rem}}body.kbd .app{grid-template-rows:0 minmax(0,1fr)}body.kbd .bar{visibility:hidden}body.kbd .stage{padding:.25rem}body.kbd .frame{padding:4px 4px 0}body.kbd .tray{display:none}body.kbd .play{padding:.4rem .6rem .2rem;gap:.3rem}body.kbd .letter-tile{width:3rem;height:3rem}body.kbd .letter-tile b{font-size:2.2rem}body.kbd .clock svg{width:2.4rem;height:2.4rem}body.kbd .clock{width:auto}body.kbd .bell{min-height:3rem;padding:.2rem .5rem}body.kbd .bell svg{width:1.8rem;height:1.8rem}body.kbd .bell small{display:none}@media(max-height:520px)and (min-width:561px){:root{--bar-h: 44px}html{font-size:13px}.round-tag,.brand span{display:none}.bar{gap:.45rem;padding:0 .5rem}.tool{width:38px;height:38px}.chip .bt{display:none}#playerName{width:7rem;height:32px}.chip .nm{max-width:5.4rem}.stage{padding:.35rem .6rem .45rem;gap:0}.frame{padding:7px 7px 0}.tray{height:9px;margin:0 -7px}.chalk-stick,.eraser{display:none}.home{padding:.5rem 1.4rem;column-gap:1.4rem;grid-template-rows:1fr auto auto auto auto 1fr}#hSetup{min-height:36px;padding:.1rem .4rem;margin-top:.1rem}.identity-dot{width:38px;height:38px}.logo{font-size:3.2rem}.tagline{font-size:1.05rem;margin-top:.4rem}.home-actions{margin-top:.8rem;gap:.6rem}.cbtn.big{min-height:52px;font-size:1.2rem;padding:.45rem 1.1rem}.home-quick{margin-top:.7rem;gap:.35rem .7rem}.wheel-stage.home{padding:.6rem 1.4rem;gap:1.4rem}.dd-tulip,.dd-house{display:none}.wheel-stage.home .wheel{width:min(66vh,250px)}.wheel{width:min(58vh,300px)}.big-letter{font-size:8rem}.play{grid-template-columns:8.2rem minmax(0,1fr);gap:1rem;padding:.5rem 1rem .4rem .7rem}.dock{gap:.5rem;justify-content:flex-start}.letter-tile{width:5rem;height:5rem}.letter-tile b{font-size:3.6rem}.clock{width:4.6rem;height:auto;display:flex;flex-direction:column;align-items:center}.clock svg{width:3.8rem;height:3.8rem}.clock-text{position:static;transform:none;font-size:1.1rem}.bell{margin-top:0;min-width:0;width:100%;padding:.25rem .4rem .35rem}.bell svg{width:2.2rem;height:2.2rem}.bell span{font-size:1.2rem}.bell small{font-size:.66rem}.sheet{justify-content:flex-start}.row{grid-template-columns:7rem minmax(0,1fr);min-height:2.7rem;gap:.6rem}.row .cat{font-size:.9rem;padding-bottom:.35rem}.row input{height:2.4rem;font-size:max(16px,1.35rem)}.lobby{padding:.6rem 1rem;gap:.5rem;justify-content:flex-start;overflow-y:auto}.chalk-h{font-size:1.6rem}.lobby-list{grid-template-columns:repeat(3,minmax(0,11rem))}.seat{min-height:2.6rem;padding:.25rem .5rem}.check{padding:.5rem .9rem;gap:.35rem}.check-head .chalk-h{font-size:1.3rem}.check-head .note{display:none}.check-letter{width:2.6rem;height:2.6rem}.check-letter b{font-size:1.9rem}.grid{grid-template-columns:6.2rem repeat(var(--n),minmax(0,1fr))}.cell{padding:.25rem .4rem}.cell .w{font-size:1.1rem}.g-cat h3{padding:.3rem;font-size:.82rem}.final{flex-direction:row;gap:1rem;padding:.6rem 1rem}.cert{max-height:100%;width:min(70%,40rem)}.cert-in{padding:.8rem 1.2rem}.cert h2{font-size:1.7rem}.winner{font-size:1.7rem;margin:0}.award{font-size:.9rem}.ranking{margin-top:.4rem}.ranking td{padding:.18rem .4rem}.rosette{width:3.2rem;height:3.2rem}.cert-actions{flex-direction:column}}@media(prefers-reduced-motion:reduce){.beam,.motes i,.board.shake{animation:none}}.side-board h3{margin:0 0 .4rem;font:700 1.3rem var(--hand);color:var(--ink)}.side-board table{width:100%;border-collapse:collapse;font:600 .85rem var(--ui);color:var(--ink)}.side-board th{font:700 1rem var(--hand);color:var(--ink-soft);padding:.1rem .2rem;text-align:center}.side-board th.now{color:#7a1f1f;text-decoration:underline}.side-board td{padding:.32rem .2rem;text-align:center;border-top:1px dashed rgba(35,50,75,.2);font-variant-numeric:tabular-nums}.side-board td.nm{text-align:left;font:700 1rem var(--hand);white-space:nowrap;max-width:6.5rem;overflow:hidden;text-overflow:ellipsis}.side-board td.nm .mk{display:inline-block;vertical-align:-2px;margin-right:.25rem}.side-board td.nm .mk svg{width:14px;height:14px}.side-board .mk svg path{stroke:color-mix(in srgb,var(--pc) 50%,#23324b)}.side-board .mk svg path.f{fill:color-mix(in srgb,var(--pc) 50%,#23324b)}.side-board td.tt{font:700 1.1rem var(--hand);text-align:right}.side-board tr.me td{background:#e8b84a24}.side-board .cats{margin:.8rem 0 0;font:600 .78rem/1.4 var(--ui);color:var(--ink-soft)}