/* «Кино» — dark cinema: full-bleed video, brand teal, floors as glowing isometric slabs, the plan lit on black. */
:root {
  --bg: #0C0D0E; --ink: #F4F4F2; --muted: #9EA3A8; --line: rgba(255,255,255,.14); --panel: #141517; --panel-ink: #F4F4F2;
  --accent: #00B4C4; --accent-ink: #04262A;
  --veil: linear-gradient(180deg, rgba(8,9,10,.55) 0%, rgba(8,9,10,.05) 28%, rgba(8,9,10,.45) 58%, rgba(8,9,10,.94) 100%),
    linear-gradient(90deg, rgba(8,9,10,.55), transparent 60%);
  --plan-bg: #0C0D0E; --outline: #0F1113; --outline-stroke: #464B51; --ctx: #16181B; --ctx-void: #0B0C0E;
  --unit-stroke: #5A6068; --g-shop: #2E353D; --g-anchor: #414C58; --g-food: #4A4130; --g-leisure: #3E3850; --hot: #00B4C4;
  --lbl: #E9ECEE; --esc: #4C5157;
}
.s-intro h1 { text-shadow: 0 8px 60px rgba(0,0,0,.35); }
.s-intro .kick { color: #7FE3EC; }
body[data-screen="mall"] .veil { background: linear-gradient(90deg, rgba(8,9,10,.86), rgba(8,9,10,.45) 50%, rgba(8,9,10,.15)),
  linear-gradient(180deg, rgba(8,9,10,.5), transparent 30%, rgba(8,9,10,.92)); }
.figures { border-top-color: rgba(255,255,255,.22); }
.fig b { color: #fff; }
.s-levels { background: radial-gradient(ellipse at 30% 50%, rgba(0,180,196,.10), transparent 60%); }
.plate { filter: drop-shadow(0 18px 24px rgba(0,0,0,.45)); }
.slab .mini-outline .o { fill: rgba(255,255,255,.05); }
.slab:hover .plate, .slab.is-hot .plate { filter: drop-shadow(0 0 22px rgba(0,180,196,.5)); }
.plan-svg .unit:hover, .plan-svg .unit:focus-visible, .plan-svg .unit.sel { filter: drop-shadow(0 0 6px rgba(0,180,196,.9)); }
.plan { border-color: rgba(255,255,255,.08); background: radial-gradient(ellipse at center, #121417, #0B0C0D 70%); }
.pp-panel { border-left: 1px solid var(--line); }