:root{--hudH:calc(var(--px)*34);--dockH:calc(var(--px)*36);--dkw:calc(var(--px)*24)}#hudTop{position:fixed;left:0;right:0;top:0;z-index:50;transition:opacity .2s steps(3),visibility 0s}.statesw{position:fixed;top:calc(var(--hudH) + var(--px)*2);right:calc(env(safe-area-inset-right,0px) + var(--px)*5);z-index:50;display:flex}.statesw button{-webkit-appearance:none;appearance:none;height:calc(var(--px)*20);padding:0 calc(var(--px)*4);margin:0 calc(var(--px)*-1) 0 0;cursor:pointer;font-family:var(--mono);font-size:calc(var(--px)*5);line-height:calc(var(--px)*7);letter-spacing:.06em;text-transform:uppercase;color:var(--mu);border:var(--b2) solid transparent;border-image:var(--fr-board) 2 / var(--b2) stretch;background:var(--p) padding-box}.statesw button:last-child{margin-right:0}.statesw button[aria-checked=true]{position:relative;z-index:1;border-image-source:var(--fr-amber);background-color:#1c1506;color:var(--amb)}.dock{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;justify-content:flex-start;align-items:stretch;padding:calc(var(--px)*4) 0 calc(env(safe-area-inset-bottom,0px) + var(--px)*2) var(--dkpad,0px);background:#111;box-shadow:0 calc(var(--px)*-1) 0 #0a0a0a;transition:opacity .2s steps(3),visibility 0s}.dock:before{content:"";position:absolute;left:0;right:0;top:0;height:calc(var(--px)*3);pointer-events:none;background:var(--rail) left top / calc(var(--px)*32) calc(var(--px)*3) repeat-x}.dk{position:relative;isolation:isolate;-webkit-appearance:none;appearance:none;flex:none;width:var(--dkw);min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--px);padding:calc(var(--px)*2) 0 calc(var(--px)*1);margin:0;cursor:pointer;color:var(--mu);background:transparent;border:var(--b2) solid transparent;font-family:var(--mono);font-size:calc(var(--px)*5);line-height:calc(var(--px)*7);letter-spacing:.02em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.dk canvas{display:block;flex:none;width:calc(var(--px)*16);height:calc(var(--px)*16);image-rendering:pixelated;image-rendering:crisp-edges}.dk span{white-space:nowrap}.dk:hover{color:var(--fg)}.dk:focus-visible{outline:var(--px) solid var(--amb);outline-offset:calc(var(--px)*-2)}.dk[aria-expanded=true],.dk[aria-pressed=true]{border-image:var(--fr-amber) 2 / var(--b2) stretch;background:#1c1506 padding-box;color:var(--amb);text-shadow:var(--glow-a)}.dk[aria-disabled=true]{cursor:default;color:#4a4a4a}.dk[aria-disabled=true] canvas{opacity:.35}.dksep{flex:none;width:var(--px);margin:calc(var(--px)*3) calc(var(--px)*1);background:#2b3337}.bdg{position:absolute;top:0;left:calc(50% + var(--px)*5);min-width:calc(var(--px)*7);height:calc(var(--px)*7);padding:0 var(--px);font-family:var(--mono);font-style:normal;font-weight:700;font-size:calc(var(--px)*5);line-height:calc(var(--px)*7);text-align:center;letter-spacing:0;color:#0a0a0a;background:var(--amb);box-shadow:0 0 0 var(--px) #0a0a0a;text-shadow:none}@media (min-width:900px){.dock{left:var(--dkleft,0px);right:auto;bottom:calc(env(safe-area-inset-bottom,0px) + var(--px)*4);padding:calc(var(--px)*4) calc(var(--px)*3) calc(var(--px)*2);border:var(--b2) solid transparent;border-image:var(--fr-board) 2 / var(--b2) stretch;background:#111111f0 padding-box;box-shadow:none}.dock:before{left:calc(var(--px)*2);right:calc(var(--px)*2)}}@media (orientation:landscape) and (max-height:520px){.dock{left:0;right:auto;top:var(--hudH);bottom:0;flex-direction:column;align-items:stretch;padding:0 calc(var(--px)*2) calc(env(safe-area-inset-bottom,0px) + var(--px)*2) calc(env(safe-area-inset-left,0px) + var(--px)*2);box-shadow:var(--px) 0 0 #0a0a0a}.dock:before{display:none}.dk{width:calc(var(--px)*22);height:var(--dkh,calc(var(--px)*20));padding:0;justify-content:center}.dk span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.dksep{width:auto;height:var(--px);margin:calc(var(--px)*1) calc(var(--px)*3)}.dock .dk.pulse:before{left:auto;right:calc(var(--px)*-11);top:calc(50% - var(--px)*3);animation-name:hudbobx}}@keyframes hudbobx{0%{transform:rotate(90deg) translateY(0)}to{transform:rotate(90deg) translateY(calc(var(--px)*2))}}.sheet{position:fixed;left:0;top:0;right:0;bottom:0;z-index:45;pointer-events:none}.shade{position:absolute;left:0;top:0;right:0;bottom:0;background:#0a0a0a80;opacity:0;pointer-events:auto;transition:opacity .2s steps(3)}.sheet.on .shade{opacity:1}.sheetbox{position:absolute;left:0;right:0;bottom:var(--dockH);display:flex;flex-direction:column;max-height:calc(100% - var(--dockH) - var(--hudH) - var(--px)*30);padding:calc(var(--px)*6) calc(var(--px)*6) 0;pointer-events:auto;outline:none;container:sheet / inline-size;transform:translateY(calc(100% + var(--dockH)));transition:transform .24s steps(6)}.sheet.on .sheetbox{transform:none}.sheethead{flex:none;display:flex;align-items:center;gap:calc(var(--px)*4);padding-bottom:calc(var(--px)*6)}.shic{display:block;flex:none;width:calc(var(--px)*16);height:calc(var(--px)*16);image-rendering:pixelated}.sheetsub{flex:1 1 auto;min-width:0;text-align:right;font-size:calc(var(--px)*6);line-height:calc(var(--px)*9);color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheetx{margin-left:calc(var(--px)*2)}.sheetbody{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:calc(var(--px)*1) 0 calc(var(--px)*8)}@media (min-width:900px),(orientation:landscape) and (max-height:520px){.sheetbox{left:auto;top:var(--hudH);right:calc(env(safe-area-inset-right,0px) + var(--px)*6);bottom:calc(var(--dockH) + var(--px)*2);width:min(calc(var(--px)*196),calc(100% - var(--px)*12));max-height:none;transform:translate(calc(100% + var(--px)*14))}}@media (orientation:landscape) and (max-height:520px){.sheetbox{width:min(calc(var(--px)*210),60%)}}.dk.pulse:after{content:"";position:absolute;left:calc(50% - var(--px)*10);top:calc(var(--px)*1);width:calc(var(--px)*20);height:calc(var(--px)*20);z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#ffb0006b,#ffb00029 60%,#ffb00000);animation:hudpulse 1.2s steps(4) infinite alternate}.dk.pulse{color:var(--amb)}.dk.pulse:before{content:"";position:absolute;left:calc(50% - var(--px)*4);top:calc(var(--px)*-11);width:calc(var(--px)*8);height:calc(var(--px)*5);pointer-events:none;animation:hudbob .7s steps(2) infinite alternate;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' shape-rendering='crispEdges'%3E%3Cpath fill='%230a0a0a' d='M0 0h8v1H0z'/%3E%3Cpath fill='%23ffb000' d='M1 1h6v1H1zM2 2h4v1H2zM3 3h2v1H3z'/%3E%3Cpath fill='%230a0a0a' d='M0 1h1v1H0zM7 1h1v1H7zM1 2h1v1H1zM6 2h1v1H6zM2 3h1v1H2zM5 3h1v1H5zM3 4h2v1H3z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat}@keyframes hudpulse{0%{opacity:.15}to{opacity:1}}@keyframes hudbob{0%{transform:translateY(0)}to{transform:translateY(calc(var(--px)*2))}}.pbtn.pulse{animation:keyhalo 1.2s steps(4) infinite alternate}@keyframes keyhalo{0%{box-shadow:0 0 0 calc(var(--px)*3) #ffb00000}to{box-shadow:0 0 0 calc(var(--px)*3) #ffb000d9,0 0 0 calc(var(--px)*5) #ffb0004d}}.dk.ping canvas{animation:hudping .5s steps(2) 4 alternate}@keyframes hudping{0%{transform:translateY(0)}to{transform:translateY(calc(var(--px)*-2))}}.dk.bump canvas{animation:hudping .18s steps(2) 2 alternate}@media (prefers-reduced-motion:reduce){.pbtn.pulse{box-shadow:0 0 0 calc(var(--px)*3) #ffb000d9}}.fly{position:fixed;left:0;top:0;z-index:58;display:block;image-rendering:pixelated;pointer-events:none}.hotlayer{position:absolute;left:0;top:0;right:0;bottom:0}.hot{position:absolute;-webkit-appearance:none;appearance:none;display:block;padding:0;margin:0;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.hot:hover,.hot:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--s,2px) var(--amb)}html[data-hud=map] .hot{animation:hotpulse 1.6s steps(4) infinite alternate}html[data-hud=map] .hot.here{animation:none;box-shadow:inset 0 0 0 var(--s,2px) var(--amb)}@keyframes hotpulse{0%{box-shadow:inset 0 0 0 var(--s,2px) #ffb00000}to{box-shadow:inset 0 0 0 var(--s,2px) #ffb000b3}}html[data-hud] .b3top,html[data-hud] .b3leave{display:none}html[data-hud=walk] .b3top{display:flex}html[data-hud] .b3nav{bottom:calc(var(--dockH) + var(--px)*5)}html[data-hud] .b3hint{bottom:calc(var(--dockH) + var(--px)*31)}@media (orientation:landscape) and (max-height:520px){html[data-hud] .b3nav{top:calc(var(--hudH) + var(--px)*3);bottom:auto}html[data-hud] .b3hint{top:calc(var(--hudH) + var(--px)*28);bottom:auto}}html[data-hud=walk] #hudTop,html[data-hud=walk] .statesw,html[data-hud=walk] .dock,html[data-hud=intro] .dock{opacity:0;visibility:hidden;transition:opacity .2s steps(3),visibility 0s .2s}html[data-hud=walk] .sheet{display:none}html[data-hud] .toast{top:calc(var(--hudH) + var(--px)*4);bottom:auto;left:var(--toastL,50%);transform:translateY(calc(var(--px)*-4));z-index:60;display:flex;align-items:center;gap:calc(var(--px)*5)}html[data-hud] .toast.on{transform:none}.toast .haul{display:inline-flex;gap:calc(var(--px)*4)}.toast .haul span{display:inline-flex;align-items:center;gap:var(--px);color:var(--amb);font-weight:500;font-variant-numeric:tabular-nums}