:root{--paper: #f2efe6;--paper-shade: #e6e2d6;--ink: #2b2823;--ink-soft: #6b665c;--stone-light: #ffffff;--stone-dark: #8a8578;--water: #4a8c8a;--accent: #c8622d;--font-serif: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", YuMincho, "Noto Serif JP", "Songti SC", "Times New Roman", "Georgia", serif;--hud-gap: 20px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font-family:var(--font-serif);font-feature-settings:"palt" 1;letter-spacing:.06em;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#app{position:fixed;inset:0;background:var(--paper)}#scene{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}#ui{position:fixed;inset:0;z-index:10;pointer-events:none;padding:calc(var(--hud-gap) + var(--safe-top)) calc(var(--hud-gap) + var(--safe-right)) calc(var(--hud-gap) + var(--safe-bottom)) calc(var(--hud-gap) + var(--safe-left));user-select:none;-webkit-user-select:none}#ui button,#ui a,#ui [data-interactive]{pointer-events:auto;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.hud-topleft,.hud-topright,.hud-bottomleft,.hud-bottomright,.hud-bottomcenter{position:absolute;display:flex;align-items:center;gap:12px}.hud-topleft{top:calc(var(--hud-gap) + var(--safe-top));left:calc(var(--hud-gap) + var(--safe-left));flex-direction:column;align-items:flex-start;gap:4px}.hud-topright{top:calc(var(--hud-gap) + var(--safe-top));right:calc(var(--hud-gap) + var(--safe-right))}.hud-bottomleft{bottom:calc(var(--hud-gap) + var(--safe-bottom));left:calc(var(--hud-gap) + var(--safe-left))}.hud-bottomright{bottom:calc(var(--hud-gap) + var(--safe-bottom));right:calc(var(--hud-gap) + var(--safe-right))}.hud-bottomcenter{bottom:calc(var(--hud-gap) + var(--safe-bottom));left:0;right:0;align-items:center;justify-content:center;flex-direction:column;gap:10px}.hud-title{font-size:20px;font-weight:400;margin:0;letter-spacing:.12em}.hud-sub{font-size:12px;color:var(--ink-soft);letter-spacing:.18em;margin:0}.btn{appearance:none;font:inherit;font-size:14px;letter-spacing:.2em;white-space:nowrap;padding:9px 20px;color:var(--ink);background:transparent;border:1px solid var(--ink);border-radius:0;cursor:pointer;transition:background-color .16s ease,color .16s ease,opacity .16s ease}@media(hover:hover)and (pointer:fine){.btn:hover:not(:disabled){background:var(--ink);color:var(--paper)}.btn--water:hover:not(:disabled){background:var(--water);color:var(--paper)}}.btn:active:not(:disabled){transform:translateY(1px);opacity:.75}.btn:disabled{opacity:.32;cursor:default}.btn--water{border-color:var(--water);color:var(--water)}.btn--round{width:44px;height:44px;padding:0;border-radius:50%;font-size:18px;line-height:1}.view-dots{display:flex;gap:10px}.view-dot{width:8px;height:8px;border:1px solid var(--ink);border-radius:50%;background:transparent;transition:background-color .22s ease}.view-dot.is-active{background:var(--ink)}.is-clear{color:var(--accent);border-color:var(--accent)}@media(prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation-duration:1ms!important}}