:root{--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:144px;--text-xs:.8125rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.5625rem;--text-2xl:1.953rem;--text-3xl:2.441rem;--text-display-s:clamp(2.25rem, 4vw + .5rem, 3.75rem);--text-display:clamp(2.75rem, 5vw + 1rem, 5.25rem);--text-section:clamp(2rem, 2.5vw + 1rem, 3.5rem);--text-title:clamp(1.25rem, .75vw + .875rem, 1.625rem);--text-lead:clamp(1.125rem, .35vw + 1rem, 1.375rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--color-error:oklch(52% .19 27);--color-success:oklch(50% .12 150);--container:1440px;--gutter:64px;--gap-columns:32px;--section-gap-s:120px;--section-gap:144px;--section-gap-l:176px;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-sticky-nav:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--color-paper:oklch(98.5% .006 240);--color-paper-2:oklch(95% .02 235);--color-paper-3:oklch(90% .04 235);--color-ink:oklch(29% .1 266);--color-ink-2:oklch(40% .11 262);--color-muted:oklch(48% .05 258);--color-rule:oklch(84% .06 232);--color-margin:oklch(66% .18 22);--color-accent:oklch(58% .21 27);--color-accent-ink:oklch(98% .01 90);--color-focus:oklch(52% .22 262);--color-tape:oklch(88% .13 95/.82);--color-scrim:oklch(25% .06 266/.55);--color-shadow:oklch(22% .06 266/.32);--color-veil:oklch(98% .01 240/.45);--color-veil-strong:oklch(98% .01 240/.8);--color-rug:oklch(86% .07 25);--color-pinned:oklch(82% .1 27);--color-you:oklch(50% .15 148);--color-you-soft:oklch(80% .14 148);--color-them:#2a5cc4;--color-them-ink:#1d3f8a;--font-display:"Permanent Marker", "Marker Felt", cursive;--font-body:"Patrick Hand", "Comic Sans MS", cursive;--font-outlier:var(--font-body);--radius-card:3px 8px 4px 7px / 7px 3px 8px 4px;--radius-sticker:14px 9px 15px 10px / 10px 15px 9px 14px;--radius-pill:999px;--rule-hair:1px;--shadow-card:1px 2px 0 var(--color-shadow), 3px 8px 14px var(--color-shadow);--tracking-display:0}html,body{background:var(--color-ink);height:100%;color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55;overflow:hidden}*,:before,:after{box-sizing:border-box}h1,h2{font-family:var(--font-display);font-synthesis:none;text-wrap:balance;margin:0}p{text-wrap:pretty;margin:0}canvas#view{width:100%;height:100%;display:block;position:fixed;inset:0}canvas#view.refuse{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M7 7 25 25M25 7 7 25' stroke='%23fff' stroke-width='8' stroke-linecap='round'/%3E%3Cpath d='M7 7 25 25M25 7 7 25' stroke='%23d63a2a' stroke-width='4.5' stroke-linecap='round'/%3E%3C/svg%3E") 16 16,not-allowed!important}.hidden{display:none!important}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.sheet,.note{background:var(--color-paper);color:var(--color-ink);border-radius:var(--radius-card);box-shadow:var(--shadow-card);pointer-events:auto;position:relative}.sheet:before,.note:before{content:"";top:calc(var(--space-2xs) * -1);left:var(--space-lg);width:var(--space-2xl);height:var(--space-md);background:var(--color-tape);pointer-events:none;position:absolute;rotate:-3deg}.selection,.page,.note{background-image:repeating-linear-gradient(to bottom, transparent 0 var(--space-lg), var(--color-rule) var(--space-lg) calc(var(--space-lg) + 1px));background-size:100% 28px}.page,.note{background-position:0 var(--space-xl)}.sticker{justify-content:center;align-items:center;gap:var(--space-xs);min-height:44px;padding:var(--space-xs) var(--space-md);font-family:var(--font-display);font-size:var(--text-lg);white-space:nowrap;color:var(--color-ink);background:var(--color-paper);border:3px solid var(--color-ink);border-radius:var(--radius-sticker);box-shadow:2px 3px 0 var(--color-shadow);cursor:pointer;pointer-events:auto;transition:transform var(--dur-micro) var(--ease-out), box-shadow var(--dur-micro) var(--ease-out);line-height:1.3;display:inline-flex}.sticker:hover{box-shadow:3px 6px 0 var(--color-shadow);background:var(--color-paper-2);transform:translateY(-2px)rotate(-1deg)}.sticker:active{box-shadow:1px 1px 0 var(--color-shadow);transform:translateY(1px)scale(.97)}.sticker:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;transition:none}.sticker-primary{background:var(--color-accent);color:var(--color-accent-ink)}.sticker-primary:hover{background:var(--color-accent);filter:brightness(1.08)}.sticker-big{font-size:var(--text-xl);min-height:56px;padding-inline:var(--space-lg);justify-content:space-between}kbd{font:inherit;font-size:var(--text-sm);padding:0 var(--space-xs);border-radius:var(--radius-card);opacity:.85;border:2px solid}.screen{align-items:center;display:flex;position:fixed;inset:0}#title,#setup,#host-screen,#waiting,#join{background:radial-gradient(ellipse at 70% 40%, var(--color-ink-2) 0%, var(--color-ink) 75%);transition:opacity var(--dur-long) var(--ease-out)}body.live #title,body.live #setup,body.live #host-screen,body.live #waiting,body.live #join{background:0 0}.page{width:min(540px,100%);margin-left:max(var(--gutter), calc((100% - var(--container)) / 2 + var(--gutter)));padding:var(--space-xl) var(--space-xl) var(--space-xl) var(--space-2xl);animation:sheet-in var(--dur-long) var(--ease-out) both;position:relative;rotate:-.6deg}.page:after{content:"";left:var(--space-sm);top:var(--space-md);bottom:var(--space-md);width:var(--space-md);background:radial-gradient(circle at 8px 8px, var(--color-ink) 0 4px, transparent 5px) 0 0 / 16px 40px repeat-y;opacity:.75;pointer-events:none;position:absolute}.page>*{position:relative}.logo{text-shadow:3px 3px 0 var(--color-you-soft);font-size:clamp(3.25rem,4.4vw,5rem);line-height:1.04;rotate:-1.5deg}.logo-line{width:70%;height:var(--space-sm);color:var(--color-accent);margin-top:var(--space-xs)}.tagline{font-size:var(--text-xl);margin-block:28px;line-height:28px}.menu{gap:var(--space-sm);display:grid}#loading{background:var(--color-scrim);font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-paper);justify-content:center}.hud{padding:var(--space-md) var(--space-lg);pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}.hud-bottom{justify-content:space-between;align-items:flex-end;gap:var(--space-lg);display:flex}.hint{padding:var(--space-xs) var(--space-md);font-size:var(--text-lg);animation:sheet-in var(--dur-short) var(--ease-out) both;line-height:1.3;rotate:-.4deg}.selection{width:clamp(300px,26vw,460px);padding:var(--space-md);animation:sheet-in var(--dur-short) var(--ease-out) both;margin-left:auto;rotate:-.3deg}.sel-head{align-items:center;gap:var(--space-md);display:flex}.sel-name{font-size:var(--text-xl);line-height:1.1}.pips{gap:var(--space-3xs);display:inline-flex}.pip{width:11px;height:17px;fill:var(--color-you);stroke:var(--color-ink);stroke-width:1.4px}.morale{padding:var(--space-3xs) var(--space-sm);border:2px solid var(--color-ink);border-radius:var(--radius-pill);font-size:var(--text-md);background:var(--color-you-soft);line-height:1.2}.orders{gap:var(--space-sm);margin-top:var(--space-sm);display:flex}.orders .sticker{min-height:40px;font-size:var(--text-md)}.pip-lost{fill:none;stroke:var(--color-muted);stroke-width:1.4px;stroke-dasharray:2.5 2}.morale-suppressed{background:var(--color-tape)}.morale-pinned{background:var(--color-pinned);border-style:dashed}#tags{pointer-events:none;position:fixed;inset:0;overflow:hidden}.tag{align-items:center;gap:var(--space-xs);padding:var(--space-3xs) var(--space-xs);background:var(--color-paper);color:var(--color-ink);border-radius:var(--radius-card);border-bottom:4px solid var(--color-you);font-size:var(--text-sm);white-space:nowrap;box-shadow:1px 2px 0 var(--color-shadow);pointer-events:none;line-height:1.2;display:flex;position:absolute;translate:-50% -100%}.tag .pip{width:8px;height:12px}.tag-them{border-bottom:4px dashed var(--color-them-ink)}.tag-them .pip{fill:var(--color-them)}.tag-them .pip-lost{fill:none}.tag-morale{font-size:var(--text-sm)}.cursor{pointer-events:none;z-index:5;position:fixed;translate:-50% -50%}.cursor-mark{border-radius:var(--radius-pill);border:3px solid var(--color-paper);width:26px;height:26px;box-shadow:0 0 0 2px var(--color-ink), inset 0 0 0 2px var(--color-ink);display:block}.cursor-heavy .cursor-mark{background:var(--color-veil-strong);border-width:6px}.cursor-none .cursor-mark{border-style:dotted}.cursor-chip{translate:var(--space-xs) -50%;padding:var(--space-3xs) var(--space-sm);background:var(--color-paper);border-radius:var(--radius-card);box-shadow:1px 2px 0 var(--color-shadow);font-size:var(--text-sm);white-space:nowrap;position:absolute;top:50%;left:100%}#refused{left:50%;top:var(--space-lg);padding:var(--space-3xs) var(--space-md);background:var(--color-tape);border:2px solid var(--color-accent);border-radius:var(--radius-card);font-size:var(--text-lg);pointer-events:none;display:none;position:fixed;translate:-50%}#box{border:2px dashed var(--color-paper);background:color-mix(in oklab, var(--color-you-soft) 22%, transparent);pointer-events:none;display:none;position:fixed}#stats{background:var(--color-scrim);color:var(--color-paper);white-space:pre;padding:4px 8px;font:12px ui-monospace,monospace;display:none;position:fixed;top:6px;right:8px}.scrim{z-index:var(--z-modal);background:var(--color-scrim);place-items:center;display:grid;position:fixed;inset:0}.note{width:min(420px,90%);padding:var(--space-lg) var(--space-lg) var(--space-lg) var(--space-xl);animation:sheet-in var(--dur-short) var(--ease-out) both;rotate:.8deg}.note-title{font-size:var(--text-3xl);margin-bottom:var(--space-sm);line-height:1.2}.note .seed{font-size:var(--text-lg);margin-bottom:var(--space-md)}.note-actions{gap:var(--space-sm);display:grid}@keyframes sheet-in{0%{opacity:0;transform:translateY(var(--space-sm))}}@media (prefers-reduced-motion:reduce){.page,.selection,.note,.hint{animation:none}.sticker{transition:none}}@media (width>=1920px){.hud{zoom:1.3}}@media (width>=2400px){.hud{zoom:1.6}}.hud-top{align-items:start;gap:var(--space-lg);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.hud-top>:first-child{justify-self:start}.num{font-variant-numeric:tabular-nums}.resources{gap:var(--space-lg);padding:var(--space-xs) var(--space-md);display:flex;rotate:-.5deg}.res{column-gap:var(--space-xs);grid-template-rows:auto auto;grid-template-columns:auto auto auto;align-items:center;display:grid}.res-icon{width:30px;height:30px;color:var(--color-ink-2);grid-row:1/3}.res-name{font-size:var(--text-sm);color:var(--color-ink-2);grid-column:2/4;line-height:1.1}.res-n{font-family:var(--font-display);font-size:var(--text-xl);min-width:3ch;font-weight:400;line-height:1.1}.res-rate{font-size:var(--text-sm);color:var(--color-ink-2)}.strip{align-items:center;gap:var(--space-md);width:clamp(460px,36vw,660px);padding:var(--space-xs) var(--space-md);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid;rotate:.3deg}.tk{align-items:center;gap:var(--space-xs);grid-template-columns:auto auto minmax(0,1fr);display:grid}.tk-them{grid-template-columns:minmax(0,1fr) auto auto}.tk-name{font-size:var(--text-md)}.tk-n{font-family:var(--font-display);font-weight:400;font-size:var(--text-xl);text-align:center;min-width:3ch;line-height:1.1}.tk-bar{border-radius:var(--radius-pill);background:var(--color-paper-3);height:14px;box-shadow:inset 0 0 0 2px var(--color-ink);display:block;overflow:clip}.tk-bar i{border-radius:var(--radius-pill);background:var(--color-you);transform-origin:0;height:100%;display:block}.tk-them .tk-bar i{transform-origin:100%;background:repeating-linear-gradient(135deg, var(--color-them) 0 5px, var(--color-them-ink) 5px 7px)}.vp{justify-items:center;line-height:1.05;display:grid}.vp-flags{display:flex}.vp-flag{width:24px;height:24px;color:var(--color-ink-2)}.vp-held{color:var(--color-you);fill:var(--color-you-soft)}.vp-lost{color:var(--color-them-ink);fill:color-mix(in oklab, var(--color-them) 55%, transparent)}.vp-text{font-size:var(--text-sm)}#result{place-items:center start}#result .page{margin-left:max(var(--gutter), calc((100% - var(--container)) / 2 + var(--gutter)))}.logo-line-lost{color:var(--color-them-ink)}.stats{margin:0 0 var(--space-lg)}.stats div{padding-block:var(--space-2xs);border-bottom:2px dashed var(--color-rule);justify-content:space-between;align-items:baseline;display:flex}.stats dt{font-size:var(--text-lg);line-height:28px}.stats dd{font-family:var(--font-display);font-size:var(--text-3xl);margin:0;line-height:1.2}.final{gap:var(--space-xs);display:grid}.final .tk{grid-template-columns:4rem 5ch minmax(0,1fr)}.final .tk-them .tk-bar{order:0}.final .tk-them .tk-bar i{transform-origin:0}.menu-row{margin-top:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr))}.doodle-star{top:var(--space-lg);right:var(--space-lg);width:64px;height:64px;color:var(--color-ink);fill:var(--color-tape);position:absolute;rotate:12deg}.sticker:disabled{color:var(--color-muted)}.toybox{width:clamp(300px,26vw,460px);padding:var(--space-md);animation:sheet-in var(--dur-short) var(--ease-out) both;rotate:.3deg}.tb-head{justify-content:space-between;align-items:baseline;gap:var(--space-md);display:flex}.tb-pop{font-size:var(--text-md)}.tb-units{gap:var(--space-xs);margin-top:var(--space-sm);display:grid}.unit{min-height:40px;font-size:var(--text-md);justify-content:space-between}.unit-cost{align-items:center;gap:var(--space-2xs);font-family:var(--font-body);display:inline-flex}.tb-queue{margin:var(--space-sm) 0 0;gap:var(--space-2xs);padding:0;list-style:none;display:grid}.tb-queue:empty{display:none}.tb-order{align-items:center;gap:var(--space-xs);padding:var(--space-3xs) 0;border-bottom:2px dashed var(--color-rule);font-size:var(--text-md);grid-template-columns:minmax(0,1fr) auto;display:grid}.tb-order .tk-bar{height:10px;margin-top:var(--space-3xs);grid-column:1}.tb-order .cancel{min-height:32px;padding:0 var(--space-xs);font-size:var(--text-md);box-shadow:1px 2px 0 var(--color-shadow);border-width:2px;grid-area:1/2/3}.tb-wait{color:var(--color-muted);font-size:var(--text-sm)}.why{font-size:var(--text-sm);color:var(--color-muted);align-self:center}.sticker:disabled{box-shadow:none;cursor:not-allowed;background:var(--color-paper);border-style:dashed;transform:none}#paused{justify-content:center;align-items:center;gap:var(--space-lg);display:flex}#paused.hidden{display:none}.note-sub{font-size:var(--text-2xl);margin-bottom:var(--space-sm);line-height:1.2}.note-settings{animation-delay:60ms;rotate:-.9deg}.vol{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);grid-template-columns:34px minmax(0,1fr) 6.5ch;display:grid}.vol-icon{width:34px;height:34px;color:var(--color-ink)}.vol-n{font-family:var(--font-display);font-size:var(--text-lg);text-align:right;white-space:nowrap;line-height:1.1}.vol-x{stroke:var(--color-accent);stroke-width:3.4px;display:none}.vol input[type=range]{appearance:none;cursor:pointer;--fill:70%;background:0 0;width:100%;height:28px;margin:0}.vol input[type=range]::-webkit-slider-runnable-track{border-radius:var(--radius-pill);height:14px;box-shadow:inset 0 0 0 2px var(--color-ink);background:linear-gradient(to right, var(--color-you) var(--fill), var(--color-paper-3) var(--fill))}.vol input[type=range]::-moz-range-track{border-radius:var(--radius-pill);height:14px;box-shadow:inset 0 0 0 2px var(--color-ink);background:linear-gradient(to right, var(--color-you) var(--fill), var(--color-paper-3) var(--fill))}.vol input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-paper);border:3px solid var(--color-ink);width:26px;height:26px;box-shadow:1px 2px 0 var(--color-shadow);border-radius:50%;margin-top:-6px}.vol input[type=range]::-moz-range-thumb{background:var(--color-paper);border:3px solid var(--color-ink);width:20px;height:20px;box-shadow:1px 2px 0 var(--color-shadow);border-radius:50%}.vol input[type=range]:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-pill)}.mix{gap:var(--space-2xs);margin-bottom:var(--space-md);display:grid}.mix-row{align-items:center;gap:var(--space-sm);font-size:var(--text-md);grid-template-columns:8ch minmax(0,1fr) 4ch;line-height:1.1;display:grid}.mix-row b{font-family:var(--font-display);font-size:var(--text-md);text-align:right;font-weight:400}.mix input[type=range]{appearance:none;cursor:pointer;--fill:70%;background:0 0;width:100%;height:22px;margin:0}.mix input[type=range]::-webkit-slider-runnable-track{border-radius:var(--radius-pill);height:9px;box-shadow:inset 0 0 0 2px var(--color-ink);background:linear-gradient(to right, var(--color-you) var(--fill), var(--color-paper-3) var(--fill))}.mix input[type=range]::-moz-range-track{border-radius:var(--radius-pill);height:9px;box-shadow:inset 0 0 0 2px var(--color-ink);background:linear-gradient(to right, var(--color-you) var(--fill), var(--color-paper-3) var(--fill))}.mix input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-paper);border:3px solid var(--color-ink);width:18px;height:18px;box-shadow:1px 2px 0 var(--color-shadow);border-radius:50%;margin-top:-5px}.mix input[type=range]::-moz-range-thumb{background:var(--color-paper);border:3px solid var(--color-ink);width:12px;height:12px;box-shadow:1px 2px 0 var(--color-shadow);border-radius:50%}.mix input[type=range]:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-pill)}.note-settings[data-sound=muted] .mix{opacity:.55}.note-settings[data-sound=zero] .vol-wave{display:none}.note-settings[data-sound=zero] .vol-n{color:var(--color-muted)}.note-settings[data-sound=muted] .vol-wave{display:none}.note-settings[data-sound=muted] .vol-x{display:block}.note-settings[data-sound=muted] .vol input[type=range]::-webkit-slider-runnable-track{background:repeating-linear-gradient(135deg, var(--color-paper-3) 0 5px, var(--color-paper) 5px 9px);box-shadow:inset 0 0 0 2px var(--color-muted)}.note-settings[data-sound=muted] .vol input[type=range]::-moz-range-track{background:repeating-linear-gradient(135deg, var(--color-paper-3) 0 5px, var(--color-paper) 5px 9px);box-shadow:inset 0 0 0 2px var(--color-muted)}.note-settings[data-sound=muted] .vol-n{color:var(--color-accent);text-decoration:line-through;text-decoration-thickness:3px}.note-settings[data-sound=muted] #mute{background:var(--color-accent);color:var(--color-accent-ink)}.pip-lost.pip-flash{animation:pip-flash 1s var(--ease-out) both;transform-origin:50%;transform-box:fill-box}@keyframes pip-flash{0%,40%{fill:var(--color-accent);stroke:var(--color-accent);scale:1.5}20%,60%{fill:var(--color-tape);scale:1.25}to{scale:1}}@media (prefers-reduced-motion:reduce){.note-settings{animation:none}.pip-lost.pip-flash{fill:var(--color-tape);animation:none}}@media (width<=1000px){#paused{flex-direction:column}}.confirm{align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.confirm .sticker{min-height:40px;font-size:var(--text-md)}.tb-rally{margin:var(--space-3xs) 0 var(--space-xs);font-size:var(--text-md)}.wp{min-width:1.4em;padding:0 var(--space-3xs);text-align:center;background:var(--color-paper);color:var(--color-ink);border:2px solid var(--color-ink);border-radius:var(--radius-pill);font-family:var(--font-display);font-size:var(--text-sm);pointer-events:none;line-height:1.3;position:absolute;translate:-50% -50%}.hud-left{align-items:flex-start;gap:var(--space-sm);flex-direction:column;min-width:0;display:flex}.groups{gap:var(--space-xs);max-width:min(34vw,560px);padding:var(--space-xs) var(--space-sm);flex-wrap:wrap;display:flex;rotate:-.4deg}.gtile{align-items:center;column-gap:var(--space-xs);row-gap:var(--space-3xs);min-width:64px;max-width:120px;padding:var(--space-3xs) var(--space-xs);font:inherit;color:var(--color-ink);background:var(--color-paper-2);border:2px solid var(--color-ink);border-radius:var(--radius-card);box-shadow:1px 2px 0 var(--color-shadow);cursor:pointer;pointer-events:auto;grid-template-rows:auto auto;grid-template-columns:auto 1fr;display:grid}.gtile:hover{background:var(--color-paper-3)}.gtile-on{background:var(--color-you-soft);border-width:3px}.gnum{font-family:var(--font-display);font-weight:400;font-size:var(--text-xl);grid-row:1/3;line-height:1}.gmarks{flex-wrap:wrap;justify-content:flex-start;gap:0;display:flex}.gmark{width:22px;height:22px}.gmore{font-size:var(--text-sm);line-height:22px}.gstr{align-items:center;gap:var(--space-3xs);grid-column:2;display:flex}.gtile .pips{flex-wrap:wrap;gap:1px;max-width:64px}.gtile .pip{stroke-width:1.6px;width:5px;height:9px}.gcount{font-size:var(--text-sm);line-height:1}.hud-top>.speed{justify-self:end;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);display:flex;rotate:.4deg}.speed-btn{min-width:48px;min-height:40px;padding-inline:var(--space-sm);font-size:var(--text-lg)}.speed-btn[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-ink);box-shadow:1px 1px 0 var(--color-shadow);transform:translateY(1px)}.slots{gap:var(--space-xs);margin-bottom:var(--space-sm);display:grid}.slot{align-items:center;gap:var(--space-3xs) var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-paper-2);border:2px solid var(--color-ink);border-radius:var(--radius-card);grid-template-columns:1fr auto;display:grid}.slot-name{font-family:var(--font-display);font-size:var(--text-lg);line-height:1.2}.slot-info{font-size:var(--text-sm);color:var(--color-ink-2);grid-column:1}.slot-old{color:var(--color-accent);font-weight:700}.slot-acts{gap:var(--space-xs);flex-wrap:wrap;grid-area:1/2/3;justify-content:flex-end;align-items:center;display:flex}.slot-acts .sticker{min-height:36px;font-size:var(--text-md);padding:var(--space-3xs) var(--space-sm)}.slot-ask{align-items:center;gap:var(--space-xs);flex-wrap:wrap;grid-column:1/3;display:flex}.slot-msg{min-height:1.5em;margin-bottom:var(--space-xs);font-size:var(--text-md);color:var(--color-accent)}.report .menu-row{grid-template-columns:repeat(3,max-content);justify-content:start}.report .menu-row .sticker{padding-inline:var(--space-md)}.hud-right{align-items:flex-end;gap:var(--space-sm);flex-direction:column;min-width:0;margin-left:auto;display:flex}.minimap{padding:var(--space-xs);width:clamp(200px,17vw,320px);rotate:.4deg}.minimap canvas{aspect-ratio:1000/800;border-radius:var(--radius-card);width:100%;box-shadow:inset 0 0 0 2px var(--color-ink);cursor:crosshair;background:var(--color-paper-2);display:block}.setup{padding-block:var(--space-lg);max-height:100%;overflow-y:auto}.setup .logo{font-size:var(--text-section);margin-bottom:var(--space-sm)}.field{gap:var(--space-2xs);margin:0 0 var(--space-sm);border:0;min-width:0;padding:0;display:grid}.field-name{font-family:var(--font-display);font-size:var(--text-lg);padding:0}.seed-row{gap:var(--space-sm);grid-template-columns:1fr max-content;display:grid}.seed-input{min-width:0;font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-ink);background:var(--color-paper);border:3px solid var(--color-ink);border-radius:var(--radius-card);padding:var(--space-2xs) var(--space-sm)}.seed-input:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.choice{gap:var(--space-sm);display:flex}.choice-btn{min-width:88px;min-height:44px;font-size:var(--text-lg)}.choice-btn[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-ink);box-shadow:1px 1px 0 var(--color-shadow);transform:translateY(1px)}.choice-btn[aria-pressed=true]:before{content:"✓ "}.ticks{gap:var(--space-xs);margin-bottom:var(--space-md);display:grid}.tick{align-items:center;gap:var(--space-sm);font-size:var(--text-lg);cursor:pointer;display:flex}.tick input{width:26px;height:26px;accent-color:var(--color-you);cursor:pointer}.tick input:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.setup .menu-row{grid-template-columns:repeat(2,max-content);margin-top:0}.setup .menu-row .sticker{padding-inline:var(--space-md)}.invite{font-family:var(--font-display);font-size:var(--text-lg);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;line-height:28px}.invite-row,.setup .invite-row{margin-top:var(--space-xs);grid-template-columns:max-content}.waiting-text,.join-text{margin-block:var(--space-sm) var(--space-md)}@font-face{font-family:Permanent Marker;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/permanent-marker-latin-400-normal-BF23djCy.woff2)format("woff2"),url(/assets/permanent-marker-latin-400-normal-BnZj5c41.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-vietnamese-400-normal-65jA92mZ.woff2)format("woff2"),url(/assets/patrick-hand-vietnamese-400-normal-CZjY324Y.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-ext-400-normal-Dno5CMlI.woff2)format("woff2"),url(/assets/patrick-hand-latin-ext-400-normal-C2ywpnn3.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2)format("woff2"),url(/assets/patrick-hand-latin-400-normal-Df9_VoRQ.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}