:root{--hud-inset: clamp(.5rem, 1.5vh, 1.25rem);--pull-tab-width: 1.75rem;--panel-bg: rgba(20, 20, 20, .95);--panel-border: 1px solid #333;--panel-radius: .5rem;--panel-blur: blur(.625rem);--color-bg: #0a0a0a;--color-surface: #1a1a1a;--color-border: #333;--color-text-primary: #fff;--color-text-secondary: #aaa;--color-text-muted: #888;--color-accent: #2563eb;--color-brand: #C9A961;--color-danger: #ff4136;--color-success: #16a34a;--color-cluster: #7c3aed;--font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-brand: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-size-xs: clamp(.5rem, 1.2vh, .6875rem);--font-size-sm: clamp(.5625rem, 1.4vh, .75rem);--font-size-base: clamp(.625rem, 1.6vh, .875rem);--font-size-lg: clamp(.75rem, 1.8vh, 1rem);--font-size-xl: clamp(.75rem, 2vh, 1.125rem);--font-size-2xl: clamp(1.25rem, 4vh, 2.25rem);--space-xs: clamp(.125rem, .3vh, .25rem);--space-sm: clamp(.1875rem, .5vh, .5rem);--space-md: clamp(.375rem, .8vh, .75rem);--space-lg: clamp(.5rem, 1.2vh, 1rem);--space-xl: clamp(.625rem, 1.5vh, 1.25rem);--space-2xl: clamp(.75rem, 2vh, 1.5rem)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{width:100vw;height:100vh}.hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.hud>*{pointer-events:auto}.hud-panel{background:var(--panel-bg);border:var(--panel-border);border-radius:var(--panel-radius);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);overflow-y:auto}.hud-header{position:absolute;top:var(--hud-inset);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.hud-controls{position:absolute;bottom:var(--hud-inset);left:50%;transform:translate(-50%)}.drawers-left{position:absolute;top:var(--hud-inset);bottom:var(--hud-inset);left:0;z-index:3;display:flex;flex-direction:column;gap:var(--space-md);pointer-events:none}.drawers-left>*{pointer-events:auto}.drawer{display:flex;transition:transform .25s ease}.pull-tab{flex-shrink:0;width:var(--pull-tab-width);background:var(--panel-bg);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);color:var(--color-text-muted);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.0625rem;cursor:pointer;border:var(--panel-border);display:flex;align-items:center;justify-content:center;writing-mode:vertical-lr;-webkit-user-select:none;user-select:none;transition:color .15s,border-color .15s}.pull-tab:hover{color:var(--color-text-primary)}.pull-tab.active{color:var(--color-accent);border-color:var(--color-accent)}.drawer--left{flex-direction:row}.drawer--left .pull-tab{border-radius:0 var(--panel-radius) var(--panel-radius) 0;border-left:none}.drawer--left .drawer-body{max-width:min(20rem,calc(100vw - var(--pull-tab-width) - var(--hud-inset)))}.drawer--right{flex-direction:row-reverse}.drawer--right .pull-tab{border-radius:0 var(--panel-radius) var(--panel-radius) 0;border-left:none;text-orientation:mixed;transform:rotate(180deg)}.drawer--right .drawer-body{max-width:min(20rem,calc(100vw - var(--pull-tab-width) - var(--hud-inset)))}.drawer-body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden}.drawer-body>.hud-panel{min-height:100%;display:flex;flex-direction:column;justify-content:space-between}.drawer--filter{flex:1 1 0;min-height:0}.drawer--filter .drawer-body{min-height:0}.drawer--filter.closed{transform:translate(calc(-100% + var(--pull-tab-width)));flex:0 0 auto}.drawer--legend{flex:1 1 0;min-height:0;margin-top:auto}.drawer--legend .drawer-body{min-height:0}.drawer--legend.closed{transform:translate(calc(-100% + var(--pull-tab-width)));flex:0 0 auto}.drawer--stats{position:absolute;z-index:3;top:var(--hud-inset);right:0;bottom:var(--hud-inset)}.drawer--stats.closed{transform:translate(calc(100% - var(--pull-tab-width)))}.drawer--stats .drawer-body{flex:1;min-height:0}::-webkit-scrollbar{width:var(--space-sm)}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--space-xs)}::-webkit-scrollbar-thumb:hover{background:#444}button{transition:all .2s ease}button:hover{filter:brightness(1.1)}button:active{transform:scale(.98)}@media(max-width:90em){.help-text{display:none}}