:root{--accent:#E9A24B;--amber:#E9A24B;--amber-soft:#F4D9A8;--ink:#EDE7DB;--ink-dim:#8a857a;--serif:"Bodoni Moda", Georgia, serif;--sans:"Archivo", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:#05060a;color:var(--ink);font-family:var(--sans);overflow:hidden;cursor:none;-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}#gl{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0}.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 46%,transparent 52%,rgba(0,0,0,.55) 100%)}.meridian{position:fixed;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;color:var(--accent);opacity:.7;transition:color .6s var(--ease)}.sun{position:fixed;z-index:5;width:34px;height:34px;transform:translate(-50%,-50%);border:0;background:transparent;cursor:grab;padding:0}.sun:active{cursor:grabbing}.sun-core{position:absolute;inset:0;margin:auto;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle,#FFF4E0,var(--amber) 70%);box-shadow:0 0 18px 4px #e9a24bb3}.sun-glow{position:absolute;inset:-14px;border-radius:50%;border:1px solid rgba(233,162,75,.35)}.sun.is-moon .sun-core{background:radial-gradient(circle at 38% 38%,#eaf0ff,#9fb0d8 72%);box-shadow:0 0 16px 3px #96aadc8c}.sun.is-moon~.meridian{color:#9fb0d8}.sun:after{content:"";position:absolute;inset:-13px;border-radius:50%;box-shadow:0 0 0 1px #ffffff0f}.time-read{position:fixed;top:calc(6vh + 26px);left:50%;transform:translate(-50%);z-index:5;text-align:center;pointer-events:none;font-family:var(--mono)}.time-read #timeLabel{font-size:12px;letter-spacing:.4em;color:var(--amber-soft)}.tr-sub{display:block;margin-top:6px;font-size:10px;letter-spacing:.22em;color:var(--ink-dim)}.hud{position:fixed;inset:0;z-index:6;pointer-events:none;font-family:var(--mono);font-size:11px;letter-spacing:.1em}.hud>div{position:absolute;display:flex;flex-direction:column;gap:4px;padding:26px 30px}.hud-tl{top:0;left:0}.hud-tr{top:0;right:0;text-align:right;align-items:flex-end}.mark{font-size:12px;letter-spacing:.26em;color:var(--ink);pointer-events:auto;cursor:none;background:none;border:0;padding:0;font-family:var(--mono);transition:color .3s var(--ease)}.mark:hover{color:var(--accent)}.sub{color:var(--ink-dim)}#roomIndex{font-size:12px;letter-spacing:.24em;color:var(--accent);transition:color .5s var(--ease)}#roomName{transition:color .5s var(--ease)}.discovery{position:fixed;left:34px;bottom:15vh;z-index:6;max-width:min(46ch,74vw);pointer-events:none;opacity:0;transform:translateY(20px);filter:blur(6px);transition:opacity .9s var(--ease),transform 1s var(--ease),filter .9s var(--ease)}.discovery.show{opacity:1;transform:none;filter:blur(0)}.discovery .poi{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;transition:color .5s var(--ease)}.discovery .line{display:block;font-family:var(--serif);font-size:clamp(24px,3.6vw,44px);line-height:1.12;color:var(--ink)}.discovery .rhint{display:inline-block;margin-top:16px;font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--ink-dim);border:1px solid rgba(233,162,75,.35);border-radius:30px;padding:8px 16px}.plan-wrap{position:fixed;right:30px;bottom:26px;z-index:6;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.plan-title{font-family:var(--mono);font-size:10px;letter-spacing:.3em;color:var(--ink-dim)}.plan{display:flex;flex-direction:column;align-items:flex-end;gap:11px}.plan-dot{display:flex;align-items:center;gap:10px;background:none;border:0;cursor:none;font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--ink-dim);padding:0;transition:color .4s var(--ease)}.plan-dot .pd-name{opacity:0;transform:translate(6px);transition:opacity .4s var(--ease),transform .4s var(--ease)}.plan-dot .pd-dot{width:7px;height:7px;border:1px solid var(--ink-dim);border-radius:50%;transition:all .4s var(--ease)}.plan-dot:hover .pd-name{opacity:1;transform:none}.plan-dot:hover .pd-dot{border-color:var(--ink)}.plan-dot.on{color:var(--accent)}.plan-dot.on .pd-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--accent)}.plan-dot.on .pd-name{opacity:1;transform:none;color:var(--accent)}.sound-btn{position:fixed;left:30px;bottom:26px;z-index:6;display:inline-flex;align-items:center;gap:9px;background:none;border:0;cursor:none;font-family:var(--mono);font-size:10px;letter-spacing:.24em;color:var(--ink-dim);transition:color .4s var(--ease)}.sound-btn:hover,.sound-btn.on{color:var(--ink)}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.eq i{width:2px;height:4px;background:currentColor;display:block}.sound-btn.on .eq i{animation:eq .9s ease-in-out infinite}.sound-btn.on .eq i:nth-child(2){animation-delay:.2s}.sound-btn.on .eq i:nth-child(3){animation-delay:.4s}@keyframes eq{0%,to{height:3px}50%{height:12px}}.hint{position:fixed;left:50%;bottom:8vh;transform:translate(-50%);z-index:6;display:flex;gap:26px;pointer-events:none;opacity:0;transition:opacity 1.2s var(--ease)}.hint.show{opacity:1}.hint span{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--ink-dim);position:relative}.hint span:before{content:"·";position:absolute;left:-15px;color:var(--accent)}.hint span:first-child:before{display:none}@media (min-width:821px){.hint{animation:hintfade 1s var(--ease) 9s forwards}}@keyframes hintfade{to{opacity:0}}.lantern{position:fixed;top:0;left:0;z-index:20;pointer-events:none;transform:translate(-50%,-50%)}.lantern span{display:block;width:26px;height:26px;border:1px solid rgba(255,255,255,.5);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s var(--ease),height .3s var(--ease),opacity .3s}.lantern.grab span{width:12px;height:12px;background:#e9a24b66}.lantern.hide span{opacity:0}.colophon{position:fixed;inset:0;z-index:80;background:#05060aeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;text-align:center;opacity:0;visibility:hidden;transition:opacity .6s var(--ease),visibility .6s}.colophon.open{opacity:1;visibility:visible}.colo-inner{display:flex;flex-direction:column;align-items:center;gap:20px;padding:8vw}.colo-line{width:1px;height:52px;background:linear-gradient(var(--amber),transparent)}.colo-word{font-family:var(--serif);font-size:clamp(40px,9vw,104px);letter-spacing:.08em;color:var(--ink)}.colo-poem{font-family:var(--serif);font-style:italic;font-size:clamp(16px,2.6vw,23px);line-height:1.7;color:#b6afa0}.colo-meta{margin-top:20px;display:flex;flex-direction:column;gap:7px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--ink-dim)}.colo-reset{margin-top:22px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);background:none;border:1px solid rgba(233,162,75,.5);border-radius:40px;padding:14px 26px;cursor:none;transition:all .4s var(--ease)}.colo-reset:hover{background:var(--amber);color:#05060a;border-color:var(--amber)}.colo-close{position:absolute;top:24px;right:28px;width:44px;height:44px;border-radius:50%;background:none;border:1px solid rgba(255,255,255,.2);color:var(--ink);font-family:var(--mono);cursor:none;transition:all .3s var(--ease)}.colo-close:hover{background:var(--amber);color:#05060a;border-color:var(--amber)}.preloader{position:fixed;inset:0;z-index:100;background:#05060a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:opacity 1.1s var(--ease),visibility 1.1s}.preloader.done{opacity:0;visibility:hidden}.pre-spark{width:8px;height:8px;border-radius:50%;background:var(--amber-soft);box-shadow:0 0 30px 8px #e9a24bb3;margin-bottom:20px;animation:spark 2.4s var(--ease) infinite}@keyframes spark{0%,to{transform:scale(.6);opacity:.6}50%{transform:scale(1.3);opacity:1}}.pre-word{font-family:var(--serif);font-size:clamp(30px,7vw,60px);letter-spacing:.3em;padding-left:.3em;color:var(--ink)}.pre-sub{font-family:var(--serif);font-style:italic;font-size:clamp(13px,2.4vw,17px);color:var(--ink-dim)}.pre-meter{margin-top:24px;font-family:var(--mono);font-size:11px;letter-spacing:.24em;color:var(--amber)}@media (max-width:820px){.hud>div{padding:16px 18px}.discovery{left:18px;right:18px;bottom:20vh;max-width:none}.plan-wrap{right:16px;bottom:18px}.plan-dot .pd-name{display:none}.sound-btn{left:16px;bottom:18px}.hint{gap:16px;bottom:11vh}.lantern{display:none}.time-read{top:auto;bottom:6vh}}@media (prefers-reduced-motion:reduce){.pre-spark,.hint{animation:none}.discovery{transition:opacity .4s linear;transform:none;filter:none}}