@font-face{font-family:Gilland;src:url(/fonts/Gilland-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gilland;src:url(/fonts/Gilland-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--font-display:"Gilland", Georgia, "Times New Roman", serif;--font-body:"Fraunces", Georgia, serif;--color-paper:oklch(96.5% .013 82);--color-paper-2:oklch(93% .019 80);--color-surface:oklch(99% .006 85);--color-surface-2:oklch(91% .023 78);--color-ink:oklch(24% .021 58);--color-ink-2:oklch(46.5% .025 62);--color-rule:oklch(24% .021 58/.15);--color-rule-firm:oklch(24% .021 58/.34);--color-accent:oklch(44% .082 158);--color-accent-2:oklch(54% .09 158);--color-accent-ink:oklch(98% .008 85);--color-ember:oklch(48% .155 32);--color-focus:oklch(48% .13 250);--dusk-bg:oklch(20% .018 150);--dusk-surface:oklch(25% .022 152);--dusk-surface-2:oklch(30% .026 152);--dusk-border:oklch(92% .02 88/.2);--dusk-text:oklch(94% .018 86);--dusk-text-muted:oklch(94% .018 86/.6);--dusk-accent:oklch(80% .115 82);--dusk-accent-ink:oklch(20% .018 150);--dusk-press:oklch(100% 0 0/.07);--dusk-chip:oklch(0% 0 0/.32);--color-scrim:oklch(24% .021 58/.55);--color-scrim-deep:oklch(18% .018 60/.94);--deck-red:oklch(54% .19 28);--deck-green:oklch(52% .135 148);--deck-blue:oklch(52% .135 248);--deck-purple:oklch(49% .16 305);--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4.5rem;--text-2xs:.6875rem;--text-xs:.8125rem;--text-sm:.9375rem;--text-md:1.0625rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--text-display-s:clamp(1.75rem, 6.5vw, 2.5rem);--text-display:clamp(2.25rem, 9vw, 3.25rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-short:.16s;--dur-mid:.24s;--radius-card:3px;--radius-input:2px;--radius-pill:999px;--rule-hair:1px;--rule-firm:2px;--cut:12px;--nav-h:3.25rem;--nav-offset:0px;--z-base:1;--z-nav:20;--z-board-ui:40;--z-overlay:60;--z-modal:80;--z-toast:100}*{box-sizing:border-box}html,body,#root{height:100%}html,body{overflow-x:clip}html{scrollbar-gutter:stable both-edges;overscroll-behavior-y:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-y:scroll}body{touch-action:manipulation;font-family:var(--font-body);font-variation-settings:"SOFT" 40, "WONK" 1;font-optical-sizing:auto;font-size:var(--text-sm);background:var(--color-paper);color:var(--color-ink);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}body.dusk-bg{background:var(--dusk-bg);color:var(--dusk-text)}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:.005em;overflow-wrap:anywhere;min-width:0;margin:0;font-style:normal;font-weight:700;line-height:1.18}button,input,select,textarea{font-family:var(--font-body)}input,select,textarea{font-size:max(16px,1rem)}a{color:inherit}:focus-visible{outline:var(--rule-firm) solid var(--color-focus);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--color-rule-firm);border-radius:var(--radius-pill)}.cut-btn{clip-path:polygon(var(--cut) 0, 100% 0, calc(100% - var(--cut)) 100%, 0 100%)}.gilded{background:var(--color-accent);color:var(--color-accent-ink)}@media (width>=721px){:root{--nav-offset:var(--nav-h)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.15s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.brush-icon{-webkit-mask-image:var(--brush);-webkit-mask-image:var(--brush);mask-image:var(--brush);background-color:currentColor;flex-shrink:0;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.layout{flex-direction:column;min-height:100dvh;display:flex}.main-content{padding:var(--space-lg) var(--space-sm);flex-direction:column;flex:1;display:flex}.main-content>*{width:100%}.page-centered{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}body.playing .navbar{display:none}@media (width<=720px){.main-content{padding-bottom:calc(var(--space-2xl) + env(safe-area-inset-bottom))}}.route-fallback{min-height:50vh;color:var(--color-ink-2);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;justify-content:center;align-items:center;display:flex}.page{width:100%;max-width:34rem;margin:0 auto}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--space-sm);padding-bottom:var(--space-2xs);margin-bottom:var(--space-md);border-bottom:var(--rule-hair) solid var(--color-rule-firm);display:flex}.page-title{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:.005em;font-weight:700}.page-meta{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.16em;color:var(--color-ink-2);white-space:nowrap}.section-label{font-family:var(--font-display);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.18em;color:var(--color-accent);margin:var(--space-lg) 0 var(--space-2xs);font-weight:600}.muted{color:var(--color-ink-2)}.empty-note{font-size:var(--text-xs);color:var(--color-ink-2);margin:var(--space-2xs) 0 0}.ornament{justify-content:center;align-items:center;gap:var(--space-2xs);width:100%;max-width:20rem;margin:var(--space-md) auto;display:flex}.ornament:before,.ornament:after{content:"";background:linear-gradient(90deg, transparent, var(--color-rule-firm));flex:1;height:1px}.ornament:after{background:linear-gradient(90deg, var(--color-rule-firm), transparent)}.ornament-mark{color:var(--color-accent);flex-shrink:0;display:flex}.env-badge{z-index:var(--z-toast);border-bottom-right-radius:var(--radius-card);background:var(--color-ember);color:var(--color-paper);font-family:var(--font-display);font-size:var(--text-2xs);letter-spacing:.16em;text-transform:uppercase;pointer-events:none;padding:2px 8px 3px;font-weight:700;position:fixed;top:0;left:0}@media (width>=60rem){.page{max-width:62rem}}.install-screen{min-height:100dvh;padding:var(--space-lg) var(--space-md);background:var(--color-paper);justify-content:center;align-items:center;display:flex}.install-card{text-align:center;align-items:center;gap:var(--space-2xs);flex-direction:column;width:100%;max-width:26rem;display:flex}.install-wordmark{font-family:var(--font-display);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.3em;text-indent:.3em;color:var(--color-ink-2);margin:var(--space-2xs) 0 0;font-weight:700}.install-wordmark span{color:var(--color-accent)}.install-title{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:.005em;margin:0;font-weight:700}.install-sub{font-size:var(--text-sm);color:var(--color-ink-2);margin:0 0 var(--space-sm);text-wrap:pretty;max-width:34ch}.install-steps{gap:var(--space-2xs);flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.install-step{align-items:center;gap:var(--space-xs);padding:var(--space-xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-surface);text-align:left;font-size:var(--text-sm);display:flex}.install-step b{color:var(--color-accent);font-weight:700}.install-step-icon{border-radius:var(--radius-input);background:var(--color-accent);width:40px;height:40px;color:var(--color-accent-ink);flex-shrink:0;justify-content:center;align-items:center;display:flex}.install-btn{width:100%;padding:var(--space-xs) var(--space-lg);background:var(--color-accent);color:var(--color-accent-ink);font-family:var(--font-display);font-weight:700;font-size:var(--text-md);white-space:nowrap;cursor:pointer;border:none}.install-skip{margin-top:var(--space-md);color:var(--color-ink-2);font:inherit;font-size:var(--text-sm);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;text-decoration:underline}.install-skip:hover{color:var(--color-ink)}.install-note{font-size:var(--text-2xs);color:var(--color-ink-2);margin:var(--space-2xs) 0 0;max-width:32ch}.navbar{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-xs) var(--space-md);min-height:var(--nav-h);background:var(--color-paper-2);border-bottom:var(--rule-hair) solid var(--color-rule-firm);z-index:var(--z-nav);display:flex;position:sticky;top:0}.navbar-brand{align-items:baseline;gap:var(--space-3xs);font-family:var(--font-display);font-variation-settings:"SOFT" 30, "WONK" 1;color:inherit;text-decoration:none;display:flex}.navbar-brand-mark{font-weight:700;font-size:var(--text-md);letter-spacing:.1em}.navbar-brand-sub{font-family:var(--font-body);font-weight:600;font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.16em;color:var(--color-ink-2)}.navbar-links{align-items:center;gap:var(--space-3xs);margin:0;padding:0;list-style:none;display:flex}.navbar-link{align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-input);color:var(--color-ink-2);font-family:var(--font-display);font-weight:600;font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;transition:color var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out);text-decoration:none;display:flex}.navbar-link:hover{color:var(--color-ink);background:var(--color-surface)}.navbar-link.active{color:var(--color-accent);background:var(--color-surface)}@media (width<=720px){.navbar{padding:var(--space-3xs) var(--space-2xs) calc(var(--space-3xs) + env(safe-area-inset-bottom));border-bottom:none;border-top:var(--rule-hair) solid var(--color-rule-firm);justify-content:center;position:fixed;inset:auto 0 0}.navbar-brand{display:none}.navbar-links{flex:1;gap:0}.navbar-links>li{flex:1 1 0;min-width:0}.navbar-link{padding:var(--space-2xs) var(--space-3xs);font-size:var(--text-2xs);border-bottom:var(--rule-firm) solid transparent;background:0 0;border-radius:0;flex-direction:column;justify-content:center;gap:2px}.navbar-link:hover{background:0 0}.navbar-link.active{border-bottom-color:var(--color-accent);color:var(--color-accent);background:0 0}}.navbar-link.locked{opacity:.42}.navbar-link.locked:hover{opacity:.6}.navbar-link{position:relative}.navbar-lock{background:var(--color-paper);width:13px;height:13px;color:var(--color-ink-2);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:2px;right:50%;transform:translate(1.05em)}