:root{--ink:#f2efe8;--ink-dim:#f2efe8a8;--paper:#0b1020;--accent:#ffb847;--line:#f2efe82e;--font-jp:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{background:var(--paper);height:100%;color:var(--ink);font-family:var(--font-jp);overscroll-behavior:none;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;overflow:hidden}canvas{display:block}.mobile-break{display:none}@media screen and (max-width:620px){.mobile-break{display:inline}}.world{position:fixed;inset:0}.world canvas{touch-action:none;width:100%;height:100%}.landing{padding:max(28px, env(safe-area-inset-top)) 32px max(28px, env(safe-area-inset-bottom));z-index:20;background:linear-gradient(#04081459,#040814bf);flex-direction:column;justify-content:space-between;transition:opacity .9s;display:flex;position:fixed;inset:0}.landing.hidden{opacity:0;pointer-events:none}.landing-head{letter-spacing:.12em;color:var(--ink-dim);text-transform:uppercase;justify-content:space-between;align-items:baseline;font-size:12px;display:flex}.landing-body{max-width:720px}.landing-title{letter-spacing:.02em;margin:0 0 22px;font-size:clamp(34px,6vw,64px);font-weight:600;line-height:1.15}.landing-lead{color:var(--ink);margin:0 0 30px;font-size:clamp(15px,1.9vw,19px);line-height:2}.landing-lead strong{color:var(--accent);font-weight:600}.landing-foot{color:var(--ink-dim);justify-content:space-between;align-items:flex-end;font-size:12px;line-height:1.8;display:flex}.enter{appearance:none;border:1px solid var(--ink);color:var(--ink);font:inherit;letter-spacing:.2em;cursor:pointer;background:0 0;border-radius:999px;padding:14px 34px;font-size:16px;transition:background .2s,color .2s}.enter:hover{background:var(--ink);color:var(--paper)}.enter:disabled{opacity:.4;cursor:wait}.progress{font-family:var(--font-mono);color:var(--ink-dim);min-height:1.6em;margin-top:16px;font-size:12px}.hud{pointer-events:none;z-index:10;letter-spacing:.06em;font-size:12px;position:fixed;inset:0}.hud .corner{color:var(--ink-dim);line-height:1.7;position:absolute}.hud .tl{top:max(18px, env(safe-area-inset-top));left:22px}.hud .tr{top:max(18px, env(safe-area-inset-top));text-align:right;right:22px}.hud .bl{bottom:max(18px, env(safe-area-inset-bottom));left:22px}.hud .br{bottom:max(18px, env(safe-area-inset-bottom));text-align:right;right:22px}.hud .title{color:var(--ink);letter-spacing:.1em;font-weight:600}.hud .count{font-family:var(--font-mono)}.hud .count b{color:var(--accent);font-weight:600}.hud .panel{pointer-events:auto;flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.hud button{pointer-events:auto;appearance:none;border:1px solid var(--line);color:var(--ink);font:inherit;letter-spacing:.08em;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060a1873;border-radius:999px;padding:8px 14px;font-size:12px}.hud button.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.hud button.flip{border-color:var(--accent);color:var(--accent);font-weight:600}.hud button.flip.on{background:var(--accent);color:#1a1000}.hud input[type=range]{pointer-events:auto;width:160px;accent-color:var(--accent)}.hud .reticle{border:1px solid #ffffffb3;border-radius:50%;width:6px;height:6px;margin:-3px;position:absolute;top:50%;left:50%}.hud .hint{color:var(--ink-dim)}.stats{font-family:var(--font-mono);color:var(--ink-dim)}@media screen and (max-width:620px){.landing{padding:max(20px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom))}.landing-lead{line-height:1.9}.hud .tl,.hud .bl{left:14px}.hud .tr,.hud .br{right:14px}.hud .hint{display:none}}