/* ===========================================================================
   THE MODULE WALL, Crest 5. The tile, module and dock styles are the panel's
   own (/notch.css, scoped to .c5); this file only lays the wall out.

   The wall is the app's stage, not a page grid: cells of 175 x 84 on an 8 gap,
   a black ground, and the dock under it. Twenty-four cells pack clean at six
   columns, four, and two, so no width strands a hole.
   =========================================================================== */
.c5wall{position:relative;background:#000;border-radius:22px;padding:18px 18px 10px;margin:0 auto;box-shadow:0 40px 90px -40px rgba(11,12,16,.55);width:max-content;max-width:100%}
.c5w-stage{position:relative}
.c5w-grid{display:grid;grid-template-columns:repeat(6,175px);grid-auto-rows:84px;gap:8px;grid-auto-flow:dense;transition:opacity .12s}
.c5wall .c-tile{position:relative;transform:none;will-change:auto}
.c5wall .c-tile.w2{grid-column:span 2}
.c5w-grid.zoomed{opacity:0;pointer-events:none;transition:opacity .24s}
.c5w-mod{position:absolute;top:0;width:724px;transform-origin:top left}
.c5w-mod .c-modh{cursor:pointer}
.c5w-dock{flex-wrap:nowrap;overflow:hidden}
/* the narration pill sits under the wall, outside the black, like it does under the panel */
@media(max-width:1180px){.c5w-grid{grid-template-columns:repeat(4,175px)}}
@media(max-width:820px){.c5w-grid{grid-template-columns:repeat(2,175px)}.c5w-dock{display:none}.c5wall{padding:14px 14px 14px}}
@media(max-width:420px){.c5wall{padding:1px;border-radius:14px}.c5w-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}