:root{--fog: #12140f;--bone: #f0ebe0;--ash: #c2bbb0;--lichen: #e0b85a;--dim: #8a8478;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--fog);color:var(--bone);font-family:IBM Plex Mono,ui-monospace,monospace}body{cursor:crosshair}#field{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.veil{position:fixed;inset:0;pointer-events:none;z-index:20;background:radial-gradient(ellipse 75% 60% at 50% 42%,transparent 0%,transparent 48%,rgba(18,20,15,.28) 75%,rgba(18,20,15,.82) 100%);opacity:1;transition:background .8s ease}.veil.is-entering{background:var(--fog);transition:background .9s cubic-bezier(.7,0,.2,1)}.mast{position:fixed;top:clamp(1.25rem,4vh,2.5rem);left:clamp(1.25rem,4vw,2.75rem);z-index:10;max-width:min(28rem,86vw);pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.55),0 8px 28px rgba(0,0,0,.35)}.mast__sigil{font-size:.75rem;letter-spacing:.35em;color:var(--lichen);margin-bottom:.75rem}.mast__brand{font-family:Syne,system-ui,sans-serif;font-weight:800;line-height:.9;letter-spacing:-.04em;font-size:clamp(2.6rem,9vw,5.5rem);text-transform:uppercase;color:var(--bone)}.mast__word{display:block}.mast__hold{display:block;color:color-mix(in oklab,var(--bone) 78%,var(--ash));font-weight:700;letter-spacing:-.03em}.mast__line{margin-top:1rem;max-width:24rem;font-size:.78rem;line-height:1.6;letter-spacing:.06em;text-transform:uppercase;color:var(--ash)}.hud{position:fixed;left:clamp(1.25rem,4vw,2.75rem);bottom:clamp(3.5rem,10vh,5.5rem);z-index:10;max-width:min(28rem,90vw);padding:1rem 1.15rem 1.1rem;border-left:2px solid color-mix(in oklab,var(--lichen) 70%,transparent);background:linear-gradient(90deg,rgba(12,14,10,.72) 0%,rgba(12,14,10,.35) 70%,transparent 100%);opacity:0;transform:translateY(1rem);transition:opacity .35s cubic-bezier(.2,.8,.2,1),transform .35s cubic-bezier(.2,.8,.2,1);pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.5)}.hud.is-hot{opacity:1;transform:translateY(0)}.hud__index{font-size:.72rem;letter-spacing:.08em;color:var(--lichen);margin-bottom:.45rem;word-break:break-all}.hud__name{font-family:Syne,system-ui,sans-serif;font-weight:700;font-size:clamp(2rem,5.5vw,3.15rem);letter-spacing:-.03em;line-height:1.05;color:var(--bone)}.hud__tag{margin-top:.7rem;font-size:.92rem;line-height:1.5;color:var(--ash);max-width:24rem}.hud__hint{margin-top:.95rem;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.rail{position:fixed;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vh,1.75rem);z-index:10;display:flex;gap:.55rem;align-items:center;font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.45)}.rail__sep{opacity:.45}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:720px){.mast{top:max(1rem,env(safe-area-inset-top));left:1rem;right:1rem;max-width:none}.mast__brand{font-size:clamp(2rem,11vw,2.8rem)}.mast__line{font-size:.68rem;letter-spacing:.05em}.rail{display:flex;left:1rem;right:auto;bottom:max(.75rem,env(safe-area-inset-bottom))}.hud{left:0;right:0;bottom:max(2.75rem,calc(env(safe-area-inset-bottom) + 2.5rem));max-width:none;margin:0 .75rem;padding:.9rem 1rem 1rem;border-left:none;border-top:2px solid color-mix(in oklab,var(--lichen) 70%,transparent);background:linear-gradient(180deg,#0c0e0ad1,#0c0e0a8c)}.hud__name{font-size:clamp(1.75rem,8vw,2.4rem)}}@media(prefers-reduced-motion:reduce){.hud,.veil{transition:none}}