html,body{overscroll-behavior:none;background:#0b0f26;height:100%;margin:0;overflow:hidden}#app{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;width:100vw;height:100dvh;display:flex}#field{cursor:crosshair;touch-action:none;flex:auto;min-width:0;position:relative;overflow:hidden}#field-hud{pointer-events:none;position:absolute;inset:0}#field-hud>*{pointer-events:auto}#panel{flex:0 0 var(--panel-width,320px);overscroll-behavior:contain;touch-action:pan-y;box-sizing:border-box;background:#11173a;height:100%;overflow-y:auto}[data-no-panel] #panel{display:none}:root:not([data-hud-laid]) #panel{visibility:hidden}[data-hud-compact] #panel{z-index:20;width:min(var(--panel-width,320px), 62vw);visibility:hidden;height:auto;transition:transform .16s ease-out,visibility 0s linear .16s;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}[data-hud-portrait] #panel{width:auto;height:auto;max-height:62%;top:auto;left:0;transform:translateY(100%)}[data-hud-compact] #panel.open{visibility:visible;transition:transform .16s ease-out;transform:none}[data-hud-compact] #panel:not(.open){pointer-events:none}.hud-scrim{display:none}[data-hud-compact] .hud-scrim.open{z-index:10;background:#0b0f268c;display:block;position:fixed;inset:0}.pixel-screen{image-rendering:pixelated;image-rendering:crisp-edges;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}