:root{--ink:#1c2118;--paper:#f4f1e8;--muted:#f4f1e89e;--line:#f4f1e838;--jac:#8d7bd8;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:none;background:#0e1410;overflow:hidden}#scene{outline:none;width:100vw;height:100vh;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.overlay{z-index:20;text-align:center;background:radial-gradient(120% 120% at 50% 18%,#8d7bd82e,#0000 55%),linear-gradient(#1a2417 0%,#0e1410 100%);place-items:center;padding:24px;transition:opacity 1s,filter 1s,transform 1s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.overlay.hidden{opacity:0;pointer-events:none}#intro.go{opacity:0;filter:blur(9px)brightness(1.35);pointer-events:none;transform:scale(1.12)}.intro-inner{flex-direction:column;align-items:center;gap:.55rem;max-width:30rem;display:flex}.sitename{font-family:var(--mono);letter-spacing:.32em;text-transform:uppercase;color:var(--muted);font-size:.78rem}.title{letter-spacing:-.02em;margin:.1rem 0 .15rem;font-size:clamp(2.4rem,9vw,4.2rem);font-weight:600;line-height:1}.place{font-family:var(--mono);color:var(--muted);font-size:.85rem}.enter{font-family:var(--mono);letter-spacing:.04em;color:var(--paper);border:1px solid var(--jac);cursor:pointer;background:#8d7bd829;border-radius:999px;margin-top:1.4rem;padding:.7rem 1.5rem;font-size:.9rem;transition:background .2s,transform .2s,opacity .2s}.enter:hover{background:#8d7bd852;transform:translateY(-1px)}.enter:disabled{opacity:.4;cursor:progress;border-color:var(--line);background:0 0}.legend{font-family:var(--mono);color:var(--muted);flex-direction:column;gap:.35rem;margin-top:1.5rem;font-size:.78rem;list-style:none;display:flex}.legend b{color:var(--paper);font-weight:600}.loadline{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);min-height:1em;margin-top:1.6rem;font-size:.72rem}.hud{z-index:10;pointer-events:none;transition:opacity .8s;position:fixed;top:0;bottom:0;left:0;right:0}.hud.hidden{opacity:0;pointer-events:none}.chip{font-family:var(--mono);letter-spacing:.02em;color:var(--paper);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line);background:#0e14106b;border-radius:999px;padding:.45rem .85rem;font-size:.74rem;position:fixed}.place-chip{top:max(16px, env(safe-area-inset-top));left:16px}.sound{top:max(16px, env(safe-area-inset-top));pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s,border-color .2s;right:16px}.sound[aria-pressed=true]{color:var(--jac);border-color:var(--jac)}.hint{left:50%;bottom:max(18px, env(safe-area-inset-bottom));font-family:var(--mono);color:var(--muted);text-align:center;text-shadow:0 1px 8px #00000080;max-width:92vw;padding:0 16px;font-size:.7rem;transition:opacity 1.2s;position:fixed;transform:translate(-50%)}.hint.fade{opacity:0}.hint .touch{display:none}@media (pointer:coarse){.hint .kb{display:none}.hint .touch{display:inline}}.sig{right:16px;bottom:max(16px, env(safe-area-inset-bottom));font-family:var(--mono);color:var(--muted);pointer-events:auto;font-size:.7rem;text-decoration:none;position:fixed}.sig:hover{color:var(--paper)}@media (max-width:640px){.hint{font-size:.62rem}.legend{font-size:.72rem}}@media (prefers-reduced-motion:reduce){.overlay,.hud{transition:none}}