.ink-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.panel{position:relative;background:var(--paper-raised);border:var(--stroke-base) solid var(--line);border-radius:var(--radius-sketch);box-shadow:var(--shadow-ink)}.panel--alt{border-radius:var(--radius-sketch-alt)}.panel--flat{background:var(--paper);box-shadow:none}.panel--sunken{background:var(--paper-sunken);box-shadow:inset 2px 2px #00000014}.panel--soft{border-width:var(--stroke-thin);border-color:var(--line-soft)}.panel--lift-lg{box-shadow:var(--shadow-ink-lg)}.panel--lift-xl{box-shadow:var(--shadow-ink-xl)}.sketch-frame{--frame-fill: var(--paper-raised);--frame-shadow: var(--line);position:relative;isolation:isolate}.sketch-frame--flat{--frame-fill: var(--paper)}.sketch-frame--sunken{--frame-fill: var(--paper-sunken)}:root[data-theme=dark] .sketch-frame{--frame-shadow: var(--paper-sunken)}.sketch-frame__border{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;overflow:visible;pointer-events:none}.sketch-frame__border rect{x:5px;y:5px;width:calc(100% - 10px);height:calc(100% - 10px);fill:var(--frame-fill);stroke:var(--line)}.sketch-frame--lift-sm .sketch-frame__border{filter:drop-shadow(3px 3px 0 var(--frame-shadow))}.sketch-frame--lift-md .sketch-frame__border{filter:drop-shadow(5px 5px 0 var(--frame-shadow))}.sketch-frame--lift-lg .sketch-frame__border{filter:drop-shadow(8px 8px 0 var(--frame-shadow))}.sketch-frame__content{position:relative;z-index:2}.ink-rule{display:block;width:100%;height:6px;color:var(--line-soft);overflow:visible}.ink-display{font-family:var(--font-ui);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--ink)}.ink-eyebrow{font-size:var(--text-xs);font-weight:var(--weight-black);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--ink-muted)}.accordion{background:var(--paper);border:var(--stroke-base) solid var(--line);border-radius:var(--radius-sketch);overflow:hidden}.accordion__summary{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-md);font-weight:var(--weight-black);color:var(--ink);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-fast) var(--ease-out)}.accordion__summary::-webkit-details-marker{display:none}.accordion__summary:hover{background:var(--paper-sunken)}.accordion__summary:focus-visible{outline:var(--stroke-base) solid var(--highlight);outline-offset:-4px}.accordion__chevron{margin-left:auto;transition:transform var(--duration-base) var(--ease-spring)}.accordion[open] .accordion__chevron{transform:rotate(180deg)}.accordion__panel{padding:var(--space-2) var(--space-4) var(--space-4);border-top:var(--stroke-thin) dashed var(--line-faint);animation:ink-slide-up var(--duration-base) var(--ease-out)}.btn{--btn-bg: var(--paper-raised);--btn-fg: var(--ink);--btn-line: var(--line);--btn-shadow: var(--line);--btn-lift: 3px;--btn-shift: 1px;--btn-press-scale: 1;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);min-height:2.75rem;font-family:var(--font-ui);font-size:var(--text-md);font-weight:var(--weight-bold);letter-spacing:var(--tracking-normal);line-height:1.2;white-space:nowrap;color:var(--btn-fg);background:var(--btn-bg);border:var(--stroke-base) solid var(--btn-line);border-radius:var(--radius-sketch);box-shadow:var(--btn-lift) var(--btn-lift) 0 var(--btn-shadow);transition:transform var(--duration-instant) var(--ease-out),box-shadow var(--duration-instant) var(--ease-out),background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:hover:not(:disabled):not([aria-busy=true]):not(.btn--active){transform:translate(calc(-1 * var(--btn-shift)),calc(-1 * var(--btn-shift)));box-shadow:calc(var(--btn-lift) + var(--btn-shift)) calc(var(--btn-lift) + var(--btn-shift)) 0 var(--btn-shadow)}.btn:active:not(:disabled):not([aria-busy=true]):not(.btn--active){transform:translate(var(--btn-lift),var(--btn-lift)) scale(var(--btn-press-scale));box-shadow:0 0 0 var(--btn-shadow);transition-duration:var(--duration-instant)}.btn:disabled,.btn[aria-busy=true]{opacity:.45;box-shadow:1px 1px 0 var(--btn-shadow);transform:none}.btn:disabled{cursor:not-allowed}.btn[aria-busy=true]{cursor:progress;opacity:.8}.btn--primary{--btn-bg: var(--secondary);--btn-fg: var(--secondary-ink)}.btn--primary:hover:not(:disabled):not([aria-busy=true]){--btn-bg: var(--secondary-hover)}.btn--secondary,.btn--highlight{--btn-bg: var(--highlight);--btn-fg: var(--highlight-ink)}.btn--danger{--btn-bg: var(--danger);--btn-fg: var(--accent-ink)}.btn--neutral{--btn-bg: var(--paper-raised);--btn-fg: var(--ink)}.btn--neutral:hover:not(:disabled):not([aria-busy=true]){--btn-bg: var(--paper-sunken)}.btn.btn--ghost,.btn.btn--link{--btn-lift: 0px;--btn-shift: 0px;--btn-shadow: transparent;--btn-press-scale: .96}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--ink-soft);border-color:transparent}.btn--ghost:hover:not(:disabled):not([aria-busy=true]){--btn-bg: var(--paper-sunken);--btn-fg: var(--ink)}.btn--link{--btn-bg: transparent;--btn-fg: var(--accent);min-height:0;padding:var(--space-1) var(--space-1);border-color:transparent;font-weight:var(--weight-bold);text-decoration:underline;text-decoration-thickness:var(--stroke-thin);text-underline-offset:3px}.btn--link:hover:not(:disabled){--btn-fg: var(--accent-hover)}.btn--sm{--btn-lift: 2px;min-height:2rem;padding:var(--space-1) var(--space-3);font-size:var(--text-sm);border-width:var(--stroke-thin)}.btn--lg{--btn-lift: 4px;min-height:3.5rem;padding:var(--space-3) var(--space-6);font-size:var(--text-lg)}.btn--xl{--btn-lift: 5px;min-height:4rem;padding:var(--space-4) var(--space-8);font-size:var(--text-xl);border-width:var(--stroke-bold)}.btn--block{width:100%}.btn--alt-radius{border-radius:var(--radius-sketch-alt)}.btn--active,.btn--active:hover,.btn--active:active{--btn-bg: var(--highlight);--btn-fg: var(--highlight-ink);transform:translate(var(--btn-lift),var(--btn-lift));box-shadow:inset 2px 2px #0000002e}.btn__spinner{width:1.1em;height:1.1em;border:2.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ink-spin .6s linear infinite;flex-shrink:0}.btn__icon{display:inline-flex;align-items:center;flex-shrink:0}.icon-btn{--btn-size: 2.75rem;width:var(--btn-size);height:var(--btn-size);min-height:0;padding:0;flex-shrink:0}.icon-btn--sm{--btn-size: 2rem}.icon-btn--lg{--btn-size: 3.25rem}.drawer{position:fixed;top:0;bottom:0;left:0;z-index:var(--z-drawer);width:min(22rem,88vw);display:flex;flex-direction:column;background:var(--paper-raised);color:var(--ink);border-right:var(--stroke-bold) solid var(--line);box-shadow:var(--shadow-float)}.drawer:after{content:"";position:absolute;top:0;bottom:0;right:-9px;width:9px;background:var(--line);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 120' preserveAspectRatio='none'%3E%3Cpath d='M0 0 H4 C7 10, 2 20, 5 30 S 8 50, 3 60 S 1 80, 6 90 S 4 110, 2 120 H0 Z' fill='%23000'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 120' preserveAspectRatio='none'%3E%3Cpath d='M0 0 H4 C7 10, 2 20, 5 30 S 8 50, 3 60 S 1 80, 6 90 S 4 110, 2 120 H0 Z' fill='%23000'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;pointer-events:none}.drawer__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:var(--stroke-thin) dashed var(--line-faint);flex-shrink:0}.drawer__title{font-size:var(--text-xl);font-weight:var(--weight-black);margin-right:auto}.drawer__body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--space-3)}.drawer-tab{position:absolute;top:1.25rem;left:calc(-1 * var(--space-2));z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-3) + var(--space-2));color:var(--accent-ink);background:var(--accent);border:var(--stroke-base) solid var(--line);border-left:none;border-radius:0 var(--radius-lg) var(--radius-lg) 0;box-shadow:3px 3px 0 var(--line);font-size:var(--text-sm);font-weight:var(--weight-black);line-height:1.15;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.drawer-tab:hover{background:var(--accent-hover);box-shadow:5px 5px 0 var(--line)}.drawer-tab__icon{display:inline-flex;flex-shrink:0}.drawer-tab__meta{display:block;font-size:var(--text-2xs);font-weight:var(--weight-bold);opacity:.85}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-black);letter-spacing:var(--tracking-wide);line-height:1.3;white-space:nowrap;color:var(--ink);background:var(--paper-sunken);border:var(--stroke-thin) solid var(--line);border-radius:var(--radius-sketch-alt)}.badge--accent{background:var(--accent);color:var(--accent-ink)}.badge--secondary{background:var(--secondary);color:var(--secondary-ink)}.badge--highlight{background:var(--highlight);color:var(--highlight-ink)}.badge--success{background:var(--success-soft);color:var(--success)}.badge--danger{background:var(--danger-soft);color:var(--danger)}.badge--lg{padding:var(--space-2) var(--space-5);font-size:var(--text-lg);border-width:var(--stroke-base);box-shadow:var(--shadow-ink)}.spinner{--spinner-size: 1.75rem;display:inline-block;width:var(--spinner-size);height:var(--spinner-size);color:var(--accent);animation:ink-spin .75s linear infinite;flex-shrink:0}.spinner--sm{--spinner-size: 1.1rem}.spinner--lg{--spinner-size: 3rem}.spinner--xl{--spinner-size: 4.5rem}.spinner circle{stroke-dasharray:62 26;stroke-linecap:round}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-bold);line-height:var(--leading-snug);color:var(--ink);background:var(--info-soft);border:var(--stroke-thin) solid var(--line);border-radius:var(--radius-sketch)}.alert--danger{background:var(--danger-soft);border-color:var(--danger)}.alert--warning{background:var(--warning-soft);border-color:var(--warning)}.alert--success{background:var(--success-soft);border-color:var(--success)}.alert__icon{flex-shrink:0;margin-top:.15rem}.field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.field__label{font-size:var(--text-sm);font-weight:var(--weight-black);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-muted)}.field__hint{font-size:var(--text-sm);color:var(--ink-muted)}.field__error{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--danger)}.input{width:100%;min-height:2.75rem;padding:var(--space-2) var(--space-3);font-family:var(--font-ui);font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--ink);background:var(--paper-sunken);border:var(--stroke-base) solid var(--line);border-radius:var(--radius-sketch);box-shadow:inset 2px 2px #00000014;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.input::placeholder{color:var(--ink-faint);font-weight:var(--weight-normal)}.input:focus-visible{outline:none;border-color:var(--accent);box-shadow:inset 2px 2px #00000014,0 0 0 3px var(--highlight)}.input:disabled{opacity:.5;cursor:not-allowed}.input--invalid{border-color:var(--danger)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--space-8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12'%3E%3Cpath d='M2 2 C 6 6, 8 9, 10 10 C 12 9, 14 6, 18 2' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:15px 9px;cursor:pointer}:root[data-theme=dark] .select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12'%3E%3Cpath d='M2 2 C 6 6, 8 9, 10 10 C 12 9, 14 6, 18 2' fill='none' stroke='%23f6f4ef' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.select option{background:var(--paper-raised);color:var(--ink);font-weight:var(--weight-medium)}.toggle{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;font-size:var(--text-md);font-weight:var(--weight-medium);line-height:var(--leading-snug);padding:var(--space-1) 0}.toggle:has(.toggle__input:disabled){opacity:.5;cursor:not-allowed}.toggle__input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.toggle__mark{position:relative;flex-shrink:0;width:1.5rem;height:1.5rem;margin-top:.1rem;background:var(--paper-sunken);border:var(--stroke-base) solid var(--line);border-radius:6px 4px 7px 5px;box-shadow:2px 2px 0 var(--line);transition:background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-spring)}.toggle--radio .toggle__mark{border-radius:50%}.toggle__input:focus-visible+.toggle__mark{outline:var(--stroke-base) solid var(--highlight);outline-offset:2px}.toggle:hover .toggle__input:not(:disabled)+.toggle__mark{transform:translate(-1px,-1px)}.toggle__input:checked+.toggle__mark{background:var(--secondary)}.toggle__check{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;width:calc(100% + 6px);height:calc(100% + 6px);color:var(--secondary-ink);pointer-events:none}.toggle__check path{stroke-dasharray:24;stroke-dashoffset:24}.toggle__input:checked+.toggle__mark .toggle__check path{stroke-dashoffset:0;transition:stroke-dashoffset var(--duration-base) var(--ease-out)}.toggle--radio .toggle__check path{stroke-dasharray:14;stroke-dashoffset:14}.toggle__text{padding-top:.05rem}.segmented{display:flex;flex-wrap:wrap;gap:var(--space-2);width:100%;min-width:0;margin:0;padding:0;border:none}.segmented__option{flex:1 1 8rem;min-width:0}.segmented__option .btn{width:100%}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:ink-fade-in var(--duration-fast) var(--ease-out);overflow-y:auto}.modal{--modal-width: 34rem;position:relative;width:100%;max-width:var(--modal-width);max-height:calc(100dvh - var(--space-8));display:flex;flex-direction:column;background:var(--paper-raised);color:var(--ink);border:var(--stroke-bold) solid var(--line);border-radius:var(--radius-sketch);box-shadow:var(--shadow-ink-xl),var(--shadow-float);animation:ink-pop-in var(--duration-base) var(--ease-spring)}.modal:before{content:"";position:absolute;top:-14px;left:50%;width:92px;height:26px;transform:translate(-50%) rotate(-1.6deg);background:var(--highlight);opacity:.85;border:2px solid var(--line);border-radius:2px 4px 3px 5px;pointer-events:none}.modal--sm{--modal-width: 26rem}.modal--lg{--modal-width: 46rem}.modal--xl{--modal-width: 58rem}.modal__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-6) var(--space-3);flex-shrink:0}.modal__title{font-size:var(--text-2xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);margin-right:auto}.modal__body{padding:var(--space-2) var(--space-6) var(--space-5);overflow-y:auto;flex:1 1 auto;min-height:0}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-5);border-top:var(--stroke-thin) dashed var(--line-faint);flex-shrink:0;flex-wrap:wrap}.modal__close{flex-shrink:0}@media (max-width: 575px){.modal-scrim{padding:var(--space-2)}.modal__header,.modal__body,.modal__footer{padding-left:var(--space-4);padding-right:var(--space-4)}}.tooltip{position:fixed;z-index:var(--z-tooltip);max-width:18rem;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-bold);line-height:var(--leading-snug);color:var(--ink-inverse);background:var(--paper-inverse);border-radius:var(--radius-sketch-alt);box-shadow:2px 2px 0 var(--line-soft);pointer-events:none;animation:ink-pop-in var(--duration-fast) var(--ease-out)}.tooltip__hotkey{display:inline-block;margin-left:var(--space-2);padding:0 var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-black);letter-spacing:var(--tracking-wide);color:var(--paper-inverse);background:var(--highlight);border-radius:var(--radius-sm)}.popover{position:fixed;z-index:var(--z-popover);max-width:min(22rem,calc(100vw - 2rem));background:var(--paper-raised);color:var(--ink);border:var(--stroke-base) solid var(--line);border-radius:var(--radius-sketch);box-shadow:var(--shadow-ink-lg),var(--shadow-float);animation:ink-pop-in var(--duration-fast) var(--ease-out)}.popover__header{padding:var(--space-3) var(--space-4) 0;font-size:var(--text-md);font-weight:var(--weight-black)}.popover__body{padding:var(--space-3) var(--space-4)}.popover--bare .popover__body{padding:0}.toast-region{position:fixed;bottom:var(--space-5);left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:min(28rem,calc(100vw - 2rem));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);color:var(--ink);background:var(--paper-raised);border:var(--stroke-base) solid var(--line);border-radius:var(--radius-sketch);box-shadow:var(--shadow-ink),var(--shadow-float);pointer-events:auto;animation:ink-slide-up var(--duration-base) var(--ease-spring)}.toast--alt{border-radius:var(--radius-sketch-alt)}.toast--error{background:var(--danger-soft);border-color:var(--danger)}.toast--success{background:var(--success-soft);border-color:var(--success)}.toast__icon{flex-shrink:0;margin-top:.15rem;color:var(--ink-soft)}.toast__body{flex:1;min-width:0}.toast__title{font-size:var(--text-md);font-weight:var(--weight-black);line-height:var(--leading-snug)}.toast__description{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--ink-soft);line-height:var(--leading-snug)}.toast__close{flex-shrink:0}:root{--_bone-50: #fdfbf4;--_bone-100: #f7f2e4;--_bone-200: #ece4cf;--_bone-300: #dbcfb2;--_ink-900: #14110f;--_ink-800: #241f1c;--_ink-700: #3b3330;--_ink-500: #6b605a;--_ink-300: #9c8f87;--_night-950: #10101c;--_night-900: #171727;--_night-800: #1f1f33;--_night-700: #2b2b43;--_night-600: #3a3a58;--_chalk-50: #f6f4ef;--_chalk-200: #ded9cf;--_chalk-400: #a8a29a;--_coral: #e8503f;--_coral-dark: #c23a2b;--_coral-light: #ff7a68;--_teal: #1f8a82;--_teal-dark: #166b65;--_teal-light: #35b3a8;--_highlighter: #ffd93d;--_highlighter-dark: #e0b70c;--_grape: #6b4ea8;--_grape-light: #9b7ede;--_moss: #4f8a3d;--_moss-light: #78bd60;--_rust: #c2703a;--font-ui: "Nunito", ui-rounded, "Segoe UI", system-ui, sans-serif;--font-hand: "Caveat", "Bradley Hand", cursive;--font-mono: ui-monospace, "SFMono-Regular", "Cascadia Mono", monospace;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: clamp(1.5rem, 1.2rem + 1.4vw, 2rem);--text-3xl: clamp(1.875rem, 1.4rem + 2.2vw, 2.75rem);--text-4xl: clamp(2.5rem, 1.6rem + 4vw, 4rem);--weight-normal: 400;--weight-medium: 600;--weight-bold: 800;--weight-black: 900;--leading-tight: 1.1;--leading-snug: 1.3;--leading-normal: 1.55;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-wider: .12em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--radius-sketch: 14px 10px 16px 8px;--radius-sketch-alt: 9px 15px 7px 17px;--stroke-hair: 1px;--stroke-thin: 2px;--stroke-base: 3px;--stroke-bold: 4px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-instant: 80ms;--duration-fast: .14s;--duration-base: .22s;--duration-slow: .38s;--duration-lazy: .7s;--z-base: 0;--z-raised: 10;--z-sticky: 100;--z-drawer: 900;--z-overlay: 1000;--z-modal: 1100;--z-popover: 1200;--z-tooltip: 1300;--z-toast: 1400;--z-fullscreen: 2000}:root,:root[data-theme=light]{color-scheme:light;--paper: var(--_bone-100);--paper-raised: var(--_bone-50);--paper-sunken: var(--_bone-200);--paper-inverse: var(--_ink-900);--canvas: #ffffff;--ink: var(--_ink-900);--ink-soft: var(--_ink-700);--ink-muted: var(--_ink-500);--ink-faint: var(--_ink-300);--ink-inverse: var(--_bone-50);--line: var(--_ink-900);--line-soft: var(--_ink-500);--line-faint: var(--_bone-300);--accent: var(--_coral);--accent-hover: var(--_coral-dark);--accent-soft: #fbe0da;--accent-ink: #ffffff;--secondary: var(--_teal);--secondary-hover: var(--_teal-dark);--secondary-soft: #d6ede9;--secondary-ink: #ffffff;--highlight: var(--_highlighter);--highlight-ink: var(--_ink-900);--success: var(--_moss);--success-soft: #e0f0d8;--warning: var(--_rust);--warning-soft: #f8e6d6;--danger: var(--_coral-dark);--danger-soft: #fbdcd7;--info: var(--_grape);--info-soft: #e6dff5;--shadow-ink: 3px 3px 0 var(--_ink-900);--shadow-ink-lg: 5px 5px 0 var(--_ink-900);--shadow-ink-xl: 8px 8px 0 var(--_ink-900);--shadow-pressed: 1px 1px 0 var(--_ink-900);--shadow-float: 0 18px 40px -12px rgb(20 17 15 / 35%);--scrim: rgb(20 17 15 / 55%);--paper-texture-opacity: .5;--paper-texture-blend: multiply;--halftone-opacity: .06}:root[data-theme=dark]{color-scheme:dark;--paper: var(--_night-900);--paper-raised: var(--_night-800);--paper-sunken: var(--_night-950);--paper-inverse: var(--_chalk-50);--canvas: #ffffff;--ink: var(--_chalk-50);--ink-soft: var(--_chalk-200);--ink-muted: var(--_chalk-400);--ink-faint: var(--_night-600);--ink-inverse: var(--_night-950);--line: #8d88a3;--line-soft: #625d78;--line-faint: var(--_night-700);--accent: var(--_coral-light);--accent-hover: var(--_coral);--accent-soft: #45222020;--accent-ink: var(--_night-950);--secondary: var(--_teal-light);--secondary-hover: var(--_teal);--secondary-soft: #16332f;--secondary-ink: var(--_night-950);--highlight: var(--_highlighter);--highlight-ink: var(--_night-950);--success: var(--_moss-light);--success-soft: #1e3018;--warning: #e59a5e;--warning-soft: #3a2617;--danger: var(--_coral-light);--danger-soft: #3d1d1a;--info: var(--_grape-light);--info-soft: #272042;--shadow-ink: 3px 3px 0 var(--_night-950);--shadow-ink-lg: 5px 5px 0 var(--_night-950);--shadow-ink-xl: 8px 8px 0 var(--_night-950);--shadow-pressed: 1px 1px 0 var(--_night-950);--shadow-float: 0 18px 44px -10px rgb(0 0 0 / 70%);--scrim: rgb(8 8 16 / 70%);--paper-texture-opacity: .35;--paper-texture-blend: overlay;--halftone-opacity: .05}:root{--player-1: #e8503f;--player-2: #1f8a82;--player-3: #6b4ea8;--player-4: #c28c1a;--player-5: #4f8a3d;--player-6: #c2557f;--player-7: #2f6fb0;--player-8: #b0562a}:root[data-theme=dark]{--player-1: #ff8574;--player-2: #4fd0c4;--player-3: #b092f0;--player-4: #f0c247;--player-5: #8fd472;--player-6: #f086ad;--player-7: #6fb0f0;--player-8: #e0925f}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{height:100%}body{font-family:var(--font-ui);font-size:var(--text-md);font-weight:var(--weight-medium);line-height:var(--leading-normal);color:var(--ink);background-color:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-base);pointer-events:none;opacity:var(--paper-texture-opacity);mix-blend-mode:var(--paper-texture-blend);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23g)' opacity='0.42'/%3E%3C/svg%3E")}img,svg,video,canvas{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--accent);text-decoration-thickness:2px;text-underline-offset:3px}a:hover{color:var(--accent-hover)}ul,ol{list-style-position:inside}hr{height:0;border:none;border-top:var(--stroke-thin) solid var(--line-faint)}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-black);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}::selection{background:var(--highlight);color:var(--highlight-ink)}:focus{outline:none}:focus-visible{outline:var(--stroke-base) solid var(--highlight);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--ink-faint) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--ink-faint);border:2px solid transparent;border-radius:var(--radius-pill);background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--ink-muted);background-clip:content-box}.u-selectable{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.u-hand{font-family:var(--font-hand);font-weight:var(--weight-bold);letter-spacing:var(--tracking-normal)}.u-tilt{--tilt: -1.2deg;transform:rotate(var(--tilt))}.u-marker-underline{position:relative;display:inline-block}.u-marker-underline:after{content:"";position:absolute;left:-2%;right:-2%;bottom:-.18em;height:.34em;pointer-events:none;background:var(--highlight);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 12' preserveAspectRatio='none'%3E%3Cpath d='M1 8 C 18 3, 34 10, 52 6 S 84 2, 99 7 L 99 11 C 82 6, 66 12, 48 9 S 16 8, 1 11 Z' fill='%23000'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 12' preserveAspectRatio='none'%3E%3Cpath d='M1 8 C 18 3, 34 10, 52 6 S 84 2, 99 7 L 99 11 C 82 6, 66 12, 48 9 S 16 8, 1 11 Z' fill='%23000'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%}.u-ink-drop{filter:drop-shadow(3px 3px 0 var(--line))}.u-ink-drop--sm{filter:drop-shadow(2px 2px 0 var(--line))}.u-ink-drop--lg{filter:drop-shadow(4px 4px 0 var(--line))}.u-halftone{position:relative}.u-halftone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:var(--halftone-opacity);background-image:radial-gradient(var(--ink) 1px,transparent 1.2px);background-size:7px 7px}.u-torn-edge{height:8px;background:var(--paper-raised);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 8' preserveAspectRatio='none'%3E%3Cpath d='M0 0 H120 V4 C110 7, 100 2, 90 5 S 70 8, 60 4 S 40 1, 30 5 S 10 7, 0 3 Z' fill='%23000'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 8' preserveAspectRatio='none'%3E%3Cpath d='M0 0 H120 V4 C110 7, 100 2, 90 5 S 70 8, 60 4 S 40 1, 30 5 S 10 7, 0 3 Z' fill='%23000'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%}.u-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@keyframes ink-pop-in{0%{opacity:0;transform:scale(.9) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes ink-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ink-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes ink-jitter{0%,to{transform:rotate(-.4deg) translate(0)}50%{transform:rotate(.4deg) translate(.5px,-.5px)}}@keyframes ink-spin{to{transform:rotate(360deg)}}@keyframes ink-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}ins.adsbygoogle[data-ad-status=unfilled]{display:none!important}[data-portal]{position:static}.gsm{display:flex;flex-direction:column;gap:var(--space-5)}.gsm__rule{color:var(--line-faint)}.gsm__group{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;margin:0;padding:0;border:none}.gsm__group>legend{padding:0}.gsm__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:var(--space-1) var(--space-5)}.gsm__options{display:flex;flex-direction:column;gap:var(--space-5)}.gsm__selects{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:var(--space-4)}.game-visibility__input{margin-left:var(--space-8);width:auto;min-width:0;max-width:24rem}@media (max-width: 575px){.gsm{gap:var(--space-4)}.game-visibility__input{margin-left:var(--space-6)}}.ad-slot{display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);color:var(--ink-muted)}.google-ad{display:flex;align-items:center;justify-content:center}.home{display:flex;flex-direction:column;min-height:100%;padding-bottom:var(--space-6)}.home__notice{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-16) var(--space-3) var(--space-4);color:var(--ink);background:var(--info-soft);border-bottom:var(--stroke-base) solid var(--line)}@media (min-width: 48em){.home__notice{padding-left:var(--space-16)}}.home__notice-icon{flex-shrink:0;font-size:var(--text-xl);color:var(--info)}.home__notice-text{font-size:var(--text-sm);font-weight:var(--weight-bold);line-height:var(--leading-snug);text-align:center;text-wrap:balance}.home__notice-link{color:var(--accent);font-weight:var(--weight-black);text-decoration-thickness:var(--stroke-thin)}.home__layout{display:grid;grid-template-columns:1fr;justify-items:center;align-items:start;gap:var(--space-4);padding:var(--space-6) var(--space-4) var(--space-2)}@media (min-width: 1100px){.home__layout{grid-template-columns:150px 1fr 150px}}.home__main{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);width:100%;max-width:620px}.home__hero{width:100%;animation:ink-pop-in var(--duration-slow) var(--ease-spring) both}.home__hero-body{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-8) var(--space-6) var(--space-8);text-align:center}@media (min-width: 40em){.home__hero-body{padding:var(--space-10) var(--space-10) var(--space-10)}}.home__live{box-shadow:var(--shadow-ink)}.home__live-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);background:var(--secondary-ink);animation:ink-pulse calc(var(--duration-lazy) * 2) var(--ease-in-out) infinite}.home__logo{width:min(320px,100%);height:auto}.home__tagline{max-width:46ch;font-size:var(--text-md);font-weight:var(--weight-medium);line-height:var(--leading-normal);color:var(--ink-soft);text-wrap:pretty}.home__cta{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.home__cta-count{display:inline-flex;align-items:center;justify-content:center;min-width:2em;padding:0 var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-black);line-height:1.6;color:var(--highlight-ink);background:var(--highlight);border:var(--stroke-thin) solid var(--line);border-radius:var(--radius-pill)}.home__links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2) var(--space-4);padding:var(--space-4) var(--space-4) var(--space-2)}.home__link{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ink-soft);background:none;border:none;border-radius:var(--radius-sm);text-decoration:none;cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.home__link:hover{color:var(--accent);text-decoration:underline;text-decoration-thickness:var(--stroke-thin);text-underline-offset:var(--space-1)}.home__link-dot{position:absolute;top:0;right:0;width:var(--space-2);height:var(--space-2);background:var(--danger);border-radius:var(--radius-pill);box-shadow:0 0 0 var(--stroke-thin) var(--paper);animation:ink-pulse calc(var(--duration-lazy) * 2) var(--ease-in-out) infinite}.home__credits{padding:var(--space-1) var(--space-4) var(--space-2);font-size:var(--text-xl);line-height:var(--leading-snug);color:var(--ink-muted);text-align:center}.home__legal{display:flex;align-items:flex-start;gap:var(--space-2);width:min(64ch,100%);margin:var(--space-8) auto var(--space-2);padding:0 var(--space-4);font-size:var(--text-2xs);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--ink-muted);text-align:justify}.home__legal-icon{flex-shrink:0;margin-top:.2em}.home__boot{display:grid;place-items:center;height:100dvh}.legal{max-width:52rem;margin:0 auto;padding:var(--space-6) var(--space-5) var(--space-16);color:var(--ink-soft);-webkit-user-select:text;user-select:text}.legal__logo{height:3rem;width:auto;margin-bottom:var(--space-5)}.legal h1{font-size:var(--text-3xl);color:var(--ink);margin-bottom:var(--space-3)}.legal h2{font-size:var(--text-xl);color:var(--ink);margin-top:var(--space-8);margin-bottom:var(--space-3)}.legal h3{font-size:var(--text-lg);color:var(--ink);margin-top:var(--space-5);margin-bottom:var(--space-2)}.legal p{margin-bottom:var(--space-4);line-height:var(--leading-normal)}.legal ul,.legal ol{margin-bottom:var(--space-4);padding-left:var(--space-5);list-style-position:outside}.legal li{margin-bottom:var(--space-2);line-height:var(--leading-normal)}.legal hr{margin:var(--space-4) 0;border-top:var(--stroke-thin) solid var(--line-faint)}.legal a{color:var(--accent)}.rules{display:flex;flex-direction:column;min-width:0;margin:0;padding:0;list-style:none;font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--ink-soft)}.rules__row{display:flex;align-items:baseline;gap:var(--space-2);min-width:0;padding:var(--space-1) 0;list-style:none}.rules__row+.rules__row{border-top:var(--stroke-hair) dotted var(--line-faint)}.rules__label{flex:0 1 auto;min-width:0;font-weight:var(--weight-medium)}.rules__value{flex:1 1 auto;min-width:0;text-align:right;font-weight:var(--weight-black);color:var(--ink)}.rules__value--truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rules__mark{flex:0 0 auto;margin-left:auto;font-size:var(--text-sm)}.rules__mark--on{color:var(--success)}.rules__mark--off{color:var(--danger)}.rules__row--nested{flex-direction:column;align-items:stretch;gap:var(--space-1)}.rules__sublist{display:flex;flex-direction:column;margin:0;padding-left:var(--space-4);list-style:none;border-left:var(--stroke-thin) solid var(--line-faint)}.rules__sublist .rules__row{padding:0;border-top:none;font-size:var(--text-xs)}.admin{max-width:80rem;margin:0 auto;padding:var(--space-6) var(--space-5) var(--space-12);display:flex;flex-direction:column;gap:var(--space-8)}.admin__header{display:flex;align-items:center;gap:var(--space-4)}.admin__logo{height:3rem;width:auto}.admin__title{font-size:var(--text-3xl)}.admin__section{display:flex;flex-direction:column;gap:var(--space-4)}.admin__section-title{font-size:var(--text-xl)}.admin__stats{display:flex;flex-wrap:wrap;gap:var(--space-4)}.admin__stat{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-5);min-width:12rem}.admin__stat-value{font-size:var(--text-3xl);font-weight:var(--weight-black);line-height:var(--leading-tight)}.admin__stat-label{font-size:var(--text-xs);font-weight:var(--weight-black);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--ink-muted)}.admin__games{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:var(--space-4);list-style:none}.admin__game{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.admin__game-head{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.admin__game-code{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--weight-black);margin-right:auto}.admin__broadcast{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);max-width:32rem}.admin__textarea{width:100%;min-height:6rem;resize:vertical;font-family:var(--font-ui)}.admin__empty{color:var(--ink-muted)}.app-theme-toggle{position:fixed;top:var(--space-3);right:var(--space-3);z-index:var(--z-sticky)}.changelog{max-width:56rem;margin:0 auto;padding:var(--space-10) var(--space-4) var(--space-16)}.changelog__header{display:flex;align-items:center;gap:var(--space-5);margin-bottom:var(--space-8)}.changelog__home{flex-shrink:0;display:block}.changelog__logo{width:56px;height:auto}.changelog__intro{min-width:0}.changelog__title{font-size:var(--text-3xl)}.changelog__lede{margin-top:var(--space-1);font-size:var(--text-md);color:var(--ink-muted)}.changelog__sheet{padding:var(--space-6)}.changelog__markdown{display:flex;flex-direction:column;gap:var(--space-4);color:var(--ink-soft);line-height:var(--leading-normal)}.changelog__markdown h1{font-size:var(--text-2xl);color:var(--ink)}.changelog__markdown h2{margin-top:var(--space-4);padding-bottom:var(--space-2);font-size:var(--text-xl);color:var(--ink);border-bottom:var(--stroke-base) solid var(--line)}.changelog__markdown h2:first-child{margin-top:0}.changelog__markdown h3{font-size:var(--text-lg);color:var(--ink)}.changelog__markdown h4,.changelog__markdown h5,.changelog__markdown h6{font-size:var(--text-md);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-muted)}.changelog__markdown ul,.changelog__markdown ol{display:flex;flex-direction:column;gap:var(--space-2);padding-left:var(--space-6);list-style-position:outside}.changelog__markdown li::marker{color:var(--accent);font-weight:var(--weight-black)}.changelog__markdown li ul,.changelog__markdown li ol{margin-top:var(--space-2)}.changelog__markdown a{color:var(--accent);font-weight:var(--weight-bold);text-decoration:underline}.changelog__markdown strong{color:var(--ink);font-weight:var(--weight-black)}.changelog__markdown code{padding:0 var(--space-1);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink);background:var(--paper-sunken);border:var(--stroke-hair) solid var(--line-faint);border-radius:var(--radius-sm)}.changelog__markdown pre{overflow-x:auto;padding:var(--space-3);background:var(--paper-sunken);border:var(--stroke-thin) solid var(--line-faint);border-radius:var(--radius-md)}.changelog__markdown pre code{padding:0;border:none;background:none}.changelog__markdown blockquote{padding-left:var(--space-4);color:var(--ink-muted);border-left:var(--stroke-base) solid var(--highlight)}.changelog__markdown hr{border-top:var(--stroke-thin) dashed var(--line-faint)}.changelog__markdown img{border:var(--stroke-thin) solid var(--line);border-radius:var(--radius-md)}@media (max-width: 575px){.changelog{padding:var(--space-6) var(--space-3) var(--space-10)}.changelog__sheet{padding:var(--space-4)}}.join{display:flex;flex-direction:column;gap:var(--space-4)}.board{display:flex;flex-direction:column;flex:0 1 100%;padding-inline:var(--space-2);overflow:hidden;touch-action:none}.board:focus{outline:none}@media screen and (max-width: 890px){.board{flex:0 1 auto}}.board__stage{--frame-fill: var(--canvas);flex:0 0 auto;max-width:calc((100dvh - 240px) * 1265 / 770);margin:var(--space-1) 0 var(--space-2);padding:var(--space-2);left:50%;transform:translate(-50%)}.board__stage--hidden{display:none}.board__sheet{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:var(--canvas);border-radius:var(--radius-sm)}.board__canvas{background:var(--canvas);touch-action:none}.board__brush-cursor{position:absolute;z-index:calc(var(--z-raised) + 1);border:var(--stroke-hair) solid var(--highlight-ink);border-radius:var(--radius-pill);box-shadow:0 0 0 var(--stroke-hair) var(--canvas),inset 0 0 0 var(--stroke-hair) var(--canvas);pointer-events:none;transform:translate(-50%,-50%);will-change:left,top,width,height}.board__brush-cursor--erasing{border-style:dashed}.board__reveal{position:absolute;top:var(--space-5);right:0;left:0;z-index:var(--z-raised);display:flex;justify-content:center;pointer-events:none;animation:ink-pop-in var(--duration-base) var(--ease-spring)}.board__reveal-word{padding:var(--space-2) var(--space-6);font-size:var(--text-2xl);text-transform:uppercase;transform:rotate(-1.2deg);box-shadow:var(--shadow-ink)}.board__ai{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-raised);display:flex;align-items:center;justify-content:center;background:var(--scrim);border-radius:var(--radius-sm)}.board__ai-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:min(22rem,80%);padding:var(--space-5) var(--space-6);text-align:center}.board__ai-label{font-size:var(--text-lg);font-weight:var(--weight-black);line-height:var(--leading-snug);color:var(--ink)}.board__ai-track{width:100%;height:var(--space-3);overflow:hidden;background:var(--paper-sunken);border:var(--stroke-thin) solid var(--line);border-radius:var(--radius-pill)}.board__ai-bar{height:100%;background:var(--secondary);transition:width var(--duration-slow) var(--ease-out)}.board__ad{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;min-height:140px;padding:var(--space-4) var(--space-5);border-top:var(--stroke-thin) dashed var(--line-faint)}.reactions{position:absolute;right:0;bottom:var(--space-3);z-index:calc(var(--z-raised) + 1);display:flex;align-items:center;transition:transform var(--duration-base) var(--ease-out),visibility var(--duration-base)}.reactions--hidden{z-index:var(--z-raised);transform:translate(100%);visibility:hidden;pointer-events:none}.reactions__tray{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-right:none;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.reactions__list{display:flex;align-items:center;gap:var(--space-2);padding:0;list-style:none}.reactions__emote{width:100%;height:100%;object-fit:contain}.reactions__emote--pop{animation:reaction-emote-pop var(--duration-base) var(--ease-out)}@keyframes reaction-emote-pop{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}.reactions__tab{position:absolute;right:0;bottom:var(--space-3);z-index:calc(var(--z-raised) + 1);border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.floating-reaction{position:absolute;bottom:20%;z-index:var(--z-overlay);pointer-events:none;will-change:transform,opacity;animation:float-up-reaction 2.5s var(--ease-out) forwards}.floating-reaction__img{width:var(--space-16);height:var(--space-16)}@keyframes float-up-reaction{0%{transform:translateY(0);opacity:1}to{transform:translateY(calc(-1 * var(--float-distance)));opacity:0}}.cutout{object-fit:contain;opacity:.35;transition:opacity var(--duration-base) var(--ease-out)}.cutout--ready{opacity:1}.sticker-hero{display:flex;align-items:center;justify-content:center;gap:var(--space-8);flex-wrap:wrap;margin:var(--space-3) var(--space-3) var(--space-2);padding:var(--space-6);background:var(--secondary-soft);border:var(--stroke-base) solid var(--line);border-radius:var(--radius-sketch);box-shadow:var(--shadow-ink-lg);animation:ink-slide-up var(--duration-slow) var(--ease-out)}.sticker-hero__props{display:flex;align-items:flex-end;gap:var(--space-4);flex-shrink:0}.sticker-hero__prop{--prop-scale: 1;position:relative;flex-shrink:0;width:calc(var(--prop-w) * var(--prop-scale));height:calc(var(--prop-h) * var(--prop-scale))}.sticker-hero__stage{position:absolute;top:0;left:0;width:var(--prop-w);height:var(--prop-h);transform:scale(var(--prop-scale));transform-origin:top left}.sticker-hero__prop--laptop{--prop-w: 200px;--prop-h: 180px}.sticker-hero__prop--tumbler{--prop-w: 140px;--prop-h: 210px}.sticker-hero__applied{position:absolute;z-index:2;display:block;filter:drop-shadow(0 2px 3px rgb(0 0 0 / 35%));pointer-events:none}.sticker-hero__applied img{display:block;width:100%;height:100%;object-fit:contain}.laptop__shadow{position:absolute;bottom:5px;left:-10px;width:200px;height:20px;background:radial-gradient(ellipse,rgb(0 0 0 / 30%) 0%,transparent 70%);filter:blur(4px)}.laptop__lid{position:absolute;top:10px;left:0;z-index:1;width:180px;height:130px;background:linear-gradient(135deg,silver,#a8a8a8,#909090);border-radius:8px 8px 0 0;box-shadow:4px 4px 12px #00000040}.laptop__badge{position:absolute;top:50%;left:50%;width:40px;height:40px;transform:translate(-50%,-50%);opacity:.3;filter:grayscale(100%)}.laptop__hinge{position:absolute;top:140px;left:0;z-index:1;width:180px;height:12px;background:linear-gradient(180deg,#888,#666);border-radius:0 0 4px 4px}.laptop__base{position:absolute;top:88px;left:34px;z-index:0;width:160px;height:80px;background:linear-gradient(180deg,#5a5a5a,#4a4a4a);border-radius:0 6px 6px 0;box-shadow:4px 4px 12px #0000004d;transform:perspective(300px) rotateX(-50deg);transform-origin:left center}.laptop__keys{position:absolute;top:10px;left:15px;width:130px;height:45px;background:#0003;border-radius:3px}.laptop__trackpad{position:absolute;bottom:8px;left:60px;width:35px;height:18px;background:#00000026;border-radius:3px}.tumbler__shadow{position:absolute;bottom:0;left:10px;width:100px;height:20px;background:radial-gradient(ellipse,rgb(0 0 0 / 30%) 0%,transparent 70%);filter:blur(4px)}.tumbler__straw{position:absolute;top:-20px;left:50px;width:8px;height:50px;background:linear-gradient(90deg,#319795,#4fd1c5,#319795);border-radius:4px;box-shadow:1px 1px 3px #0003;transform:rotate(-10deg)}.tumbler__lid{position:absolute;top:12px;left:19px;width:68px;height:18px;background:linear-gradient(180deg,#4a4a4a,#333);border-radius:10px 10px 0 0}.tumbler__rim{position:absolute;top:28px;left:15px;width:76px;height:10px;background:linear-gradient(180deg,#3d3d3d,#2a2a2a);border-radius:4px}.tumbler__body{position:absolute;top:38px;left:12px;width:82px;height:150px;background:linear-gradient(90deg,#a8d8d8,#d4f0f0 20%,#e8f8f8,#d4f0f0 80%,#a8d8d8);border-radius:6px 6px 22px 22px;clip-path:polygon(6% 0%,94% 0%,100% 100%,0% 100%)}.tumbler__highlight{position:absolute;top:10px;left:15px;width:8px;height:130px;background:linear-gradient(180deg,#fff9,#fff3);border-radius:4px}.tumbler__handle{position:absolute;top:58px;left:92px;width:28px;height:75px;border:10px solid #666;border-left:none;border-radius:0 24px 24px 0;box-shadow:2px 2px 4px #0003}.sticker-hero__copy{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex:1 1 18rem;max-width:26rem;text-align:center}.sticker-hero__title{font-size:var(--text-2xl);color:var(--ink);text-wrap:balance}.sticker-hero__blurb{color:var(--ink-soft);margin-bottom:var(--space-2);text-wrap:pretty}.sticker-hero__price{font-weight:var(--weight-black);color:var(--secondary);white-space:nowrap}.sticker-hero__note{font-size:var(--text-lg);color:var(--ink-muted)}@media (max-width: 890px){.sticker-hero{gap:var(--space-5);padding:var(--space-5) var(--space-4)}.sticker-hero__prop{--prop-scale: .72}}.sticker-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);flex:1;width:100%;padding:var(--space-4);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.sticker-card__hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;padding:0;background:none;border:none;border-radius:inherit;cursor:pointer}.sticker-card__hit:focus-visible{outline:var(--stroke-base) solid var(--highlight);outline-offset:3px}.sticker-card--interactive:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-ink-xl)}.sticker-card--selected{border-color:var(--secondary);background:var(--secondary-soft)}.sticker-card--disabled{opacity:.45}.sticker-card__tick{position:absolute;top:calc(-1 * var(--space-2));right:calc(-1 * var(--space-2));z-index:2;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:var(--secondary-ink);background:var(--paper-raised);border:var(--stroke-base) solid var(--line);border-radius:var(--radius-pill);box-shadow:2px 2px 0 var(--line);transition:background-color var(--duration-fast) var(--ease-out);pointer-events:none}.sticker-card__tick--on{background:var(--secondary);animation:ink-pop-in var(--duration-fast) var(--ease-spring)}.sticker-card__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform:rotate(-1.2deg)}.sticker-card__art{width:100%;max-height:18rem;object-fit:contain}.sticker-card__qty{position:relative;z-index:2;display:flex;align-items:center;gap:var(--space-3);margin-top:auto;padding-top:var(--space-1)}.sticker-card__qty--hidden{visibility:hidden}.sticker-card__qty-label{font-size:var(--text-xs);font-weight:var(--weight-black);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--ink-muted)}.sticker-card__qty-value{min-width:1.5rem;font-size:var(--text-lg);font-weight:var(--weight-black);text-align:center}.sticker-bar{position:fixed;right:0;bottom:0;left:0;z-index:var(--z-sticky);padding:var(--space-4);background:var(--paper-raised);border-top:var(--stroke-bold) solid var(--line);box-shadow:0 -8px 24px -12px #00000059;animation:ink-slide-up var(--duration-base) var(--ease-out)}.sticker-bar__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;max-width:50rem;margin:0 auto}.sticker-bar__status{display:flex;align-items:center;gap:var(--space-4)}.sticker-bar__count{font-weight:var(--weight-bold)}.sticker-bar__price{margin-left:var(--space-2);font-weight:var(--weight-black);color:var(--secondary)}.sticker-bar__actions{display:flex;align-items:center;gap:var(--space-3)}.sticker-bar__hint{font-size:var(--text-sm);color:var(--ink-muted)}@media (max-width: 575px){.sticker-bar__inner{justify-content:center}.sticker-bar__actions{width:100%;justify-content:center}}.sticker-preview__lede{text-align:center;color:var(--ink-soft);margin-bottom:var(--space-4)}.sticker-preview__sheet{display:flex;align-items:center;justify-content:center;width:100%;max-width:21rem;margin:0 auto;aspect-ratio:1749 / 2481;overflow:hidden;background:var(--paper-sunken);border:var(--stroke-base) solid var(--line);border-radius:var(--radius-sketch);box-shadow:var(--shadow-ink-lg)}.sticker-preview__image{width:100%;height:100%;object-fit:contain}.sticker-preview__loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.sticker-preview__loading-text{font-size:var(--text-xl);color:var(--ink-muted)}.sticker-preview__caption{max-width:24rem;margin:var(--space-3) auto 0;font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--ink-muted);text-align:center;text-wrap:pretty}.sticker-preview__total{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-5);padding-top:var(--space-4);border-top:var(--stroke-thin) dashed var(--line-faint)}.sticker-preview__count{color:var(--ink-soft);font-weight:var(--weight-bold)}.sticker-preview__price{font-size:var(--text-2xl);font-weight:var(--weight-black);color:var(--secondary)}.sticker-preview__policy{max-width:28rem;margin:var(--space-4) auto 0;font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--ink-muted);text-align:center;text-wrap:pretty}.sticker-preview__policy a{color:var(--ink-soft);font-weight:var(--weight-bold)}.summary{flex:1 1 0;min-height:31.25rem;overflow-y:auto;padding:var(--space-6) var(--space-4) var(--space-10)}.summary__header{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);margin-bottom:var(--space-8);text-align:center}.summary__title{font-size:var(--text-3xl);color:var(--ink)}.summary__gallery{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:var(--space-8);list-style:none;padding:0}.summary__item{flex:1 1 22rem;max-width:min(32rem,100%)}.summary__card{padding:var(--space-3) var(--space-3) var(--space-4);animation:ink-fade-in var(--duration-slow) var(--ease-out)}.summary__shot{display:block;width:100%;max-height:31.25rem;object-fit:contain;background:var(--canvas);border:var(--stroke-thin) solid var(--line-faint)}.summary__caption{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:var(--space-2);margin-top:var(--space-3);text-align:center}.summary__word{font-size:var(--text-xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);color:var(--ink)}.summary__author{font-size:var(--text-xl);color:var(--ink-muted)}.toolbar{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:var(--space-2);width:100%;min-height:140px;padding:var(--space-4) var(--space-3);background:var(--paper-sunken);border-top:var(--stroke-thin) dashed var(--line-faint)}.toolbar__palette{--swatch: var(--space-8);display:grid;grid-template-columns:var(--swatch);grid-auto-columns:var(--swatch);grid-template-rows:var(--swatch) var(--swatch);grid-auto-flow:column;gap:var(--space-1);flex-shrink:0;width:fit-content;padding:var(--space-2) var(--space-3)}.toolbar__palette--mobile{grid-template-rows:var(--swatch) var(--swatch) var(--swatch)}.toolbar__swatch{position:relative;width:var(--swatch);height:var(--swatch);padding:0;border:var(--stroke-thin) solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-pressed);transition:transform var(--duration-instant) var(--ease-out),box-shadow var(--duration-instant) var(--ease-out)}.toolbar__swatch:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-ink)}.toolbar__swatch:active{transform:translate(1px,1px);box-shadow:none}.toolbar__swatch[aria-pressed=true]{z-index:var(--z-raised);transform:scale(1.15);border-radius:var(--radius-sketch-alt);box-shadow:0 0 0 var(--stroke-base) var(--highlight),var(--shadow-pressed)}.toolbar__current{grid-column:1;grid-row:2;display:flex;align-items:center;justify-content:center;width:var(--swatch);height:var(--swatch)}.toolbar__current-dot{width:100%;height:100%}.toolbar__current-dot circle{stroke:var(--line);stroke-width:1.5}.toolbar__tools,.toolbar__weights{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;margin-left:auto;padding:var(--space-2) var(--space-3)}.toolbar__tools--stacked{flex-wrap:wrap;max-width:11rem}.weights__dot{width:100%;height:100%}.weights__menu{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2)}.chat-shell{display:flex;flex-direction:column;min-height:0;overflow:hidden}.chat-shell--desktop{flex-shrink:0;align-self:stretch;margin:var(--space-1) var(--space-1) var(--space-1) 0;padding:var(--space-3) var(--space-2)}.chat-shell--mobile{width:100%;flex:1 1 auto}.chat-shell--discord{margin-bottom:var(--space-8)}.chat{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-2);min-height:0;overflow:hidden}.chat__log{display:flex;flex:1 1 0;flex-direction:column;gap:var(--space-2);min-height:0;padding:var(--space-3);overflow-y:auto;overscroll-behavior:contain;background:var(--paper-sunken);border:var(--stroke-thin) solid var(--line-faint);border-radius:var(--radius-sketch-alt)}.chat__composer{display:grid;flex-shrink:0;grid-template-areas:"label label" "input send";grid-template-columns:minmax(0,1fr) auto;gap:var(--space-1) var(--space-2);align-items:center}.chat__label{grid-area:label;font-size:var(--text-2xs);font-weight:var(--weight-black);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--ink-muted)}.chat__composer--guess .chat__label{color:var(--accent)}.chat__composer:has(.chat__input:disabled) .chat__label{color:var(--ink-muted)}.chat .chat__input{grid-area:input;min-height:3.25rem;font-size:var(--text-lg);font-weight:var(--weight-bold)}.chat__composer--guess .chat__input:not(:disabled){border-color:var(--accent)}.chat .chat__input:disabled{opacity:1;color:var(--ink-muted);border-style:dashed;border-color:var(--line-soft)}.chat__input:disabled::placeholder{color:var(--ink-soft);font-weight:var(--weight-bold)}.chat__send{grid-area:send}.chat-msg{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--text-md);line-height:var(--leading-snug)}.chat-msg__body{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.chat-msg__sender{font-weight:var(--weight-black)}:root[data-theme=dark] .chat-msg__sender{filter:brightness(1.5)}.chat-msg__icon{flex-shrink:0}.chat-msg__divider{margin:var(--space-2) 0;color:var(--line-soft)}.chat-msg--system{padding:var(--space-1) var(--space-3);font-weight:var(--weight-bold);background:var(--paper);border-left:var(--stroke-bold) solid var(--line-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.chat-msg--correct,.chat-msg--half{padding:var(--space-2) var(--space-3);font-weight:var(--weight-black);border:var(--stroke-thin) solid var(--line);border-radius:var(--radius-sketch-alt);box-shadow:var(--shadow-pressed);animation:ink-pop-in var(--duration-base) var(--ease-spring)}.chat-msg--correct{background:var(--success-soft);border-color:var(--success)}.chat-msg--correct .chat-msg__icon{color:var(--success)}.chat-msg--half{background:var(--warning-soft);border-color:var(--warning)}.chat-msg--half .chat-msg__icon{color:var(--warning)}.kick{display:flex;flex-direction:column;gap:var(--space-4)}.kick__nick{font-weight:var(--weight-black)}:root[data-theme=dark] .kick__nick{filter:brightness(1.5)}.kick__offline{margin-left:var(--space-2);color:var(--ink-muted)}.reference__panel{position:fixed;z-index:var(--z-popover);padding:var(--space-1);background:var(--paper-sunken);border:var(--stroke-base) solid var(--line);border-radius:var(--radius-sketch);box-shadow:var(--shadow-ink-lg),var(--shadow-float);animation:ink-pop-in var(--duration-fast) var(--ease-out)}.reference__image{display:block;width:100%;height:auto;object-fit:contain;image-rendering:pixelated;border-radius:var(--radius-sm);cursor:url(/assets/images/color-picker.svg) 0 32,crosshair}.reference__image--capped{height:50dvh;object-fit:cover}.copy-toast{position:fixed;z-index:var(--z-toast);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-black);white-space:nowrap;color:var(--secondary-ink);background:var(--secondary);border:var(--stroke-thin) solid var(--line);border-radius:var(--radius-sketch-alt);box-shadow:2px 2px 0 var(--line);pointer-events:none;animation:ink-pop-in var(--duration-fast) var(--ease-spring)}.lobby-settings{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3)}.lobby-settings__volume{display:flex;align-items:center;gap:var(--space-3);width:13rem}.lobby-settings__readout{flex:0 0 auto;min-width:2.5ch;text-align:right;font-size:var(--text-sm);font-weight:var(--weight-black);font-variant-numeric:tabular-nums;color:var(--ink)}input[type=range].lobby-settings__range{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1 1 auto;width:auto;height:var(--space-5);margin:0;padding:0;background:transparent;cursor:pointer}.lobby-settings__range::-webkit-slider-runnable-track{box-sizing:border-box;height:var(--space-3);background:var(--paper-sunken);border:var(--stroke-thin) solid var(--line);border-radius:var(--radius-pill)}.lobby-settings__range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:var(--space-5);height:var(--space-5);margin-top:calc((var(--space-3) - var(--space-5)) / 2);background:var(--accent);border:var(--stroke-thin) solid var(--line);border-radius:50%;box-shadow:var(--shadow-pressed);transition:transform var(--duration-fast) var(--ease-spring)}.lobby-settings__range:hover::-webkit-slider-thumb{transform:scale(1.12)}.lobby-settings__range::-moz-range-track{box-sizing:border-box;height:var(--space-3);background:var(--paper-sunken);border:var(--stroke-thin) solid var(--line);border-radius:var(--radius-pill)}.lobby-settings__range::-moz-range-thumb{box-sizing:border-box;width:var(--space-5);height:var(--space-5);background:var(--accent);border:var(--stroke-thin) solid var(--line);border-radius:50%;box-shadow:var(--shadow-pressed)}.sidebar-panel{display:flex;flex-direction:column;min-width:20rem;max-width:20rem;min-height:0;flex:1 1 auto;padding:var(--space-4) var(--space-3) var(--space-3)}.sidebar{display:flex;flex-direction:column;gap:var(--space-3);min-height:0;height:100%}.sidebar__round{font-size:var(--text-xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);text-align:center;color:var(--ink)}.sidebar__preamble{display:flex;flex-direction:column;gap:var(--space-2)}.sidebar__rules-inline{display:flex;align-items:flex-start;gap:var(--space-2)}.sidebar__rules{flex:1 1 auto;min-width:0;font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-snug);color:var(--ink-soft)}.sidebar__rules strong{font-weight:var(--weight-black);color:var(--ink)}.sidebar__rules ul{list-style-position:inside;padding-inline-start:var(--space-4)}.sidebar__rules-trigger{text-align:center}.sidebar__rules-btn{cursor:help}.sidebar__players{display:flex;flex-direction:column;margin-bottom:auto;max-height:40dvh;overflow-y:auto;list-style:none;padding:var(--space-2);background:var(--paper-sunken);border:var(--stroke-thin) solid var(--line-faint);border-radius:var(--radius-sketch-alt)}.sidebar__player{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-left:var(--stroke-bold) solid transparent;border-radius:var(--radius-sm);font-size:var(--text-md);font-weight:var(--weight-bold);line-height:var(--leading-snug);transition:background-color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.sidebar__player+.sidebar__player{border-top:var(--stroke-hair) dashed var(--line-faint)}.sidebar__player--drawing{background:var(--accent-soft);border-left-color:var(--accent)}.sidebar__player--correct{background:var(--success-soft);border-left-color:var(--success)}.sidebar__player--half{background:var(--warning-soft);border-left-color:var(--warning)}.sidebar__player--away{opacity:.55}.sidebar__position{flex-shrink:0;min-width:1.75rem;font-size:var(--text-sm);font-weight:var(--weight-black);font-variant-numeric:tabular-nums;color:var(--ink-muted)}.sidebar__nick{flex:0 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);color:var(--ink-muted)}:root[data-theme=dark] .sidebar__nick{filter:brightness(1.6)}.sidebar__player--drawing .sidebar__nick{text-decoration:underline;text-decoration-thickness:var(--stroke-thin);text-underline-offset:var(--space-1)}.sidebar__you{flex-shrink:0;font-size:var(--text-xs);font-weight:var(--weight-normal);color:var(--ink-muted)}.sidebar__icons{display:inline-flex;align-items:center;gap:var(--space-2);margin-left:auto;flex-shrink:0}.sidebar__icon{font-size:var(--text-sm)}.sidebar__icon--host{color:var(--highlight)}.sidebar__icon--drawing{color:var(--accent)}.sidebar__icon--winner{color:var(--highlight)}.sidebar__icon--away{color:var(--ink-faint)}.sidebar__icon--guessing{color:var(--ink-muted)}.sidebar__icon--correct{color:var(--success)}.sidebar__icon--half{color:var(--warning)}.sidebar__points{display:inline-flex;align-items:baseline;gap:var(--space-1);justify-content:flex-end;flex-shrink:0;min-width:3.25rem;font-size:var(--text-lg);font-weight:var(--weight-black);font-variant-numeric:tabular-nums;color:var(--ink)}.sidebar__pending{display:inline-block;font-size:var(--text-xl);color:var(--success);transform:rotate(-6deg);animation:ink-pop-in var(--duration-slow) var(--ease-spring)}.sidebar__actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);padding-top:var(--space-2)}.status-bar{display:flex;align-items:center;justify-content:center;gap:var(--space-4);min-width:0;min-height:3rem}.status-bar__message{min-width:0;overflow:hidden;font-family:var(--font-ui);font-size:var(--text-2xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--ink);text-overflow:ellipsis;white-space:nowrap}.status-bar__timer{display:inline-flex;align-items:center;gap:var(--space-2);flex-shrink:0;padding:var(--space-1) var(--space-4);color:var(--ink);background:var(--paper-raised);border:var(--stroke-base) solid var(--line);border-radius:var(--radius-pill);box-shadow:var(--shadow-ink);transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.status-bar__stopwatch{font-size:var(--text-lg)}.status-bar__clock{font-size:var(--text-xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);line-height:1;font-variant-numeric:tabular-nums}.status-bar__timer--urgent{color:var(--danger);background:var(--danger-soft);border-color:var(--danger);animation:ink-pulse var(--duration-lazy) var(--ease-in-out) infinite}@media screen and (max-width: 890px){.status-bar{gap:var(--space-2);min-height:2.5rem}.status-bar__message{font-size:var(--text-lg)}.status-bar__timer{padding:var(--space-1) var(--space-2);border-width:var(--stroke-thin)}.status-bar__clock{font-size:var(--text-md)}}.lobby{display:flex;flex-direction:column;max-width:100%;height:100dvh}.lobby__masthead{position:relative;z-index:var(--z-sticky);flex:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-3);min-height:3.5rem;padding:var(--space-2) var(--space-3);background:var(--paper);border-bottom:var(--stroke-bold) solid var(--line)}.lobby__masthead:after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--stroke-bold);pointer-events:none;background:var(--line-soft);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 4' preserveAspectRatio='none'%3E%3Cpath d='M0 1 C 20 3, 40 0, 60 2 S 100 3, 120 1 L 120 3 C 100 5, 60 4, 40 3.4 S 20 2, 0 3 Z' fill='%23000'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 4' preserveAspectRatio='none'%3E%3Cpath d='M0 1 C 20 3, 40 0, 60 2 S 100 3, 120 1 L 120 3 C 100 5, 60 4, 40 3.4 S 20 2, 0 3 Z' fill='%23000'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%}.lobby__brand,.lobby__settings{display:flex;align-items:center;gap:var(--space-2)}.lobby__brand{justify-self:start}.lobby__settings{justify-self:end}.lobby__status{min-width:0;display:flex;align-items:center;justify-content:center;min-height:3rem}.lobby__home{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0;color:var(--ink);text-decoration:none}.lobby__home:hover{color:var(--ink)}.lobby__logo{flex-shrink:0;height:2.75rem;width:auto;transition:transform var(--duration-fast) var(--ease-spring)}.lobby__home:hover .lobby__logo{transform:rotate(-6deg) scale(1.05)}.lobby__logo--round{height:2.5rem}.lobby__wordmark{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--text-lg)}.lobby__page{display:flex;flex:1 1 auto;flex-direction:row;min-height:0}.lobby__page--hidden{display:none}.lobby__info{display:flex;flex-direction:column;padding-block:var(--space-1)}.lobby__ad{width:300px;min-height:250px;margin-inline:auto}@media screen and (min-width: 1400px){.lobby__info{padding-inline:var(--space-1)}}@media screen and (max-width: 1350px){.lobby__info{position:absolute;height:0}}@media screen and (max-width: 890px){.lobby__page{flex-direction:column}.lobby__masthead{gap:var(--space-2);padding:var(--space-1) var(--space-2);min-height:3rem}.lobby__logo{height:2.25rem}}.lobby-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-fullscreen);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);background:var(--paper);animation:ink-fade-in var(--duration-base) var(--ease-out)}.lobby-overlay__card{max-width:32rem}.lobby-overlay__card .sketch-frame__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8);text-align:center}.lobby-overlay__logo{width:120px;height:auto}.lobby-overlay__title{font-size:var(--text-2xl);font-weight:var(--weight-black);color:var(--ink)}.lobby-overlay__text{max-width:26rem;font-size:var(--text-lg);font-weight:var(--weight-medium);line-height:var(--leading-snug);color:var(--ink-soft)}.lobby-pip{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-fullscreen);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8);background:var(--paper);color:var(--ink);text-align:center;cursor:pointer}.lobby-pip__logo{width:50px;height:auto;animation:ink-jitter var(--duration-lazy) var(--ease-in-out) infinite}.lobby-pip__headline{font-family:var(--font-ui);font-size:var(--text-2xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.lobby-pip__hint{font-size:var(--text-xl);color:var(--ink-muted)}.games{display:flex;flex-direction:column;gap:var(--space-6);width:min(1200px,100%);margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-12)}.games__header{display:flex;align-items:center;gap:var(--space-4);padding-right:var(--space-12)}.games__brand{flex-shrink:0;line-height:0}.games__brand-logo{width:56px;height:auto;transition:transform var(--duration-base) var(--ease-spring)}.games__brand:hover .games__brand-logo{transform:rotate(-6deg) scale(1.06)}.games__title{font-size:var(--text-3xl);color:var(--ink)}.games__subtitle{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--ink-muted)}.games__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.games__stats{display:flex;flex-wrap:wrap;gap:var(--space-4)}.games__stat{display:flex;flex-direction:column;gap:var(--space-1);min-width:10rem;padding:var(--space-3) var(--space-5)}.games__stat-value{font-size:var(--text-2xl);font-weight:var(--weight-black);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--ink)}.games__stat-label{font-size:var(--text-xs);font-weight:var(--weight-black);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--ink-muted)}.games__notify{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--info-soft)}.games__notify-icon{flex-shrink:0;font-size:var(--text-2xl);color:var(--info);animation:ink-jitter calc(var(--duration-lazy) * 2) var(--ease-in-out) infinite}.games__notify-copy{flex:1 1 16rem}.games__notify-title{font-size:var(--text-lg);color:var(--ink)}.games__notify-text{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--ink-soft)}.games__notify-join,.games__notify-join:hover{color:var(--btn-fg);text-decoration:none}.games__list{display:flex;flex-direction:column;gap:var(--space-4)}.games__list-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.games__list-title{font-size:var(--text-2xl);color:var(--ink)}.games__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:var(--space-5);list-style:none}.games__card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.games__card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-ink-lg)}.games__card-head{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.games__card-name{width:100%;font-size:var(--text-lg);line-height:var(--leading-snug);color:var(--ink);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.games__card-status{flex-shrink:0}.games__card-players{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ink-soft)}.games__card-count{font-variant-numeric:tabular-nums}.games__card-meter{flex:1;overflow:hidden;height:var(--space-2);background:var(--paper-sunken);border:var(--stroke-hair) solid var(--line-soft);border-radius:var(--radius-pill)}.games__card-meter-fill{display:block;height:100%;background:var(--secondary);transition:width var(--duration-base) var(--ease-out)}.games__card-rule{color:var(--line-faint)}.games__card-rules{display:flex;flex:1;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--ink-soft)}.games__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);text-align:center}.games__empty-icon{font-size:var(--text-4xl);color:var(--ink-faint);transform:rotate(-12deg)}.games__empty-title{font-size:var(--text-2xl);color:var(--ink)}.games__empty-note{font-size:var(--text-xl);color:var(--ink-muted)}.games__empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-2)}.stickers{min-height:100dvh;max-width:72rem;margin:0 auto;padding:var(--space-8) var(--space-5) 9rem}.stickers--message{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);max-width:40rem;padding-bottom:var(--space-8);text-align:center}.stickers__header{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-bottom:var(--space-8);text-align:center}.stickers__title{font-size:var(--text-3xl);color:var(--ink)}.stickers__lede{max-width:34rem;color:var(--ink-soft);text-wrap:pretty}.stickers__note{max-width:34rem;font-size:var(--text-sm);color:var(--ink-muted);text-wrap:pretty}.stickers__lede a,.stickers__note a{color:var(--ink-soft);font-weight:var(--weight-bold)}.stickers__link{font-weight:var(--weight-black)}.stickers__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:var(--space-5);list-style:none;padding:0}.stickers__grid-item{display:flex;margin:0}