@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(./fraunces-latin-600-normal-BFCDtZfi.woff2)format("woff2"),url(./fraunces-latin-600-normal-DL5QCzvS.woff)format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:400;src:url(./outfit-latin-400-normal-BGsTXAXT.woff2)format("woff2"),url(./outfit-latin-400-normal-DMwTpYkH.woff)format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:500;src:url(./outfit-latin-500-normal-DKnIMDSk.woff2)format("woff2"),url(./outfit-latin-500-normal-ClnHRwRh.woff)format("woff")}:root{--ink:#2c2924;--ink-soft:#7a746b;--paper:#f3efe6;--evening-ink:#fff8f2;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Outfit,Avenir Next,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--paper);height:100%;margin:0;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none}.stage{background:var(--paper);width:100%;height:100dvh;position:relative;overflow:hidden}.stage canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.anchors{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.swatch-anchor{visibility:hidden;pointer-events:none;position:absolute;top:0;left:0}.hud{z-index:5;padding:max(18px, env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) 0 max(22px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:flex-start;gap:16px;animation:.55s both hud-in;display:flex;position:absolute;top:0;left:0;right:0}.hud h1,.hint{transition:color .7s,text-shadow .7s}.hud h1{letter-spacing:-.03em;color:var(--ink);margin:0;font-family:Fraunces,Iowan Old Style,Palatino,serif;font-size:clamp(1.2rem,2.1vw,1.65rem);font-weight:600;line-height:1}.hint{color:var(--ink-soft);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:8px;margin:4px 0 0;font-size:.84rem;font-weight:400;display:flex}.hint svg{opacity:.8;flex:none}.hud-evening h1,.hud-evening .hint{color:var(--evening-ink);text-shadow:0 1px 10px #46241c47}.swatches{pointer-events:auto;gap:10px;display:flex}.swatch{background:var(--swatch);cursor:pointer;-webkit-tap-highlight-color:transparent;border:2px solid #fff;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;transition:transform .16s,box-shadow .16s;display:grid;box-shadow:0 5px 12px #3c2d1929}.swatch svg{display:block}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px #fff6,0 0 0 5px #fff,0 8px 16px #3c2d192e}.swatch:hover{transform:translateY(-1px)scale(1.05)}.swatch:active{transform:scale(.96)}.swatch:focus-visible{outline-offset:3px;outline:2px solid #2c2924}.fallback{background:radial-gradient(ellipse at 30% 20%, #fffaf3, transparent 55%), var(--paper);text-align:center;place-items:center;min-height:100dvh;padding:32px 22px;display:grid}.fallback h1{margin:0 0 8px;font-family:Fraunces,Palatino,serif;font-size:2rem;font-weight:600}.fallback p{max-width:34ch;color:var(--ink-soft);margin:0;line-height:1.5}@keyframes hud-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (width<=640px){.hud{padding-top:max(14px, env(safe-area-inset-top))}.hint{gap:6px;font-size:.74rem}.swatch{width:44px;height:44px}}@media (width<=380px){.hint span{white-space:normal;text-align:right;max-width:11ch;line-height:1.15}}@media (prefers-reduced-motion:reduce){.hud,.swatch,.hud h1,.hint{transition:none;animation:none}}