/* «Комната» (десктоп): слой #roomFx между #roomBg и строками песни; наклон телефона и параллакс фона. Модуль — assets/js/room.js */
@property --rx{syntax:'<angle>';inherits:false;initial-value:0deg}
@property --ry{syntax:'<angle>';inherits:false;initial-value:0deg}
@property --bgx{syntax:'<length>';inherits:false;initial-value:0px}
@property --bgy{syntax:'<length>';inherits:false;initial-value:0px}
.room-fx{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.room-bg{filter:blur(42px) brightness(.2) saturate(1.1);transform:translate3d(var(--bgx),var(--bgy),0)}
.room-lyrics{transform:translate3d(calc(var(--kick,0)*1.2px),calc(var(--kick,0)*-2px),0)}
@media (min-width:821px){.phone{transform:translate(-50%,-50%) perspective(1400px) rotateX(var(--rx)) rotateY(var(--ry))}}
@media (prefers-reduced-motion:reduce){.room-lyrics{transform:none}}
.room::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 85% 75% at 50% 50%,transparent 45%,rgba(4,5,9,.6) 100%)}
html.dawn-mix .room::before,html.dawn .room::before{opacity:calc(1 - var(--dawn,0)*.9)}
/* утро рисует сам canvas (небо, солнце); светлая дымка night.css поверх него делала город тусклым — отключена */
html .room::after{display:none}
.room-lyrics{z-index:1}
.room-lyrics .rl{text-shadow:0 2px 28px rgba(4,5,9,.95),0 0 10px rgba(4,5,9,.7)}
/* дыхание тишины — только CSS (canvas после 5 с покоя не перерисовывается) */
@keyframes room-breathe{0%,100%{opacity:.84}50%{opacity:1}}
.room-fx.live{animation:room-breathe 9s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.room-fx.live{animation:none}}
/* днём строки — светлые с тёмным ореолом: читаются и на небе, и на тёмных зданиях */
html.dawn-day .room-lyrics .rl,html.dawn .room-lyrics .rl{color:#FFF6E6!important;text-shadow:0 2px 16px rgba(14,18,30,.9),0 0 5px rgba(14,18,30,.8),0 0 1px rgba(14,18,30,.9)}