[hidden]{display:none!important}:root{--ink: #f4efe7;--ink-dim: #c9bfb0;--panel: rgba(28, 24, 20, .62);--panel-solid: #1c1814;--accent: #c8a874;--line: rgba(244, 239, 231, .18)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0f0d0b;color:var(--ink);font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif}canvas#view{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#loader{position:fixed;inset:0;display:grid;place-content:center;gap:10px;text-align:center;background:radial-gradient(ellipse at center,#2a231c,#0f0d0b 70%);z-index:20}#loader .brand{font-size:34px;letter-spacing:.3em;font-weight:300}#loader .sub{color:var(--ink-dim);letter-spacing:.2em;font-size:13px}#loader .bar{width:min(320px,70vw);height:2px;background:var(--line);margin:18px auto 4px;overflow:hidden}#loader .bar i{display:block;height:100%;width:0;background:var(--accent);transition:width .2s}#loadtext{color:var(--ink-dim);font-size:12px}#intro{position:fixed;inset:0;display:grid;place-items:center;background:#0a08068c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:15;padding:16px}#intro .card{background:var(--panel-solid);border:1px solid var(--line);border-radius:14px;padding:28px 30px;max-width:440px;width:100%}#intro h1{margin:0 0 6px;font-weight:400;letter-spacing:.12em;font-size:24px}#intro .lead{margin:0 0 18px;color:var(--ink-dim)}#intro .keys{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:9px;font-size:14px}kbd{display:inline-block;min-width:22px;padding:1px 6px;margin-right:3px;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;font:12px/18px ui-monospace,monospace;text-align:center;color:var(--ink)}#enter{width:100%;padding:12px;border:0;border-radius:9px;background:var(--accent);color:#1c1814;font-size:16px;letter-spacing:.3em;cursor:pointer}#enter:hover{filter:brightness(1.08)}.hint{color:var(--ink-dim);font-size:12px;margin:12px 0 0;text-align:center}.touch-only{display:none}body.touch .touch-only{display:block}#hud>*{position:fixed;z-index:10}#room{top:16px;left:50%;transform:translate(-50%);padding:6px 16px;border-radius:999px;background:var(--panel);letter-spacing:.2em;font-size:14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#crosshair{top:50%;left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#ffffffbf;box-shadow:0 0 0 1px #00000059}#crosshair.active{width:12px;height:12px;margin:-6px 0 0 -6px;background:transparent;border:2px solid var(--accent)}#prompt{top:calc(50% + 22px);left:50%;transform:translate(-50%);font-size:13px;padding:4px 10px;border-radius:6px;background:var(--panel);opacity:0;transition:opacity .15s;white-space:nowrap}#prompt.show{opacity:1}#toolbar{right:16px;top:16px;display:flex;gap:8px}#toolbar button{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:9px;padding:7px 11px;font-size:13px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#toolbar button.on{border-color:var(--accent)}#minimap{right:16px;bottom:16px;width:min(360px,42vw);aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#111;box-shadow:0 6px 24px #0006;cursor:crosshair}#minimap.hidden{display:none}#minimap canvas{width:100%;height:100%;display:block}#toast{left:50%;bottom:28px;transform:translate(-50%);padding:7px 14px;border-radius:8px;background:var(--panel);font-size:13px;opacity:0;transition:opacity .25s;pointer-events:none}#toast.show{opacity:1}#stick{left:22px;bottom:22px;width:120px;height:120px;border-radius:50%;border:1px solid var(--line);background:#1c181459;display:none;touch-action:none}#stick i{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:#f4efe78c}body.touch #stick{display:block}body.touch #crosshair{display:none}@media(max-width:640px){#toolbar button span{display:none}#minimap{width:46vw}}