:root{--void: #03050a;--ink: #e8e4d9;--muted: #8a8578;--accent: #c9a227;--accent-dim: #7a6418;--cyan: #6ec8d4;--panel: rgba(6, 10, 18, .55);--line: rgba(232, 228, 217, .12);--display: "Cormorant Garamond", Georgia, serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;background:var(--void);color:var(--ink);font-family:var(--mono)}#webgpu-canvas{display:block;width:100%;height:100%;position:fixed;inset:0;z-index:0}.world-fade{position:fixed;inset:0;z-index:30;background:var(--void);opacity:1;pointer-events:none;transition:opacity 4.2s cubic-bezier(.33,0,.2,1)}.world-fade.reveal{opacity:0}.boot-screen{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(201,162,39,.08),transparent 55%),radial-gradient(ellipse 100% 100% at 50% 100%,rgba(10,20,40,.9),var(--void));transition:opacity 1.2s ease,visibility 1.2s ease}.boot-screen.fade-out{opacity:0;visibility:hidden;pointer-events:none}.boot-inner{text-align:center;max-width:28rem;padding:2rem}.boot-eyebrow{font-size:.65rem;letter-spacing:.45em;color:var(--accent);margin-bottom:1.25rem;text-align:center}.boot-title-track{display:flex;justify-content:center;width:100%}.boot-title{--title-tracking: .28em;display:inline-flex;justify-content:center;align-items:baseline;gap:var(--title-tracking);margin:0;padding:0;font-family:var(--display);font-weight:400;font-size:clamp(3.5rem,12vw,6rem);letter-spacing:0;line-height:1;text-shadow:0 0 60px rgba(201,162,39,.35)}.boot-title span{display:block}.boot-sub{font-family:var(--display);font-style:italic;font-size:1.15rem;color:var(--muted);margin:1rem 0 2rem}.boot-status{font-size:.7rem;letter-spacing:.12em;color:var(--cyan);min-height:1.2em;margin-bottom:1.5rem;opacity:.85}.enter-btn{appearance:none;border:1px solid var(--accent);background:transparent;color:var(--ink);font-family:var(--mono);font-size:.75rem;letter-spacing:.28em;text-transform:uppercase;padding:1rem 2rem;cursor:pointer;transition:background .35s ease,box-shadow .35s ease,color .35s ease}.enter-btn:disabled{opacity:.35;cursor:wait;border-color:var(--muted)}.enter-btn:not(:disabled):hover{background:#c9a22726;box-shadow:0 0 40px #c9a22733;color:#fff}.boot-hint{margin-top:1.75rem;font-size:.6rem;letter-spacing:.08em;color:var(--muted);line-height:1.6}.hud{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:1;transition:opacity 1.8s ease .6s}.hud.hidden{opacity:0;transition:none}.hud>*{pointer-events:none}.hud button{pointer-events:auto}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;font-size:.65rem;letter-spacing:.22em;color:var(--muted);border-bottom:1px solid transparent;background:linear-gradient(to bottom,rgba(3,5,10,.65),transparent)}.hud-brand{display:flex;align-items:center;gap:.6rem}.hud-mark{color:var(--accent);animation:pulse 4s ease-in-out infinite}.hud-label{font-size:.55rem;letter-spacing:.3em;color:var(--accent-dim);padding:0 0 .75rem}.hud-bottom{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;padding:1.5rem 1.75rem 1.75rem;background:linear-gradient(to top,rgba(3,5,10,.75),transparent)}.focus-panel h2{font-family:var(--display);font-weight:400;font-size:2.4rem;letter-spacing:.08em;line-height:1.1}.focus-desc{margin-top:.4rem;max-width:28rem;font-size:.7rem;line-height:1.55;letter-spacing:.04em;color:var(--muted)}.subtitle{position:absolute;left:50%;bottom:18vh;transform:translate(-50%);max-width:min(40rem,88vw);text-align:center;font-family:var(--display);font-style:italic;font-size:clamp(.95rem,2vw,1.25rem);line-height:1.45;color:#e8e4d9e0;text-shadow:0 2px 18px rgba(0,0,0,.85);pointer-events:none;opacity:0;transition:opacity .6s ease;z-index:22}.subtitle.visible{opacity:1}.vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.55) 100%);pointer-events:none;z-index:15}.film-grain{position:absolute;inset:0;pointer-events:none;z-index:16;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .5s steps(2) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-1%,1%)}50%{transform:translate(1%,-1%)}75%{transform:translate(-1%,-1%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media(max-width:720px){.focus-panel h2{font-size:1.6rem}}@media(prefers-reduced-motion:reduce){.film-grain,.hud-mark{animation:none}}