/* ===================================================================== ROUND 48 — THE INTERFACE SKIN (painted wood, gold leaf, a lit forest). Owner, 2026-10-15: "spend more time making buttons look better too, the GUI and main menus are so boring I want to cry. art will sell the game." Loaded LAST (index.html), so every rule here re-dresses the shared vocabulary of styles.css §4 — .pb-screen, .pb-btn*, .pb-panel, .pb-card, .pb-chip, .pb-bar, .pb-title — without touching a single size, testid, label or handler. The art is in assets/ui/ (WebP, painted with the local image model, see docs/design/round48-ui.md for every file and its size). THE RULES THIS FILE KEEPS 1. No size changes. Paddings, min-heights and font sizes of every control stay what styles.css says, so tap targets (52px, 48px under 380 wide, 44px for the small ones) and every measured fit (fitHero, the level-up grid, the Trail) are untouched. Painted frames are drawn with border-image-width INSIDE the existing padding; nothing is outset. 2. Every image has a flat colour beside it. A file that is slow or never loads leaves the control on a plain wood or walnut colour that still reads, never on nothing. 3. Nothing animates per frame. Backgrounds and frames are static images the compositor rasterises once; the press feel is a 2px move and a shorter shadow, the same transform the base rule already used. No new filters on anything that moves. 4. The in-run HUD keeps its own dark, high-contrast look; only the pause button and the bars' rims pick up the wood and brass. 5. Screens that inject their own