/* WHERE A WINDOW SITS, AND NOTHING ELSE. This is the placement half of the old public/panels.css, carried across so the HUD design system can own everything a window LOOKS like. .win is position:relative and the design system positions nothing at all, so without this sheet every one of the game's windows lands in the document flow, stacked down the top of . What this file deliberately does not own: any face, rim, shadow, border, colour, font, padding or gap inside a window; any component; any state. If a rule here says how something is drawn rather than where it is, it is in the wrong file - it belongs in docs/hud-ui-design.html, which is re-extracted to public/hud-ui/design.css. It reads no --gs-* token from any other sheet. The old sheet read 52 of them and would have collapsed silently the day play.html stopped loading gs.css: a token that resolves to nothing inside a `width` takes the whole declaration with it. Every one is a literal here, or a token this file declares itself. The z-index literals are the shared Z table (window 20, dialog 80, card 90, scrim 100, menu 120); --gs-hud-scale keeps its old name because src/client/ui.ts reads and writes that exact property on , but its only declaration is now the one below. Loaded LAST, after design.css. Dimensions are in em against the 15px window size, so a placement scales with the window it places. */ /* The always-on HUD is NOT placed here. public/hud.css owns every .hud-* rule, its offsets included, because the world layer is its own language and not this design system's: no box, no plate, no well anywhere on screen while you play. A parchment window is the right answer for a thing you open and close and the wrong answer for a thing that is always there covering the game. This sheet places WINDOWS. A HUD cluster offset appearing below is a bug. */ /* The HUD scale. setHudScale in src/client/ui.ts writes this onto and reads it back, so the default has to be a real declaration somewhere and this sheet is the last one standing. */ :root { --gs-hud-scale: 1.15; } /* The height of the hotbar, which is what the conversation stands on: 34px of slot (hud.css --hud-slot) at the HUD's own 1.15 zoom, rounded up to a whole pixel. */ :root { --hud-bar-h: 40px; } /* ------------------------------------------------------------------ GLOBAL BEHAVIOUR */ /* Three things the old Stonebevel sheet was quietly carrying for the whole document, none of which the design system restates. A drag is this game's main gesture, and without the first rule every drag across a panel paints a text selection instead. The second keeps native scrollbars and the surviving form controls dark on a machine set to a light theme. The third is the colour behind the renderer canvas, which is what a player sees while the map streams. Box-sizing is NOT here: design.css already sets border-box on `*`. */ * { user-select: none; -webkit-user-select: none; } input, textarea, [contenteditable] { user-select: text; -webkit-user-select: text; } html { color-scheme: dark; } html, body { background: #2c2c2f; } /* The page frame. src/client/ui.ts used to write these three declarations into a