@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/bricolage-latin-ext.woff2)format(woff2);unicode-range:U100-2BA,U2BD-02C5,U2C7-02CC,U2CE-02D7,U2DD-02FF,U304,U308,U329,U1D00-1DBF,U1-1000000000F,U1EF2-1EFF,U2020,U20A0-20AB,U20AD-20C4,U2113,U2C60-2C7F,U + A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/bricolage-latin.woff2)format(woff2);unicode-range:U0-0FF,U131,U152-153,U2BB-02BC,U2C6,U2DA,U2DC,U304,U308,U329,U2000-206F,U20AC,U2122,U2191,U2193,U2212,U2215,U + FEFF,U + FFFD}:root{--felt:#24324a;--felt-deep:#1a2537;--felt-line:#ffffff1f;--chip:#d9c6a5;--chip-deep:#c4ac85;--ink:#18202c;--ink-soft:#4b4636;--on-felt:#e9e3d6;--on-felt-soft:#a9b3c3;--sticker:#ffc93c;--font:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--radius-s:6px;--radius-m:10px;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font);color:var(--on-felt);background-color:var(--felt);-webkit-font-smoothing:antialiased;background-image:radial-gradient(#ffffff09 1px,#0000 1.2px),radial-gradient(#0000001f 1px,#0000 1.2px);background-position:0 0,2px 3px;background-size:5px 5px,7px 7px;font-size:16px;line-height:1.5}[hidden]{display:none!important}.visually-hidden{position:absolute;overflow:hidden;clip-path:inset(50%);white-space:nowrap;width:1px;height:1px}h1,h2{letter-spacing:-.015em;margin:0;font-weight:750;line-height:1.1}:focus-visible{outline:2px solid var(--sticker);outline-offset:2px}input{font:inherit;color:var(--ink);border:1px solid var(--chip-deep);border-radius:var(--radius-s);background:#f3ead9;width:100%;min-width:0;padding:.55rem .7rem}input::placeholder{color:#8a7f6a}.button{font:inherit;display:inline-flex;border-radius:var(--radius-s);color:var(--ink);cursor:pointer;text-decoration:none;white-space:nowrap;background:#efe4cf;border:1px solid #18202c40;justify-content:center;align-items: center;gap:.4rem;padding:.55rem .95rem;transition:background-color .12s,transform .12s;font-size:.95rem;font-weight:650}.button:hover{background:#f7eedd}.button:active{transform:translateY(1px)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button.primary{background:var(--sticker);border-color:#c99a1d;font-weight:750}.button.primary:hover:not(:disabled){background:#ffd767}#home{max-width:1180px;margin:0 auto;padding:1.5rem clamp(1rem,4vw,2.5rem) 4rem}.masthead{display:flex;justify-content:space-between;align-items: center;gap:1rem;margin-bottom:clamp(1.5rem,4vw,3rem)}.wordmark{letter-spacing:-.03em;color:var(--on-felt);text-decoration:none;font-variation-settings:"opsz" 96;font-size:1.35rem;font-weight:800}.wordmark.small{font-size:1.05rem}.nick-field{display:flex;color:var(--on-felt-soft);align-items: center;gap:.6rem;font-size:.9rem}.nick-field input{border-color:var(--felt-line);color:var(--on-felt);background:#ffffff0f;width:13rem}.nick-field input::placeholder{color:var(--on-felt-soft)}.maker{display:grid;grid-template-columns:minmax(0,1.55fr)minmax(300px,1fr);align-items: start;gap:clamp(1.5rem,4vw,3.5rem)}.lid{position:relative;aspect-ratio:var(--lid-aspect,4/3);width:min(calc(100% - 14px),calc(74vh*var(--lid-ratio,1.3333)));border-radius:var(--radius-m);background:var(--felt-deep);box-shadow:0 0 0 1px #00000059,0 2px 0 6px var(--chip),0 2px 0 7px #0000004d,0 24px 40px -12px #0000008c;outline:3px dashed #0000;outline-offset:10px;margin:7px;transition:outline-color .12s}.lid.dragover{outline-color:var(--sticker)}#lid-canvas{position:absolute;border-radius:var(--radius-m);width:100%;height:100%;inset:0}.lid-empty{position:absolute;display:grid;text-align:center;color:var(--on-felt-soft);place-content: center;padding:2rem;inset:0}.lid-empty p{max-width:28ch;margin:0}.lid-empty-title{color:var(--on-felt);letter-spacing:-.02em;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:750;margin-bottom:.4rem!important}.sticker{position:absolute;aspect-ratio:1;background:var(--sticker);color:var(--ink);display:grid;text-align:center;border-radius:50%;place-content: center;width:clamp(92px,11vw,118px);top:-22px;right:-18px;transform:rotate(9deg);box-shadow:0 6px 14px -4px #00000080,inset 0 -3px #0000001a}.sticker-count{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-variation-settings:"opsz" 96;font-size:clamp(1.7rem,3vw,2.25rem);font-weight:800;line-height:.95}.sticker-unit{font-size:.85rem;font-weight:650}.controls{background:var(--chip);color:var(--ink);border-radius:var(--radius-m);display:grid;gap:1.35rem;padding:clamp(1.25rem,3vw,1.9rem);box-shadow:0 18px 36px -18px #0009}.controls h1{font-variation-settings:"opsz" 96;font-size:clamp(1.75rem,3.2vw,2.4rem)}.lede{color:var(--ink-soft);max-width:40ch;margin:-.85rem 0 0}.field{display:grid;gap:.5rem}.field-label{font-size:.95rem;font-weight:700}.file-button{justify-self:start}.file-button:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.link-row{display:flex;gap:.5rem}input[type=range]{accent-color:var(--ink);background:0 0;border:0;height:1.6rem;padding:0}.grid-note{color:var(--ink-soft);font-variant-numeric:tabular-nums;margin:-.2rem 0 0;font-size:.9rem}#start{padding-block-start:.8rem;padding-block-end:.8rem;font-size:1.05rem}.status{color:var(--ink-soft);min-height:1.5em;margin:-.6rem 0 0;font-size:.92rem}.status.error{color:#9b1c0c;font-weight:600}.recent{margin-top:clamp(2.5rem,6vw,4.5rem)}.recent h2{margin-bottom:1rem;font-size:1.35rem}#recent-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1.1rem;margin:0;padding:0}.recent-item{position:relative}.recent-item a{display:block;color:inherit;text-decoration:none}.recent-item img{display:block;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-s);box-shadow:0 0 0 4px var(--chip),0 10px 20px -10px #0009;background:var(--felt-deep);width:100%;margin-bottom:.75rem}.recent-item a:hover img{box-shadow:0 0 0 4px var(--sticker),0 10px 20px -10px #0009}.recent-title{display:block;font-weight:700}.recent-meta{color:var(--on-felt-soft);font-size:.85rem}.recent-forget{position:absolute;font:inherit;border-radius:var(--radius-s);color:var(--on-felt);cursor:pointer;opacity:0;background:#18202cbf;border:0;padding:.2rem .5rem;font-size:.8rem;top:.4rem;right:.4rem}.recent-item:hover .recent-forget{opacity:1}.recent-forget:focus-visible{opacity:1}@media (max-width:860px){.maker{grid-template-columns:1fr}.masthead{flex-wrap:wrap}.nick-field{width:100%}.nick-field input{flex:1;width:auto}.sticker{top:-14px;right:-8px}}#room{position:fixed;overflow:hidden;inset:0}#board{position:absolute;touch-action:none;display:block;width:100%;height:100%;inset:0}.hud{position:absolute;z-index:2}.hud-top{top:max(.75rem,env(safe-area-inset-top));left:max(.75rem,env(safe-area-inset-left));display:flex;border-radius:var(--radius-m);backdrop-filter:blur(6px);box-shadow:0 0 0 1px var(--felt-line);background:#1a2537e0;align-items: center;gap:1.1rem;padding:.5rem .9rem}.progress{display:grid;gap:.3rem;min-width:9rem}.progress-text{color:var(--on-felt-soft);font-variant-numeric:tabular-nums;margin:0;font-size:.88rem;line-height:1.2}.progress-text strong{color:var(--on-felt);font-size:1.05rem}.bar{overflow:hidden;background:#ffffff1f;border-radius:3px;height:5px}.bar-fill{background:var(--sticker);width:0;height:100%;transition:width .3s ease-out}.players{top:max(.75rem,env(safe-area-inset-top));right:max(.75rem,env(safe-area-inset-right));background:var(--chip);color:var(--ink);border-radius:var(--radius-m);width:15rem;padding:.35rem .4rem .6rem;box-shadow:0 14px 28px -14px #000000b3}.players-toggle{all:unset;box-sizing:border-box;display:flex;cursor:pointer;border-radius:var(--radius-s);justify-content:space-between;width:100%;padding:.35rem .55rem;font-weight:750}.players-toggle:focus-visible{outline:2px solid var(--ink)}.players-count{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-weight:600}.players[data-collapsed] .player-list,.players[data-collapsed] .players-foot{display:none}.player-list{list-style:none;overflow-y:auto;max-height:50vh;margin:0;padding:0}.player{display:grid;grid-template-columns:.75rem 1fr auto;border-radius:var(--radius-s);align-items: center;gap:.55rem;padding:.3rem .55rem;font-size:.95rem}.player.offline{opacity:.5}.player.me{background:#18202c12}.player .dot{border-radius:50%;width:.75rem;height:.75rem;box-shadow:inset 0 0 0 1.5px #00000040}.player .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player .name button{all:unset;cursor:pointer;text-decoration:underline dotted #18202c73;text-underline-offset:3px}.player .name button:focus-visible{outline:2px solid var(--ink)}.player .you{color:var(--ink-soft);font-size:.85em}.player .score{font-variant-numeric:tabular-nums;font-weight:750}.players-foot{color:var(--ink-soft);margin:.4rem .55rem 0;font-size:.78rem}.tools{right:max(.75rem,env(safe-area-inset-right));bottom:max(.75rem,env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;max-width:calc(100% - 1.5rem)}.tools .button{box-shadow:0 8px 18px -10px #000000b3}.tools .button[aria-pressed=true]{background:var(--sticker)}.zoom{display:flex}.zoom .button{border-radius:0;min-width:2.6rem}.zoom .button:first-child{border-radius:var(--radius-s)0 0 var(--radius-s)}.zoom .button:last-child{border-radius:0 var(--radius-s)var(--radius-s)0}.zoom .button+.button{border-left:0}.peek{position:absolute;z-index:2;left:max(.75rem,env(safe-area-inset-left));bottom:max(.75rem,env(safe-area-inset-bottom));border-radius:var(--radius-s);box-shadow:0 0 0 4px var(--chip),0 16px 30px -12px #000000b3;pointer-events:none;max-width:min(34vw,380px);max-height:34vh}.banner{position:absolute;z-index:3;border-radius:var(--radius-s);background:var(--ink);color:var(--on-felt);box-shadow:0 0 0 1px var(--felt-line);margin:0;padding:.45rem .9rem;font-size:.9rem;top:4.6rem;left:50%;transform:translate(-50%)}.cover{position:absolute;z-index:5;display:grid;text-align:center;background:var(--felt);place-items: center;padding:2rem;font-size:1.15rem;inset:0}.cover h1{margin-bottom:.6rem;font-size:2rem}.cover p{color:var(--on-felt-soft);margin:0 0 1.4rem}dialog{border-radius:var(--radius-m);background:var(--chip);color:var(--ink);border:0;width:min(24rem,100vw - 2rem);padding:1.6rem;box-shadow:0 24px 48px -16px #000000b3}dialog::backdrop{background:#1016218c}dialog h2{margin-bottom:1rem;font-size:1.45rem}#nick-form{display:grid;gap:.9rem}#done-summary{color:var(--ink-soft);margin:-.4rem 0 1rem}#done-dialog .player-list{margin-bottom:1.2rem}.dialog-actions{display:flex;justify-content:flex-end;gap:.5rem}dialog.wide{width:min(32rem,100vw - 2rem)}.dialog-lede{color:var(--ink-soft);margin:-.4rem 0 1rem}.check{display:flex;cursor:pointer;align-items: center;gap:.55rem;margin-bottom:.6rem;font-weight:600}.check input{accent-color:var(--ink);width:1.05rem;height:1.05rem;margin:0}#stream-dialog .link-row{margin-top:.9rem}#stream-link{font-size:.85rem}.dialog-note{color:var(--ink-soft);margin:.6rem 0 1.2rem;font-size:.88rem}.view-mode,.view-mode body{overflow:hidden}.view-mode.transparent,.view-mode.transparent body{background:0 0!important}#view{position:fixed;inset:0}#view-board{position:absolute;display:block;width:100%;height:100%;inset:0}.view-notice{position:absolute;text-align:center;color:var(--on-felt);margin:0;font-size:1.1rem;inset:auto 0 1rem}@media (max-width:640px){.hud-top .wordmark{display:none}.players{width:11.5rem}.tools #invite,.tools #peek{padding-inline-start:.7rem;padding-inline-end:.7rem;font-size:.85rem}.peek{max-width:45vw;bottom:4.2rem}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}