.vuicahat-room-shell[data-room-shell=shared]{grid-template-columns:var(--vuicahat-room-people-width) minmax(0, 1fr) var(--vuicahat-room-interaction-width);grid-template-rows:minmax(0,1fr);gap:0;min-width:0;min-height:0;padding:0;display:grid;overflow:hidden}.vuicahat-room-shell[data-room-shell=shared]>[data-room-region]{min-width:0;min-height:0}.vuicahat-room-shell[data-room-shell=shared]>[data-room-region=people]{grid-column:1}.vuicahat-room-shell[data-room-shell=shared]>[data-room-region=stage]{grid-column:2}.vuicahat-room-shell[data-room-shell=shared]>[data-room-region=interaction]{grid-column:3}@media (min-width:768px){.vuicahat-room-shell[data-room-shell=shared].web-room-frame{aspect-ratio:auto;width:min(100% - 1rem,160dvh);max-height:none;--vuicahat-room-people-width:clamp(13rem, 19vw, 22rem)!important;--vuicahat-room-interaction-width:clamp(20rem, 25vw, 30rem)!important;max-width:none!important;height:min(100dvh - 1rem,94dvh)!important}.vuicahat-room-shell[data-room-shell=shared].web-room-frame [data-room-region=interaction] .room-interaction-panel [data-room-chat-scroll=true]{flex:2;min-height:0}.vuicahat-room-shell[data-room-shell=shared].web-room-frame [data-room-region=interaction] .room-interaction-panel{min-height:0;overflow:hidden}.vuicahat-room-shell[data-room-shell=shared].web-room-frame [data-room-region=interaction] .room-interaction-panel [data-room-chat-composer=true]{flex:none;min-height:0}.vuicahat-room-shell[data-room-shell=shared].web-room-frame [data-room-region=interaction] .room-interaction-panel [data-room-gift-shelf=true]:not([data-room-gift-compact=true]){box-sizing:border-box;flex-direction:column;flex:0 auto;min-height:9rem;max-height:clamp(9rem,28dvh,22rem);display:flex;overflow:hidden}.vuicahat-room-shell[data-room-shell=shared].web-room-frame [data-room-region=interaction] .room-interaction-panel [data-room-gift-grid=true]{flex:auto;min-height:0;max-height:none;overflow-y:auto}.vuicahat-room-shell[data-room-shell=shared].web-room-frame [data-room-region=interaction] .room-interaction-panel [data-room-gift-submit=true]{flex:none}.vuicahat-room-shell[data-room-shell=shared][data-room-game-expanded=true].web-room-frame{width:min(100% - 1rem,160dvh)}}@media (min-width:768px) and (max-height:760px){.vuicahat-room-shell[data-room-shell=shared].web-room-frame{--vuicahat-room-interaction-width:clamp(19rem, 28vw, 26rem)!important}.vuicahat-room-shell[data-room-shell=shared].web-room-frame .room-interaction-panel [data-room-gift-shelf=true]:not([data-room-gift-compact=true]){grid-template-rows:auto auto minmax(2.5rem,1fr) auto;min-height:9rem;max-height:clamp(9rem,22dvh,11rem);padding:.375rem;display:grid;overflow:hidden}.vuicahat-room-shell[data-room-shell=shared].web-room-frame .room-interaction-panel [data-room-chat-composer=true]{padding:.5rem}.vuicahat-room-shell[data-room-shell=shared].web-room-frame .room-interaction-panel [data-room-gift-grid=true]{flex:auto;gap:.25rem;min-height:2.5rem;max-height:none}.vuicahat-room-shell[data-room-shell=shared].web-room-frame .room-interaction-panel [data-room-gift-grid=true]>button{gap:.25rem;min-height:2.5rem;padding:.25rem}.vuicahat-room-shell[data-room-shell=shared].web-room-frame .room-interaction-panel [data-room-gift-header=true]{flex:none;margin-bottom:.25rem}.vuicahat-room-shell[data-room-shell=shared].web-room-frame .room-interaction-panel [data-room-gift-header=true] h3{gap:.25rem;font-size:.65rem}.vuicahat-room-shell[data-room-shell=shared].web-room-frame .room-interaction-panel [data-room-gift-header=true] select{max-width:7rem;padding:.2rem .35rem;font-size:.55rem}.vuicahat-room-shell[data-room-shell=shared].web-room-frame .room-interaction-panel [data-room-gift-shelf=true] .room-gift-categories{box-sizing:border-box;flex:none;overflow:hidden;gap:.125rem!important;margin-bottom:.25rem!important;padding:.2rem!important}.vuicahat-room-shell[data-room-shell=shared].web-room-frame .room-interaction-panel [data-room-gift-shelf=true] .room-gift-categories .vuicahat-room-segmented-tab{min-height:1.4rem!important;padding:.15rem .3rem!important;font-size:.55rem!important}.vuicahat-room-shell[data-room-shell=shared].web-room-frame .room-interaction-panel [data-room-gift-grid=true]{box-sizing:border-box;flex:auto;gap:.25rem;max-height:none;padding-right:0;display:grid;overflow-y:auto}.vuicahat-room-shell[data-room-shell=shared].web-room-frame .room-interaction-panel [data-room-gift-grid=true]>button{border-radius:.6rem;gap:.25rem;min-height:2.5rem;padding:.25rem;overflow:hidden}.vuicahat-room-shell[data-room-shell=shared].web-room-frame .room-interaction-panel [data-room-gift-grid=true]>button>span:first-child{font-size:1.1rem}.vuicahat-room-shell[data-room-shell=shared].web-room-frame .room-interaction-panel [data-room-gift-grid=true]>button span:nth-child(2){min-width:0}.vuicahat-room-shell[data-room-shell=shared].web-room-frame .room-interaction-panel [data-room-gift-grid=true]>button span:nth-child(2)>span:first-child{font-size:.58rem}.vuicahat-room-shell[data-room-shell=shared].web-room-frame .room-interaction-panel [data-room-gift-grid=true]>button span:nth-child(2)>span:last-child{gap:.2rem;margin-top:.1rem;font-size:.62rem}.vuicahat-room-shell[data-room-shell=shared].web-room-frame .room-interaction-panel [data-room-gift-grid=true]>button svg{width:.8rem;height:.8rem}.vuicahat-room-shell[data-room-shell=shared].web-room-frame .room-interaction-panel [data-room-gift-submit=true]{flex:none;gap:.3rem;min-height:1.8rem;margin-top:0}.vuicahat-room-shell[data-room-shell=shared].web-room-frame .room-interaction-panel [data-room-gift-submit=true] p{font-size:.55rem}.vuicahat-room-shell[data-room-shell=shared].web-room-frame .room-interaction-panel [data-room-gift-submit=true] button{height:1.8rem;padding:.25rem .5rem;font-size:.6rem}}@media (min-width:768px) and (max-width:1023px){.vuicahat-room-shell[data-room-shell=shared]{grid-template-columns:minmax(0, 1fr) var(--vuicahat-room-interaction-width)}.vuicahat-room-shell[data-room-shell=shared]>[data-room-region=people]{display:none}.vuicahat-room-shell[data-room-shell=shared]>[data-room-region=stage]{grid-column:1}.vuicahat-room-shell[data-room-shell=shared]>[data-room-region=interaction]{grid-column:2}}@media (max-width:767px){.vuicahat-room-shell[data-room-shell=shared]{grid-template-columns:minmax(0,1fr)}.vuicahat-room-shell[data-room-shell=shared]>[data-room-region=people],.vuicahat-room-shell[data-room-shell=shared]>[data-room-region=interaction]{display:none}.vuicahat-room-shell[data-room-shell=shared]>[data-room-region=stage]{grid-column:1}}