body[data-screen="sala"] .phone-screen{line-height:1.45;aspect-ratio:auto;display:flex;flex-direction:column;min-height:560px}
body[data-screen="sala"] .phone{animation:phone-halo 3.4s ease-in-out infinite}
body[data-screen="sala"] .phone-foot{margin-top:auto}
body[data-screen="sala"] .phone-signal{margin:10px 12px 0;border-radius:16px;border:1px solid #8dff5755;background:linear-gradient(165deg,#14301c,#07110b);box-shadow:0 0 18px #4dff1633;animation:sales-neon 3.2s ease-in-out infinite;transition:opacity .28s ease,transform .28s ease}
body[data-screen="sala"] .phone-signal.is-swap{opacity:.2;transform:translateY(8px) scale(.98)}
body[data-screen="sala"] .phone-signal.down-card{border-color:#ff525255;animation-name:sales-neon-down}
body[data-screen="sala"] .tool-price{animation:price-neon 3.4s ease-in-out infinite}
body[data-screen="sala"] .sales-buy{animation:panel-neon 3.6s ease-in-out infinite}
body[data-screen="sala"] .broker-row li{animation:logo-lift 4.4s ease-in-out infinite}
body[data-screen="sala"] .broker-row li:nth-child(2){animation-delay:.35s}
body[data-screen="sala"] .broker-row li:nth-child(3){animation-delay:.7s}
body[data-screen="sala"] .broker-row li:nth-child(4){animation-delay:1.05s}
body[data-screen="sala"] .broker-row li:nth-child(5){animation-delay:1.4s}
body[data-screen="sala"] .broker-row li:nth-child(6){animation-delay:1.75s}
@keyframes phone-halo{50%{box-shadow:0 28px 70px #000c,0 0 0 1px #000 inset,0 0 36px #4dff1655}}
@keyframes sales-neon{0%,100%{box-shadow:0 0 12px #4dff1633}50%{box-shadow:0 0 26px #4dff1677,0 0 42px #00e67622}}
@keyframes sales-neon-down{0%,100%{box-shadow:0 0 12px #ff525233}50%{box-shadow:0 0 26px #ff525266}}
@keyframes price-neon{0%,100%{text-shadow:0 0 12px #4dff1644}50%{text-shadow:0 0 22px #4dff1688}}
@keyframes panel-neon{0%,100%{box-shadow:0 0 0 transparent}50%{box-shadow:0 0 28px #4dff1633}}
@keyframes logo-lift{0%,100%{transform:translateY(0);box-shadow:0 0 0 transparent}50%{transform:translateY(-5px);box-shadow:0 0 16px #4dff1644}}
.phone-signal{padding:22px 16px 26px;text-align:center}
.phone-signal img{height:36px;width:auto;max-width:120px;object-fit:contain;margin-bottom:12px}
.phone-side{margin:0;font-size:42px;font-weight:800;letter-spacing:-1.5px;line-height:1}
.phone-side.up{color:#00e676;text-shadow:0 0 18px #00e67688}
.phone-side.down{color:#ff5252;text-shadow:0 0 18px #ff525288}
.phone-meta{margin:8px 0 0;color:#d7efe0;font-size:13px}
.room-top{display:flex;align-items:center;gap:10px}
.live-tag{display:inline-flex;align-items:center;gap:8px;color:#b8ffc8;font-size:13px;font-weight:800;letter-spacing:.3px}
.live-tag i{width:8px;height:8px;border-radius:50%;background:#00e676;box-shadow:0 0 10px #00e676;animation:live-dot 1.6s ease-in-out infinite}
@keyframes live-dot{50%{opacity:.4;transform:scale(.75)}}
body[data-screen="sala-room"] .navigation{height:auto;min-height:75px;padding-top:12px;padding-bottom:12px}
.room{max-width:520px;margin:0 auto;padding:16px 16px 36px}
.room h1{font-size:clamp(34px,8vw,48px);letter-spacing:-1.6px;margin:6px 0 8px}
.room-cadence{margin:0 0 8px;color:#c9dcc6;font-size:14px}
.room-count{margin:0 0 14px;font-size:28px;font-weight:800;letter-spacing:1px;color:var(--green);text-shadow:0 0 16px #4dff1655}
.room-now{border:1px solid #8dff5755;border-radius:20px;padding:22px 16px;text-align:center;background:linear-gradient(165deg,#14301c,#07110b);box-shadow:0 0 28px #4dff1622;animation:room-neon 3.2s ease-in-out infinite}
.room-now.card-in{animation:card-in .5s ease,room-neon 3.2s ease-in-out infinite}
.room-now.down-card{border-color:#ff525255;animation-name:room-neon-down}
.room-now.down-card.card-in{animation:card-in .5s ease,room-neon-down 3.2s ease-in-out infinite}
@keyframes room-neon{0%,100%{transform:scale(1);box-shadow:0 0 16px #4dff1633}50%{transform:scale(1.02);box-shadow:0 0 28px #4dff1666,0 0 46px #00e67622}}
@keyframes room-neon-down{0%,100%{transform:scale(1);box-shadow:0 0 16px #ff525233}50%{transform:scale(1.02);box-shadow:0 0 28px #ff525266}}
@keyframes card-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.room-now img{height:42px;width:auto;max-width:140px;object-fit:contain}
.room-side{margin:10px 0 6px;font-size:clamp(56px,16vw,84px);font-weight:800;letter-spacing:-2px;line-height:.9}
.room-side.up{color:#00e676;text-shadow:0 0 24px #00e67666}
.room-side.down{color:#ff5252;text-shadow:0 0 24px #ff525266}
.room-meta{margin:0;color:#d7efe0;font-size:16px}
.room-history{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}
.room-history li{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid #4dff1630;border-radius:12px;padding:10px 12px;background:#07140c;font-size:13px;animation:hist-neon 3.4s ease-in-out infinite}
.room-history li:nth-child(2){animation-delay:.25s}
.room-history li:nth-child(3){animation-delay:.5s}
.room-history li:nth-child(4){animation-delay:.75s}
.room-history li:nth-child(5){animation-delay:1s}
.room-history li:nth-child(6){animation-delay:1.25s}
.room-history li:nth-child(7){animation-delay:1.5s}
.room-history li:nth-child(8){animation-delay:1.75s}
.room-history li img{height:18px;width:auto;max-width:72px;object-fit:contain}
@keyframes hist-neon{0%,100%{transform:translateY(0);box-shadow:0 0 0 transparent}50%{transform:translateY(-2px);box-shadow:0 0 16px #4dff1633}}
.room-history b.up{color:#00e676}
.room-history b.down{color:#ff5252}
@media(min-width:900px){
  .room{max-width:760px;padding:28px 32px 48px}
  .room h1{font-size:56px}
}