body.room-route{flex-direction:column;min-height:100dvh;display:flex}body.room-route>header{order:0}body.room-route>.voice-rooms,body.room-route>.room-loading{order:1}body.room-route>footer{order:2}.voice-rooms.is-docked{display:none!important}body.room-call-active{padding-bottom:88px}.vr-call-dock{z-index:10050;bottom:calc(16px + env(safe-area-inset-bottom));background:var(--pt-surface);width:min(580px,100vw - 24px);color:var(--pt-text);border:1px solid var(--pt-line);border-radius:16px;align-items:center;gap:10px;padding:10px 12px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0002}.vr-call-dock .vr-call-title{min-width:0;color:inherit;flex:1;text-decoration:none}.vr-call-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.vr-call-title small{color:var(--pt-muted);font-size:11px;display:block}.vr-call-dock button{flex:none;min-width:40px;min-height:40px;padding:9px}.vr-call-dock svg{width:18px;height:18px}.vr-call-dock .vr-call-warning{max-width:180px;color:var(--pt-danger);font-size:11px}.room-loading{text-align:center;padding:32px}@media (max-width:600px){.vr-call-dock{bottom:calc(8px + env(safe-area-inset-bottom));gap:6px}.vr-call-dock .vr-call-warning{max-width:100px}.vr-call-dock .vr-call-return{display:none}}body.room-call-active .chat-layout{height:calc(100dvh - 318px);min-height:280px}@media (max-width:650px){body.room-call-active .chat-layout{height:calc(100dvh - 282px);min-height:280px}}@media (max-height:500px){body.room-call-active .chat-layout{height:calc(100dvh - 258px);min-height:140px}}body.room-call-active:has(.piano-page){padding-bottom:0}body.room-call-active .piano-page,body.room-call-active .piano-page .practice-v2{min-height:0;height:calc(100dvh - 88px)!important}.vr-call-gifts{vertical-align:1px;color:#4a2a00;background:linear-gradient(90deg,#ffe9a8,#ffd0e1);border-radius:999px;align-items:center;gap:2px;margin-right:6px;padding:1px 7px;font-size:12px;font-weight:800;animation:.5s ease-out vr-call-gifts;display:inline-flex}@keyframes vr-call-gifts{0%{transform:scale(.6)}70%{transform:scale(1.15)}to{transform:none}}@media (prefers-reduced-motion:reduce){.vr-call-gifts{animation:none}}
