html,body{height:100%;margin:0;overflow:hidden}#app{width:100%;height:100%;position:relative}#app canvas{touch-action:none;width:100%;height:100%;display:block}.board-vignette{position:absolute;inset:0}.hud-corner{top:var(--edge-game);left:var(--edge-game);align-items:flex-start;gap:var(--space-5);flex-direction:column;display:flex;position:absolute}.hud-steps{max-height:40vh;overflow-y:auto}@media (width<=999px){.hud-steps{margin-top:calc(var(--size-rail) * 2);max-height:30vh}}.hud-options{top:var(--edge-game);right:var(--edge-game);position:absolute}.hud-pause{top:var(--edge-game);right:calc(var(--edge-game) + var(--size-control) + var(--space-4));position:absolute}@media (width<=999px){.hud-pause{top:calc(var(--edge-game) + var(--size-control) + var(--space-4));right:var(--edge-game)}}.hud-save{top:var(--edge-game);right:calc(var(--edge-game) + (var(--size-control) + var(--space-4)) * 2);position:absolute}@media (width<=999px){.hud-save{top:calc(var(--edge-game) + var(--size-control) + var(--space-4));right:calc(var(--edge-game) + var(--size-control) + var(--space-4))}}.hud-pause-cue,.hud-link{position:absolute;top:25%;left:50%;transform:translate(-50%)}.hud-dock{bottom:var(--edge-game);left:var(--edge-game);right:var(--edge-game);align-items:center;gap:var(--space-5);pointer-events:none;flex-direction:column;display:flex;position:absolute}.hud-dock>*{pointer-events:auto}.hud-flow-legend[hidden]{display:none}.hud-compass{align-self:flex-start}@media (width>=1000px){.hud-compass{position:absolute;bottom:0;left:0}}.hud-top{align-items:center;gap:var(--space-5);pointer-events:none;flex-direction:column;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.hud-top>.hud-strip,.hud-top .ui-toast{pointer-events:auto}@media (width<=999px){.hud-top{left:auto;right:calc(var(--edge-game) + var(--size-control) + var(--space-7));transform:none}.hud-toasts{top:calc(var(--edge-game) + 3 * (var(--size-control) + var(--space-4)));position:fixed;left:50%;transform:translate(-50%)}.hud-strip .ui-strip__cell{gap:var(--space-1);padding:0 var(--space-1)}.hud-strip .ui-strip__icon{width:var(--size-icon);height:var(--size-icon);padding:0}}.hud-dev-toasts{top:var(--size-rail);pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.account-card{gap:var(--space-5);padding:var(--space-7);display:grid}.hud-error{align-items:center;gap:var(--space-5);flex-direction:column;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-buildmenu{box-sizing:border-box;max-width:100%}.hud-card,.hud-events-panel{--slot-top:calc(var(--edge-game) + 2 * (var(--size-control) + var(--space-4)) + var(--space-4));top:var(--slot-top);right:var(--edge-game);max-height:calc(100% - var(--slot-top) - 2 * var(--size-rail) - var(--size-control));position:absolute}.hud-events-panel{flex-direction:column;display:flex}@media (width>=1200px){.hud-tuning .hud-card{right:calc(var(--edge-game) + var(--size-card) + var(--space-4))}}@media (width<=999px){.hud-card,.hud-events-panel{--slot-top:calc(var(--edge-game) + 3 * (var(--size-control) + var(--space-4)) + var(--space-4))}}.hud-card{display:flex}.hud-card[hidden],.hud-events-panel[hidden]{display:none}.hud-events{top:var(--edge-game);right:calc(var(--edge-game) + (var(--size-control) + var(--space-4)) * 3);position:absolute}@media (width<=999px){.hud-events{top:calc(var(--edge-game) + var(--size-control) + var(--space-4));right:calc(var(--edge-game) + (var(--size-control) + var(--space-4)) * 2)}}@media (width<=599px){.hud-events-panel{top:auto;left:var(--edge-game);max-height:62%;bottom:0}.hud-tuning .hud-events-panel{max-height:80%}.hud-events-panel>.ui-drawer-panel{--drawer-width:auto}}.hud-day-readout{top:calc(var(--edge-game) + var(--size-control) + var(--space-4));right:var(--edge-game);position:absolute}@media (width<=999px){.hud-day-readout{top:calc(var(--edge-game) + 2 * (var(--size-control) + var(--space-4)))}}.hud-walking>:not(.hud-day-readout):not(.hud-top):not(.hud-link):not(.hud-walk-hint):not(.hud-walk-fade),.hud-walking .hud-top>:not(.hud-toasts){display:none}.hud-walk-hint{bottom:var(--edge-game);pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.hud-walk-fade{position:absolute;inset:0}.dev-walk-debug{top:var(--edge-game);left:var(--edge-game);pointer-events:none;white-space:pre;position:fixed}