:root{--ink:#5d4a52;--ink-soft:#5d4a52a8;--paper:#fffaf8b8;--paper-strong:#fffcfae0;--hairline:#5d4a5224;--accent:#d96a8b;--shadow-soft:0 10px 30px #5d3c4a24;--hud-blur:blur(10px) saturate(1.25);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#f3dfe4;font-family:Avenir Next,Segoe UI,Hiragino Sans,Yu Gothic,system-ui,sans-serif;overflow:hidden}#app{touch-action:none;position:fixed;inset:0;overflow:hidden}#scene{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.vignette{pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(120% 90% at 50% 42%,#0000 55%,#4a2e3a2e 100%),linear-gradient(#0000 78%,#4a2e3a1f);position:absolute;inset:0}.hud{z-index:5;position:absolute}.hud--title{top:calc(18px + var(--safe-top));pointer-events:none;left:22px}.hud__eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px;font-size:10px}.hud__title{letter-spacing:.04em;color:#4c3a44;text-shadow:0 1px #ffffff8c,0 8px 24px #5d3c4a2e;font-size:clamp(26px,4.6vw,40px);font-weight:600;line-height:1}.hud__sub{letter-spacing:.12em;color:var(--ink-soft);margin-top:7px;font-size:12.5px}.hud--hint{bottom:calc(20px + var(--safe-bottom));pointer-events:none;text-align:center;width:max-content;max-width:min(86vw,560px);transition:opacity 1.4s;left:50%;transform:translate(-50%)}.hud--hint p{letter-spacing:.14em;color:var(--ink-soft);background:var(--paper);border:1px solid var(--hairline);-webkit-backdrop-filter:var(--hud-blur);box-shadow:var(--shadow-soft);border-radius:999px;padding:8px 18px;font-size:11.5px}.hud--hint.is-hidden{opacity:0}.hud--chips{top:calc(20px + var(--safe-top));background:var(--paper);border:1px solid var(--hairline);-webkit-backdrop-filter:var(--hud-blur);box-shadow:var(--shadow-soft);border-radius:999px;align-items:center;gap:7px;padding:6px 8px 6px 14px;display:flex;right:20px}.chips__label{letter-spacing:.28em;text-transform:uppercase;color:var(--ink-soft);margin-right:2px;font-size:10px}.chip{appearance:none;font:inherit;letter-spacing:.08em;color:var(--ink-soft);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;min-width:30px;min-height:30px;padding:6px 12px;font-size:11.5px;transition:background .35s,color .35s,border-color .35s}.chip:hover{color:var(--ink);background:#ffffff8c}.chip.is-active{color:#fff7f4;background:#4c3a44;border-color:#4c3a44;box-shadow:0 4px 12px #4c3a4447}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hud--clock{bottom:calc(20px + var(--safe-bottom));background:var(--paper);border:1px solid var(--hairline);letter-spacing:.12em;color:var(--ink-soft);-webkit-backdrop-filter:var(--hud-blur);box-shadow:var(--shadow-soft);pointer-events:none;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:11.5px;display:flex;right:20px}.clock__icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:13px;height:13px}.hud--loading{z-index:20;pointer-events:none;background:linear-gradient(#fbeef1 0%,#f6dee6 100%);flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:opacity 1.1s;display:flex;inset:0}.hud--loading p{letter-spacing:.26em;text-transform:uppercase;color:var(--ink-soft);font-size:11.5px}.loading__petal{background:linear-gradient(140deg,#ffd9e3,#f4a9c0);border-radius:60% 40% 55% 45%/55% 45% 60% 40%;width:22px;height:22px;animation:1.6s ease-in-out infinite petal-fall;box-shadow:0 6px 18px #d96a8b59}@keyframes petal-fall{0%{opacity:0;transform:translateY(-14px)rotate(0)}30%{opacity:1}to{opacity:0;transform:translateY(18px)rotate(160deg)}}.hud--loading.is-done{opacity:0}@media (prefers-reduced-motion:reduce){.loading__petal{opacity:1;animation:none;transform:none}.hud--hint,.hud--loading,.chip{transition:none}}@media (width<=640px){.hud--title{left:16px;top:calc(14px + var(--safe-top))}.hud__sub{letter-spacing:.1em;font-size:11px}.hud__eyebrow{margin-bottom:4px;font-size:9px}.hud--chips{top:auto;bottom:calc(64px + var(--safe-bottom));gap:5px;padding:5px 6px 5px 12px;right:50%;transform:translate(50%)}.chips__label{display:none}.chip{min-height:32px;padding:6px 10px;font-size:11px}.hud--clock{bottom:calc(16px + var(--safe-bottom));padding:7px 12px;font-size:10.5px;right:50%;transform:translate(50%)}.hud--hint{bottom:auto;top:calc(86px + var(--safe-top));max-width:78vw}.hud--hint p{padding:7px 14px;font-size:10.5px}}