:root{--ink:#2b2925;--ink-soft:#6d685f;--surface:#faf7f1c7;--surface-active:#2b2925;--on-active:#f6f2ea;--hairline:#2b29251a;color:var(--ink);font-family:Hiragino Sans,Yu Gothic UI,Noto Sans JP,system-ui,sans-serif}html,body,#root{height:100%;margin:0}body{overscroll-behavior:none;background:#e8e3da;overflow:hidden}canvas{touch-action:none}.overlay{pointer-events:none;position:fixed;inset:0}.overlay[data-night=true]{--ink:#f1ece2;--ink-soft:#b1ab9f;--surface:#1e2129b8;--surface-active:#f1ece2;--on-active:#22252d;--hairline:#f1ece224}.dock{padding:0 12px calc(14px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;inset:auto 0 0}.pill{border:1px solid var(--hairline);background:var(--surface);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);max-width:100%;color:var(--ink);font:inherit;pointer-events:auto;box-sizing:border-box;border-radius:999px;align-items:center;gap:2px;margin:0;padding:4px;display:flex;box-shadow:0 6px 24px #00000014}button{cursor:pointer}button:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.modes,.places{gap:2px;display:flex}.modes{border-right:1px solid var(--hairline);flex:none;padding-right:6px}.places{scrollbar-width:none;border-radius:0 999px 999px 0;min-width:0;padding-left:4px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14px calc(100% - 14px),#0000);mask-image:linear-gradient(90deg,#0000,#000 14px calc(100% - 14px),#0000)}.bar button{color:var(--ink-soft);font:inherit;letter-spacing:.04em;white-space:nowrap;background:0 0;border:0;border-radius:999px;flex:none;padding:7px 13px;font-size:13px;line-height:1.2;transition:background-color .2s,color .2s}.places button:hover{color:var(--ink)}.bar button[aria-pressed=true]{background:var(--surface-active);color:var(--on-active)}.night{top:calc(14px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right));color:var(--ink-soft);padding:9px;position:absolute}.night svg{display:block}.hint{background:var(--surface);color:var(--ink-soft);letter-spacing:.06em;white-space:nowrap;border-radius:999px;margin:0;padding:4px 11px;font-size:11px}.prompt{letter-spacing:.08em;white-space:nowrap;pointer-events:none;border-radius:18px;flex-direction:column;gap:6px;padding:14px 26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.prompt strong{font-size:14px;font-weight:500}.prompt span{color:var(--ink-soft);font-size:11px}.interact{letter-spacing:.06em;gap:8px;padding:9px 18px;font-size:14px;line-height:1.2}.interact kbd{border:1px solid var(--ink-soft);min-width:1.5em;font:inherit;text-align:center;box-sizing:border-box;border-radius:5px;padding:2px 0;font-size:12px}.aim{flex-direction:column;align-items:center;gap:28px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-3px)}.aim .interact{pointer-events:none}.crosshair{background:#ffffffe6;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 1px #00000059}