:root{--ui-ivory: 233, 228, 214;--ui-red: 205, 92, 62;--ui-fg: rgba(var(--ui-ivory), .85);--ui-fg-dim: rgba(var(--ui-ivory), .45);--ui-fg-faint: rgba(var(--ui-ivory), .24);--ui-serif: "Didot", "Bodoni MT", "Cochin", "Hoefler Text", Georgia, "Times New Roman", serif;--ui-sans: "Avenir Next", "Futura", "Century Gothic", "Segoe UI", system-ui, sans-serif;--z-danger: 10;--z-hud: 20;--z-message: 30;--z-pause: 40;--z-death: 50;--z-title: 60;--z-boot: 70;--t-fade: .6s}html,body{margin:0;padding:0;width:100%;height:100%;background:#000;overflow:hidden}#app{position:fixed;inset:0;background:#000}#app canvas{display:block;width:100%;height:100%}#ui-root{position:fixed;inset:0;pointer-events:none;font-family:var(--ui-sans);color:var(--ui-fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;user-select:none;-webkit-user-select:none}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity var(--t-fade) ease,visibility 0s linear var(--t-fade)}.screen.visible{opacity:1;visibility:visible;transition:opacity var(--t-fade) ease}#boot-screen{position:fixed;inset:0;z-index:var(--z-boot);display:flex;flex-direction:column;align-items:center;justify-content:center;background:#05070b;opacity:1;transition:opacity var(--t-fade) ease}#boot-screen.done{opacity:0;pointer-events:none}.boot-tagline{margin-top:1.1rem;font-family:var(--ui-serif);font-style:italic;font-size:clamp(.85rem,1.6vw,1.05rem);letter-spacing:.14em;color:var(--ui-fg-dim)}.boot-progress{margin-top:3.4rem;width:min(22rem,46vw);height:1px;background:rgba(var(--ui-ivory),.14);overflow:hidden}.boot-progress-fill{width:0%;height:100%;background:rgba(var(--ui-ivory),.7);transition:width .22s ease-out}.boot-status{margin-top:1.1rem;font-family:var(--ui-sans);font-size:.62rem;letter-spacing:.34em;text-transform:uppercase;color:var(--ui-fg-faint)}.screen-title{z-index:var(--z-title);pointer-events:auto;cursor:pointer;background:radial-gradient(ellipse 90% 70% at 50% 46%,#0000002e,#00000085 68%,#000000d1);transition:opacity var(--t-fade) ease,visibility 0s linear var(--t-fade)}.title-word{font-family:var(--ui-serif);font-weight:400;font-size:clamp(3.2rem,9vw,6.8rem);letter-spacing:.5em;text-indent:.5em;color:rgba(var(--ui-ivory),.92);text-shadow:0 0 42px rgba(0,0,0,.85);animation:breathe 7s ease-in-out infinite}.title-sub{margin-top:1.1rem;font-family:var(--ui-serif);font-style:italic;font-size:clamp(.85rem,1.6vw,1.05rem);letter-spacing:.14em;color:var(--ui-fg-dim)}.title-begin{margin-top:4.2rem;font-size:.72rem;letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;color:rgba(var(--ui-ivory),.62);animation:breathe 3.6s ease-in-out infinite}.title-begin-hint{margin-top:.7rem;font-size:.58rem;letter-spacing:.24em;text-indent:.24em;text-transform:uppercase;color:var(--ui-fg-faint)}.title-controls{position:absolute;bottom:2.4rem;left:0;right:0;display:flex;flex-wrap:wrap;justify-content:center;column-gap:2.6rem;row-gap:.6rem;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ui-fg-faint)}.title-controls .key{color:rgba(var(--ui-ivory),.55);margin-right:.55em}.screen-pause{z-index:var(--z-pause);pointer-events:auto;cursor:pointer;background:#0000008c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.pause-word{font-family:var(--ui-serif);font-weight:400;font-size:1.9rem;letter-spacing:.4em;text-indent:.4em;color:rgba(var(--ui-ivory),.85)}.pause-hint{margin-top:1.6rem;font-size:.6rem;letter-spacing:.26em;text-indent:.26em;text-transform:uppercase;color:var(--ui-fg-faint)}.screen-death{z-index:var(--z-death);background:radial-gradient(ellipse 100% 90% at 50% 50%,#00000073,#000000e0);transition:opacity 1.4s ease,visibility 0s linear 1.4s}.screen-death.visible{transition:opacity 1.4s ease}.death-word{font-family:var(--ui-serif);font-style:italic;font-size:clamp(1.2rem,2.6vw,1.7rem);letter-spacing:.1em;color:rgba(var(--ui-ivory),.88);text-shadow:0 0 30px rgba(0,0,0,.9)}.death-cause{margin-top:1.2rem;font-family:var(--ui-serif);font-size:.85rem;letter-spacing:.12em;color:var(--ui-fg-dim)}.death-hint{margin-top:3.4rem;font-size:.6rem;letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:var(--ui-fg-faint);animation:breathe 3.6s ease-in-out infinite}.hud{position:absolute;inset:0;z-index:var(--z-hud);opacity:0;transition:opacity 1.2s ease}.hud.visible{opacity:1}.hud-vitals{position:absolute;left:2rem;bottom:1.9rem;display:flex;flex-direction:column;gap:.62rem}.meter{display:flex;align-items:center;gap:.7rem}.meter-label{width:5.4em;text-align:right;font-size:.52rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ui-fg-faint);transition:color .6s ease}.meter-track{position:relative;width:8rem;height:2px;background:rgba(var(--ui-ivory),.1);overflow:hidden}.meter-fill{position:absolute;inset:0;background:rgba(var(--ui-ivory),.55);transform-origin:left center;transform:scaleX(1);transition:background-color .6s ease}.meter.low .meter-label{color:rgba(var(--ui-ivory),.55)}.meter.low .meter-fill{animation:meter-pulse 2.2s ease-in-out infinite}.meter[data-vital=health].low .meter-fill{background:rgba(var(--ui-red),.85)}.meter[data-vital=health].low .meter-label{color:rgba(var(--ui-red),.75)}.crosshair{position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;border-radius:50%;background:rgba(var(--ui-ivory),.22);box-shadow:0 0 4px #0009;transition:background-color .22s ease,transform .22s ease}.crosshair.hot{background:rgba(var(--ui-ivory),.8);transform:scale(1.35)}.crosshair.prey{background:#e2c678eb;box-shadow:0 0 7px #e2c6788c;transform:scale(1.7)}.hud-charge{position:absolute;left:50%;bottom:3.1rem;transform:translate(-50%);opacity:0;transition:opacity .26s ease}.hud-charge.active{opacity:1}.hud-charge .charge-track{stroke:rgba(var(--ui-ivory),.14)}.hud-charge .charge-fill{stroke:rgba(var(--ui-ivory),.8)}.hud-message{position:absolute;top:13%;left:50%;transform:translate(-50%);z-index:var(--z-message);max-width:32em;text-align:center;font-family:var(--ui-serif);font-style:italic;font-size:1.08rem;letter-spacing:.06em;color:rgba(var(--ui-ivory),.9);text-shadow:0 1px 14px rgba(0,0,0,.9);opacity:0;white-space:pre-line}.danger-edge{position:absolute;inset:0;z-index:var(--z-danger);opacity:0}.danger-edge-inner{position:absolute;inset:0;box-shadow:inset 0 0 18vmax 3vmax #0500008c;animation:danger-breathe 3.2s ease-in-out infinite}.hud-concealed{position:absolute;right:2rem;bottom:1.9rem;width:26px;height:26px;opacity:0;transition:opacity .5s ease}.hud-concealed.visible{opacity:.55}.hud-concealed svg{display:block;width:100%;height:100%;stroke:rgba(var(--ui-ivory),.9);fill:none}@keyframes breathe{0%,to{opacity:.78}50%{opacity:1}}@keyframes meter-pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes danger-breathe{0%,to{opacity:.6}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.title-word,.title-begin,.death-hint,.meter.low .meter-fill,.danger-edge-inner{animation:none}.screen,.screen-death,.hud,.crosshair,.hud-charge,.hud-concealed,.meter-fill,.meter-label{transition-duration:1ms}}