:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f7efe2;--ink-dim:#f7efe2b8;--wine:#6b2c2c;--wine-deep:#4a1c1c;--gold:#d4af37;--panel:#1c100c8c;--shadow:0 18px 50px #00000059;font-family:Noto Serif SC,Songti SC,serif}*{box-sizing:border-box}html,body,#app{background:#1a100c;width:100%;height:100%;margin:0;overflow:hidden}#scene{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}#scene.grabbing{cursor:grabbing}.hidden{display:none!important}.panel,.hud{pointer-events:none;position:absolute;inset:0}.gate{z-index:40;pointer-events:auto;background:radial-gradient(at 50% 30%,#6b2c2c8c,#0000 55%),linear-gradient(160deg,#2a1410 0%,#1a100c 55%,#120a08 100%);justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.gate-card{width:min(420px,100vw - 40px);color:var(--ink);box-shadow:var(--shadow);text-align:center;background:linear-gradient(160deg,#5c2424f0,#2a1410f0),#3b1a16;border:1px solid #d4af3747;border-radius:24px;padding:36px 32px 28px}.gate-card h1{margin:8px 0 18px;font-family:ZCOOL XiaoWei,Noto Serif SC,serif;font-size:2rem;font-weight:400}.gate-prompt{color:var(--ink-dim);margin:0 0 18px;font-size:1rem}.gate-form{flex-direction:column;gap:12px;display:flex}.gate-form input{appearance:none;width:100%;color:var(--ink);font:inherit;text-align:center;background:#00000047;border:1px solid #d4af3759;border-radius:999px;outline:none;padding:14px 18px}.gate-form input::placeholder{color:#f7efe259}.gate-form input:focus{border-color:#d4af37b3;box-shadow:0 0 0 3px #d4af3726}.gate-error{color:#f0c9a0;min-height:1.2em;margin:14px 0 0;font-size:.92rem}.loader-card,.top-bar,.center-cta,.bottom-bar,.demo-badge,.sound-toggle{pointer-events:auto}.loader-card{width:min(420px,100vw - 40px);color:var(--ink);box-shadow:var(--shadow);text-align:center;background:linear-gradient(160deg,#5c2424eb,#2a1410eb),#3b1a16;border:1px solid #d4af3747;border-radius:24px;padding:36px 32px 28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader-card h1{margin:8px 0 12px;font-family:ZCOOL XiaoWei,Noto Serif SC,serif;font-size:2rem;font-weight:400}.loader-kicker,.kicker{letter-spacing:.18em;text-transform:uppercase;color:#f3e2a8bf;margin:0;font-size:.72rem}.loader-text{color:var(--ink-dim);margin:0 0 18px}.loader-bar{background:#ffffff14;border-radius:999px;height:4px;overflow:hidden}#loader-fill{background:linear-gradient(90deg, #f3e2a8, var(--gold));width:0%;height:100%;transition:width .2s;display:block}.hud{padding:max(16px, env(safe-area-inset-top)) 20px max(16px, env(safe-area-inset-bottom));flex-direction:column;justify-content:space-between;display:flex}.top-bar{color:var(--ink);text-shadow:0 2px 16px #00000073;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.top-bar h1{margin:6px 0 0;font-family:ZCOOL XiaoWei,Noto Serif SC,serif;font-size:clamp(1.4rem,3vw,2rem);font-weight:400}.sound-toggle{background:var(--panel);color:var(--ink-dim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;display:inline-flex}.center-cta{background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);color:var(--ink);border:1px solid #d4af3738;border-radius:22px;flex-direction:column;align-self:center;align-items:center;gap:14px;padding:22px 26px;display:flex}.center-cta .hint{color:var(--ink-dim);margin:0;font-size:.95rem}.bottom-bar{background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);border:1px solid #ffffff14;border-radius:20px;flex-wrap:wrap;justify-content:center;align-self:center;align-items:center;gap:10px;max-width:min(920px,100%);padding:12px;display:flex}.page-meta{text-align:center;min-width:min(240px,70vw);color:var(--ink);padding:0 8px}#page-caption{margin:0;font-size:1rem}#page-index{color:var(--ink-dim);margin:4px 0 0;font-size:.82rem}.btn{appearance:none;font:inherit;cursor:pointer;color:var(--ink);border:0;border-radius:999px;padding:12px 18px;transition:transform .15s,background .15s,opacity .15s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn.primary{background:linear-gradient(180deg, #8a3a3a, var(--wine-deep));border:1px solid #d4af3759;min-width:160px;box-shadow:0 10px 24px #00000047}.btn.secondary{color:#f3e2a8;background:#d4af3729;border:1px solid #d4af3766}.btn.ghost{background:#ffffff0f;border:1px solid #ffffff1a}.demo-badge{left:20px;bottom:max(16px, env(safe-area-inset-bottom));color:#f7efe28c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#00000047;border-radius:999px;margin:0;padding:8px 12px;font-size:.75rem;position:absolute}@media (width<=720px){.top-bar{flex-direction:column;align-items:stretch}.bottom-bar{width:100%}.demo-badge{display:none}.page-meta{order:-1;width:100%}}