:root{color-scheme:dark;--ink: #f4efe8;--muted: #cbbfb4;--amber: #e3a36a;--panel: rgba(12, 10, 14, .72)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#100e12;font-family:Segoe UI,system-ui,sans-serif}#app{position:fixed;inset:0}#app canvas{display:block;width:100%;height:100%}#vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 48%,rgba(10,7,8,.48) 100%);z-index:2}#fade{position:fixed;inset:0;background:#07060a;opacity:0;pointer-events:none;transition:opacity .26s ease;z-index:6}#veil{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(ellipse at 50% 80%,rgba(196,122,86,.18),transparent 55%),linear-gradient(180deg,#0c0e1cb8,#100c0ee0);cursor:pointer}#veil[hidden]{display:none}.veil-card{max-width:38rem;text-align:left}.eyebrow,.keys,#shards,#prompt,#link-status,.who{letter-spacing:.16em;text-transform:uppercase}.eyebrow{margin:0 0 12px;color:var(--amber);font-size:12px}h1{margin:0;font-family:Georgia,Iowan Old Style,Palatino,serif;font-weight:500;font-size:clamp(56px,8vw,92px);letter-spacing:-.03em;color:var(--ink)}.lede{margin:18px 0 28px;max-width:36rem;color:var(--muted);font-family:Georgia,Palatino,serif;font-size:18px;line-height:1.45}.hint{margin:0;color:var(--ink);font-size:15px}.keys{margin:18px 0 0;color:#9c9086;font-size:11px;line-height:1.6}#hud{position:fixed;inset:0;z-index:3;pointer-events:none}#hud[hidden]{display:none}#crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#f4efe8d9}#crosshair:before{left:50%;top:0;width:1px;height:100%;transform:translate(-50%)}#crosshair:after{top:50%;left:0;height:1px;width:100%;transform:translateY(-50%)}#shards{position:absolute;top:22px;left:22px;color:var(--ink);font-size:12px;text-shadow:0 1px 2px rgba(0,0,0,.6)}#shard-num{display:inline-block;margin-right:6px;font-family:Georgia,Palatino,serif;font-size:22px;letter-spacing:0;text-transform:none}#shard-num.tick{animation:tick .22s ease}@keyframes tick{0%{transform:translateY(-2px);color:var(--amber)}to{transform:none}}#link-status{position:absolute;top:22px;right:22px;margin:0;color:#d7c4b4;font-size:11px;min-height:1em}#prompt{position:absolute;left:50%;bottom:54px;transform:translate(-50%);margin:0;min-height:1.2em;color:var(--ink);font-size:13px;text-shadow:0 1px 3px rgba(0,0,0,.75)}#dialogue{position:absolute;left:50%;bottom:36px;transform:translate(-50%);width:min(760px,calc(100% - 36px));padding:18px 22px 20px;background:#0e0b0ceb;border-top:2px solid rgba(227,163,106,.95);box-shadow:0 18px 40px #0006}#dialogue[hidden]{display:none}.who{color:var(--amber);font-size:13px;margin-bottom:10px}#dialogue-text{margin:0;color:var(--ink);font-family:Georgia,Iowan Old Style,Palatino,serif;font-size:28px;line-height:1.35}#prompt{bottom:18px}@media(max-width:700px){h1{font-size:48px}#dialogue-text{font-size:22px}.lede{font-size:16px}}