:root{--chalk: #f1efe6;--chalk-dot: #dcd9cb;--paper: #ffffff;--ink: #1d1d24;--ink-soft: #5c5a66;--ink-faint: #b8b5aa;--moss: #6b8a6e;--moss-lip: #93b093;--moss-under: #4a6650;--moss-inner: #739377;--focus: #3e8ef7;--danger: #b8363a;--font-display: "Jersey 10", ui-monospace, monospace;--font-body: Nunito, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--chalk);background-image:radial-gradient(var(--chalk-dot) 1.5px,transparent 1.6px);background-size:48px 48px;background-position:24px 24px;color:var(--ink);font-family:var(--font-body);font-weight:500;min-height:100vh;overflow-x:hidden}body.in-game{overflow:hidden;background:#4a6650}#site{min-height:100vh;display:grid;grid-template-rows:1fr;padding-bottom:176px}#site[hidden]{display:none}main{display:grid;place-items:center;padding:48px 20px 40px;position:relative;z-index:2}#game,#game-front{display:block;position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;image-rendering:pixelated}#game-front,#tags,#bubbles{pointer-events:none}#tags,#bubbles{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}#game[hidden],#game-front[hidden],#tags[hidden],#bubbles[hidden]{display:none}#hud{position:fixed;left:12px;bottom:10px;color:#f2efe6;opacity:.8;font:12px/1.4 ui-monospace,SF Mono,Menlo,Consolas,monospace;text-shadow:1px 1px 0 #000;pointer-events:none}#hud[hidden]{display:none}.wordmark{font-family:var(--font-display);line-height:.95;margin:0;letter-spacing:-.01em;color:var(--ink);text-shadow:6px 6px 0 var(--moss-lip)}.btn{font:inherit;font-weight:800;font-size:18px;letter-spacing:.01em;background:var(--ink);color:var(--chalk);border:3px solid var(--ink);border-radius:4px;padding:14px 32px;cursor:pointer;box-shadow:5px 5px 0 var(--moss);transform:translate(0);transition:transform 80ms ease,box-shadow 80ms ease;display:inline-block;text-decoration:none;text-align:center;line-height:1.2}.btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--moss)}.btn:active:not(:disabled){transform:translate(3px,3px);box-shadow:2px 2px 0 var(--moss)}.btn:disabled{cursor:default;opacity:.45;box-shadow:3px 3px 0 var(--moss)}.btn.small{font-size:16px;padding:10px 20px;box-shadow:4px 4px 0 var(--moss);background:var(--chalk);color:var(--ink)}.btn.small:hover:not(:disabled){box-shadow:6px 6px 0 var(--moss)}.btn.quiet{background:transparent;color:var(--ink-soft);border-color:transparent;box-shadow:none;padding:8px 12px;font-size:15px;font-weight:700}.btn.quiet:hover:not(:disabled){color:var(--ink);text-decoration:underline;text-underline-offset:3px;transform:none;box-shadow:none}.btn:focus-visible,.code-input:focus-visible,.text-input:focus-visible,.level-select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.code-input,.code-display{font-family:var(--font-display);font-size:34px;letter-spacing:.32em;text-transform:uppercase}.code-input{font:inherit;font-family:var(--font-display);font-size:34px;letter-spacing:.32em;text-transform:uppercase;width:11.5ch;padding:4px 0 4px .32em;text-align:center;background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:4px}.code-input::placeholder{color:var(--ink-faint);letter-spacing:.32em}.text-input,.level-select{font:inherit;font-weight:700;font-size:18px;padding:10px 14px;background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:4px}.text-input::placeholder{color:var(--ink-faint);font-weight:500}.level-select{font-size:16px;padding:8px 12px;cursor:pointer}.error{color:var(--danger);font-weight:700;font-size:15px;min-height:1.4em;margin:0}.floor{position:fixed;left:0;right:0;bottom:0;height:176px;z-index:1}.floor .slab{position:absolute;left:0;right:0;bottom:0;height:56px;background:var(--moss);border-top:6px solid var(--moss-lip);box-shadow:inset 0 -10px 0 var(--moss-under)}.floor .slab:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--moss-inner) 3px,transparent 3.2px);background-size:96px 22px;opacity:.8}.stage{position:absolute;left:0;right:0;bottom:56px;pointer-events:none}.stage .world{position:absolute;bottom:0;overflow:hidden;transform-origin:left bottom}.stage .tags{position:absolute;bottom:0;overflow:hidden}.stage .bubbles{position:absolute;bottom:0}.walker{position:absolute;left:0;top:0;will-change:transform}.walker canvas{display:block;image-rendering:pixelated}.walker.clickable{pointer-events:auto;cursor:pointer}.walker .crown{position:absolute;display:block;image-rendering:pixelated;animation:crownFloor .5s cubic-bezier(.2,1.2,.4,1)}@keyframes crownFloor{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:none}}.token{position:absolute;left:0;top:0;z-index:1;will-change:transform}.token canvas{display:block;image-rendering:pixelated}.tag{position:absolute;left:0;top:0;transform:translate(-50%,-100%);font-size:13px;font-weight:800;color:var(--ink);white-space:nowrap;letter-spacing:.02em;text-shadow:0 0 4px var(--chalk),0 0 4px var(--chalk);text-align:center;line-height:1.2}.tag small{display:block;font-size:11px;font-weight:700;color:var(--ink-soft)}.tag[hidden]{display:none}.bubble{position:absolute;left:0;top:0;transform:translate(-50%,-100%);width:max-content;max-width:180px;padding:5px 9px 6px;background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:10px;box-shadow:0 2px 0 var(--ink);font-size:13px;font-weight:700;line-height:1.25;text-align:center;overflow-wrap:anywhere}.bubble:after{content:"";position:absolute;left:50%;bottom:-7px;width:8px;height:8px;margin-left:-4px;background:var(--paper);border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg)}.bubble[hidden]{display:none}.iris{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.iris[hidden]{display:none}.chat{position:fixed;left:50%;bottom:8px;transform:translate(-50%);margin:0;z-index:5}.chat input{width:min(440px,84vw);padding:10px 16px;box-sizing:border-box;font:inherit;font-weight:700;font-size:15px;color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:999px;box-shadow:0 3px 0 var(--ink);outline:none}.chat input:focus{border-color:var(--focus);box-shadow:0 3px 0 var(--focus)}.chat[hidden]{display:none}.keys{display:inline-flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:center}.keys .key{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 8px;font-weight:800;font-size:14px;background:var(--paper);border:2px solid var(--ink);border-radius:4px;box-shadow:0 3px 0 var(--ink);margin-bottom:3px}.keys .action{font-size:15px;color:var(--ink-soft);margin-left:2px}.colors{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.colors button{font:inherit;cursor:pointer;background:transparent;border:3px solid transparent;border-radius:6px;padding:8px 6px 4px;display:grid;justify-items:center;gap:4px;color:var(--ink-soft);font-size:11px;font-weight:700;min-width:62px}.colors button canvas{display:block;image-rendering:pixelated}.colors button:hover:not(:disabled){background:#fff9}.colors button[aria-pressed=true]{border-color:var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--moss-lip)}.colors button:disabled{cursor:default}.colors button:disabled canvas{opacity:.3}.colors button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.hero{width:min(560px,100%);text-align:center}.hero .wordmark{font-size:clamp(72px,13vw,124px)}.wordmark.sweep{position:relative;display:inline-block;text-shadow:none;letter-spacing:0;line-height:1}.wordmark.sweep .w{display:inline}.wordmark.sweep .w+.w{margin-left:.22em}.wordmark.sweep .under{position:absolute;top:0;right:0;bottom:0;left:0;color:var(--ink);text-shadow:3px 0 0 var(--ink),-3px 0 0 var(--ink),0 3px 0 var(--ink),0 -3px 0 var(--ink),3px 3px 0 var(--ink),-3px -3px 0 var(--ink),3px -3px 0 var(--ink),-3px 3px 0 var(--ink),9px 9px 0 var(--ink)}.wordmark.sweep .fill{position:relative;z-index:1;color:transparent;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#e5484d 0,#e5484d 6.25%,#f28c38 6.25%,#f28c38 12.5%,#f2c94c 12.5%,#f2c94c 18.75%,#46b86a 18.75%,#46b86a 25%,#3ecfcf 25%,#3ecfcf 31.25%,#3e8ef7 31.25%,#3e8ef7 37.5%,#9b6ef3 37.5%,#9b6ef3 43.75%,#f27bb0 43.75%,#f27bb0 50%,#e5484d 50%,#e5484d 56.25%,#f28c38 56.25%,#f28c38 62.5%,#f2c94c 62.5%,#f2c94c 68.75%,#46b86a 68.75%,#46b86a 75%,#3ecfcf 75%,#3ecfcf 81.25%,#3e8ef7 81.25%,#3e8ef7 87.5%,#9b6ef3 87.5%,#9b6ef3 93.75%,#f27bb0 93.75%,#f27bb0);background-size:200% 100%;animation:sweep 6s linear infinite}@keyframes sweep{0%{background-position:0 0}to{background-position:100% 0}}.tagline{font-size:clamp(17px,2.2vw,20px);line-height:1.45;color:var(--ink-soft);margin:22px auto 36px;max-width:34ch;text-wrap:pretty}.actions{display:grid;gap:14px;justify-items:center}.or{font-size:14px;color:var(--ink-soft);margin:6px 0 0}.code{display:flex;gap:8px;align-items:stretch}.desktop-note{display:none;gap:14px;justify-items:center;width:min(400px,100%);margin:4px auto 0;padding:24px 22px 26px;text-align:center;background:var(--paper);border:3px solid var(--ink);border-radius:4px;box-shadow:6px 6px 0 var(--moss)}.desktop-note h2{font-family:var(--font-display);font-size:40px;line-height:1;margin:0;text-shadow:3px 3px 0 var(--moss-lip)}.desktop-note p{margin:0;font-size:16px;line-height:1.5;color:var(--ink-soft);max-width:30ch;text-wrap:pretty}@media(hover:none)and (pointer:coarse){.actions{display:none}.desktop-note{display:grid}}main.top{padding-top:40px;align-content:start}.setup,.room{width:min(640px,100%);text-align:center;display:grid;gap:10px;justify-items:center}.label{margin:0;font-size:16px;color:var(--ink-soft)}.label .code-display{font-size:24px;letter-spacing:.2em;margin-left:4px}.setup h1{font-family:var(--font-display);font-size:clamp(48px,8vw,72px);line-height:1;margin:0 0 10px;text-shadow:4px 4px 0 var(--moss-lip)}.field{display:grid;gap:8px;justify-items:center;margin-top:10px}.field label,.field .field-label{font-size:15px;font-weight:700;color:var(--ink-soft)}.field .text-input{width:12ch;text-align:center;font-size:22px}.go{margin-top:22px;display:grid;gap:10px;justify-items:center}.corner{position:fixed;left:16px;top:12px;z-index:3}.room .code-display{font-size:clamp(72px,14vw,136px);line-height:1;margin:0;letter-spacing:.2em;padding-left:.2em;text-shadow:6px 6px 0 var(--moss-lip);-webkit-user-select:all;user-select:all}.share{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:4px}.share p{margin:0;color:var(--ink-soft)}.room .go{margin-top:28px}.who{font-size:15px;color:var(--ink-soft);margin:0}.pick{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--ink-soft)}.waiting{margin:32px 0 0;font-size:22px;font-weight:800;color:var(--ink)}.waiting .dots:after{content:"";animation:dots 1.6s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.primer{margin-top:26px;display:grid;gap:10px;justify-items:center}.notice{margin:24px 0 0;font-size:18px;font-weight:700;color:var(--ink);max-width:36ch}.cleared{width:min(600px,100%);display:grid;justify-items:center;text-align:center}.level-name{font-family:var(--font-display);font-size:clamp(64px,11vw,104px);line-height:1;margin:0;letter-spacing:.12em;padding-left:.12em;text-transform:uppercase;text-shadow:6px 6px 0 var(--moss-lip)}.level-name.headline{font-size:clamp(60px,10vw,92px)}.opener{margin:22px 0 0;font-size:22px;font-weight:800}.board{width:100%;margin-top:18px;background:var(--paper);border:3px solid var(--ink);border-radius:4px;box-shadow:6px 6px 0 var(--moss);text-align:left;padding:18px 22px 10px}.board header{margin-bottom:10px}.board h2{margin:0;font-size:18px;font-weight:800}.board ol{list-style:none;margin:0;padding:0}.row{display:grid;grid-template-columns:36px 1fr auto 44px;align-items:center;gap:14px;padding:6px 0;border-top:2px solid var(--chalk);min-height:52px}.row:first-child{border-top:0}.row canvas{display:block;image-rendering:pixelated}.row .avatar{position:relative;justify-self:center}.row .avatar .crown{position:absolute;left:50%;bottom:32px;transform:translate(-50%)}.row .name{font-weight:800;font-size:17px}.row .name small{font-weight:700;font-size:12px;color:var(--ink-soft);margin-left:6px}.row .tally{display:flex;gap:6px;align-items:center;justify-content:flex-end;min-height:28px}.row .count{font-family:var(--font-display);font-size:40px;line-height:1;text-align:right}.row.none .count{color:var(--ink-faint)}.reveal{opacity:0;transform:translateY(8px);transition:opacity .26s ease,transform .26s ease}.reveal.in{opacity:1;transform:none}.tally .pop{animation:pop .38s cubic-bezier(.2,1.4,.4,1)}@keyframes pop{0%{transform:scale(0) translateY(-10px)}60%{transform:scale(1.25)}to{transform:scale(1)}}.avatar .crown.pop{animation:crown .5s cubic-bezier(.2,1.2,.4,1)}@keyframes crown{0%{opacity:0;transform:translate(-50%,-30px)}to{opacity:1;transform:translate(-50%)}}.cleared .go{margin-top:22px}.cleared .waiting{margin:0;font-size:20px}.panel{text-align:center;display:grid;gap:14px;justify-items:center}.panel h1{font-family:var(--font-display);font-size:64px;line-height:1;margin:0;text-shadow:4px 4px 0 var(--moss-lip)}.panel p{margin:0;color:var(--ink-soft)}@media(max-width:520px){.code-input{width:10.5ch;font-size:28px}.corner{top:auto;bottom:182px}.board{padding:14px 14px 12px}.row{grid-template-columns:32px 1fr auto 36px;gap:10px}.row .count{font-size:34px}}@media(prefers-reduced-motion:reduce){.btn{transition:none}.wordmark.sweep .fill{animation:none}.waiting .dots:after{content:"…";animation:none}.reveal{transition:none}.tally .pop,.avatar .crown.pop,.walker .crown{animation:none}}