/* ---------- THE GLASS (plans/GLASS.md): its own sheet ----------
   The wall layers and the glow over them. One feature, one sheet, the same
   rule as a room. Loaded for every room because every room can wear a wall. */

/* ---------- THE GLASS: the wall layers (plans/GLASS.md) ----------
   The wall a room CHOSE, hung by the shell (rooms/partials.js). It rides the
   same [data-lz="wall"] node the legacy rooms hang, so house-shell-show
   positions and covers it with the rules it already has; what is added here
   is only the light. The slider is the Cellar''s own mechanic made per-room:
   --wall-light is worn by the document (lib/render.js) from the standing
   room''s record, and brightness() on a wall is the shipped precedent from
   cellar.css - a control the READER moves, which the theme law''s no-filter
   rule (a rule about THEMES) never governed. */
/* The wall's picture and video are blocks by one rule, in background.css. */
.house-wall img{filter:brightness(var(--wall-light,1));}

/* ONE GLASS OVER A CHOSEN WALL, EVERY SURFACE IN STEP (Mark, 2026-08-22:
   "WE NEED TO MAKE THE CANVAS SYNC WITH THE PANELS AND HEADER AND THE MODAL
   NEEDS TO CONTROL ALL OF IT... THE BLUR IN CENTER NEEDS TO RESPOND TO DAY
   NITE").

   The first cut gave the canvas a bare blur and left the chrome on its own
   fixed 18px, so the centre read as a different material from the panels
   around it - and with no tint of its own it stayed dark whatever the theme,
   a night canvas in a day room. Now:

   - The CANVAS wears the chrome's own frost family - a color-mix of --panel
     over the blur - so it is the same pane as the banner and the rails, and
     because --panel is a theme token the centre goes light in Day and dark
     in Night by construction.
   - AMENDED 2026-08-23 (Mark: "the sides need to match the middle with one
     adjustment for all"). The canvas used to mix a thinner 42% on purpose,
     "the wall is the feature and the middle is where you look at it" - his
     own ruling, and it stood until his eyes on Novel Forge showed the real
     cost: a control that dims the WALL cannot fix a panel that was never as
     solid as its neighbours, so the centre read as bare no matter where the
     slider sat. The fix retires the split rather than picking a side: this
     rule now reads --wall-mix, the same one value every pane in
     house-shell.css reads, so there is no thinner number left to choose.
   - THE SLIDER (blur) drives every pane exactly as it did: --wall-blur when
     a chosen wall stands, one control in the modal moving the banner, the
     rails, the header and the canvas together. These land after
     house-shell-show's fixed values in the cascade because this sheet loads
     after house-shell.css (the shell rules' own home since the 800-line cut,
     2026-08-23), and that ordering is load-bearing. */
/* The canvas bar sits above the stage in the page flow (hygiene, September 27), so it wears the same
   pane, and the band and the page are one piece of glass. The lounge's pane (house-shell.css) is the
   same one. */
.house-shell-wall .house-stage,
.house-shell-wall .house-canvas-header,
.house-shell-lounge .house-canvas-header{
  background:color-mix(in srgb, var(--panel) var(--wall-mix,62%), transparent);
  backdrop-filter:blur(var(--wall-blur,12px));
  -webkit-backdrop-filter:blur(var(--wall-blur,12px));}
.house-shell-wall .house-banner,
.house-shell-wall .house-left,
.house-shell-wall .house-right,
.house-shell-wall .house-rail{
  backdrop-filter:blur(var(--wall-blur,12px));
  -webkit-backdrop-filter:blur(var(--wall-blur,12px));}
/* THE SEAM AT THE GRIP (Mark, 2026-08-22: "THE RIGHT SIDE OF THE CANVAS
   GLASS HAS A SMALL GAP CLOSE IT"). The 7px resize grips between the canvas
   and the side panels stayed solid --edge while everything around them went
   to glass, and a solid strip between two frosted panes reads as a gap of
   raw wall. On glass they join it - same pane as the canvas - and the hover
   still answers in accent so the handle is still findable. */
.house-shell-show .house-grip{
  background:color-mix(in srgb, var(--panel) var(--wall-mix,62%), transparent);
  backdrop-filter:blur(var(--wall-blur,12px));
  -webkit-backdrop-filter:blur(var(--wall-blur,12px));}
.house-shell-show .house-grip:hover{background:var(--accent);}
/* THE GLOW WITH THE GLASS OFF (Mark, 2026-08-22: "I DONT THINK THE GLOW IS
   WORKING IN NO GLASS MODE" - it was not: turning glass off silenced the
   glow entirely). Glass is the FROST and the glow is the LIGHT, and they are
   separate switches, so glass-off with glow-on paints the wash on the shell
   and opens the centre to it, with no frost on anything. The wash is the
   Community's own two corner lights (community.css). */
.house-shell-glow{background:
  radial-gradient(1500px 950px at 6% -16%, var(--glow), transparent 60%),
  radial-gradient(1250px 850px at 99% -2%, color-mix(in srgb, var(--accent-soft) 62%, transparent), transparent 62%),
  var(--bg);}
.house-shell-glow .house,
.house-shell-glow .house-main,
.house-shell-glow .house-stage{background:transparent;}

/* THE GLOW OVER A WALL (GLASS.md 3): the Community''s two corner lights as a
   LAYER on top of the picture - a background under an opaque wall would be
   invisible, and stacking is what Mark literally asked for. A layer over art,
   never a filter on it. */
.house-glow-over{position:fixed; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(1500px 950px at 6% -16%, var(--glow), transparent 60%),
    radial-gradient(1250px 850px at 99% -2%, color-mix(in srgb, var(--accent-soft) 62%, transparent), transparent 62%);}