/* Website shell only: media, avatar, narration and lifecycle stay in watch.html. */
html,body{height:100%;overflow:hidden}body{height:100dvh;max-width:none;padding:0;display:flex;flex-direction:column}
.website-header{height:64px;flex:0 0 64px;display:flex;align-items:center;justify-content:space-between;padding:10px 32px;border-bottom:1px solid #b996ff25}.website-header img{display:block;width:42px;height:42px;border-radius:12px}.website-header a{color:#c7a3ff;font-size:13px;text-underline-offset:4px}
.website-room .topbar,.website-room .viewer-preview-bar,.website-room .settings{display:none!important}
.website-room .stage{flex:1;min-height:0;padding:18px 32px 12px;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);grid-template-rows:minmax(0,1fr) minmax(260px,.7fr);gap:16px;align-items:stretch}
.website-room .watch-column,.website-room .companion-column{display:contents}.website-room .game-card{grid-column:1;grid-row:1;min-height:0;display:flex;flex-direction:column;position:relative}.website-room .companion{grid-column:2;grid-row:1 / span 2;min-height:0;display:flex;flex-direction:column}.website-room .conversation{grid-column:1;grid-row:2;min-height:0;display:flex;flex-direction:column;padding:14px;margin:0}
.website-room .card-head{padding:10px 14px;flex-shrink:0}.website-room .card-head h2{font-size:13px}.website-room .recorded{font-size:10px}.website-room .launch-panel{min-height:0;flex:1;padding:16px;gap:10px}.website-room .launch-panel strong{font-size:19px}.website-room .launch-panel p{font-size:12px}.website-room .launch-panel .primary{font-size:11px;padding:9px 12px}
.website-room .screen{flex:1;min-height:0;display:flex}.website-room #gameplayPlayer{width:100%;height:100%;min-height:0}.website-room #youtube,.website-room #gameplayView{height:100%!important;width:100%;aspect-ratio:auto;object-fit:contain}.website-room .reaction{padding:10px 14px;min-height:0;flex-shrink:0}.website-room #caption{font-size:12px;line-height:1.5;max-height:36px;overflow:auto}.website-room .reaction-icon{font-size:20px}.website-room #caption:after{font-size:20px}.website-room .controlbar{padding:8px 12px;flex-shrink:0}.website-room .controlbar button{padding:6px 10px;font-size:11px}
.website-room .portrait{padding:12px 12px 0;min-height:0;flex:1;display:flex}.website-room .portrait #avatar,.website-room #standingVideo{height:100%!important;min-height:0;width:100%;max-height:none}.website-room .avatar-empty{padding:24px;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.website-room .avatar-initial{font-size:96px}.website-room .avatar-empty strong{font-size:14px}.website-room .avatar-empty p{display:block;font-size:12px;line-height:1.7}.website-room .companion-head{padding:11px 14px;flex-shrink:0}.website-room .companion-foot{padding:12px 14px;flex-shrink:0}.website-room .companion-foot p{font-size:11px}
.website-room .chat-heading{margin-bottom:8px}.website-room .chat-heading h2{font-size:16px}.website-room .chat-heading span{display:none}.website-access{flex-shrink:0;font-size:11px;line-height:1.5;margin-bottom:10px}.website-access>div{display:flex;align-items:center;gap:16px;margin:6px 0}.website-access a,.website-access button{color:#c7a3ff;font-size:11px;text-underline-offset:3px}.website-access button{padding:0;border:0;background:none}.website-access small{font-size:9px;color:#92829f}.website-access small a{font-size:9px}
.website-room .chat-feed{flex:1;min-height:28px;height:auto;margin:0 0 10px;padding:9px 12px}.website-room .chat-feed #history{font-size:12px;line-height:1.6}.website-room .chat-empty{font-size:11px}.website-room .chat-row{flex-shrink:0}.website-room #message{padding:9px 12px;font-size:12px}.website-room .send{padding:8px 12px}.website-room .chat-bottom{margin:0}.website-room .disclosure{flex:0 0 auto;margin:0;padding:6px 24px;font-size:9px}
.website-room.is-away .stage{display:grid}.website-room #awayPanel{position:absolute;inset:42px 0 0;z-index:5;max-width:none;margin:0;border:0;border-radius:0;grid-template-columns:38% 1fr;box-shadow:none}.website-room .away-photo{height:100%;min-height:0;object-position:50% 20%}.website-room .away-copy{padding:20px;gap:12px}.website-room .away-copy h2{font-size:25px}.website-room .away-copy p{font-size:12px;line-height:1.6}.website-room .away-copy small{font-size:9px}.website-room .away-copy button{font-size:10px;padding:8px 10px}.website-room .away-label{font-size:9px}
@media(max-width:760px){.website-header{height:56px;flex-basis:56px;padding:8px 14px}.website-header img{width:38px;height:38px}.website-room .stage{padding:10px 12px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-rows:minmax(0,1fr) minmax(300px,1.2fr);gap:10px}.website-room .game-card{grid-column:1;grid-row:1}.website-room .companion{grid-column:2;grid-row:1;display:flex}.website-room .conversation{grid-column:1 / -1;grid-row:2;padding:12px}.website-room .companion-head{padding:8px 10px}.website-room .companion-head h2{font-size:13px}.website-room .companion-head span{font-size:8px}.website-room .portrait{padding:8px 8px 0}.website-room .companion-foot{padding:8px;display:block}.website-room .companion-foot p{font-size:9px;margin-bottom:7px}.website-room .audio-button{font-size:9px;padding:5px 7px}.website-room .card-head{padding:8px}.website-room .card-head h2{font-size:11px}.website-room .recorded{display:none}.website-room .launch-panel{padding:12px 8px;gap:10px}.website-room .launch-panel strong{font-size:16px}.website-room .launch-panel p{font-size:10px;line-height:1.5}.website-room .launch-panel .primary{font-size:10px;padding:7px}.website-room .reaction{padding:8px;gap:5px}.website-room #caption{font-size:10px;max-height:42px}.website-room .controlbar{padding:7px}.website-room .controlbar button{font-size:9px;padding:5px}.website-room .away-photo{display:none}.website-room #awayPanel{grid-template-columns:1fr;inset:36px 0 0}.website-room .away-copy{padding:12px;gap:10px}.website-room .away-copy h2{font-size:20px}.website-room .away-copy p{font-size:10px}.website-room .away-copy small{font-size:8px}.website-room .away-label{font-size:8px}.website-room .chat-heading h2{font-size:15px}.website-access{font-size:10px}.website-access>div{gap:12px}.website-access small{font-size:8px}.website-room .disclosure{font-size:8px;padding:5px 12px}.website-room .chat-feed #history{font-size:11px}}
@media(max-height:580px){.website-room .stage{grid-template-columns:minmax(0,1fr) minmax(280px,1fr);grid-template-rows:minmax(0,1fr)}.website-room .game-card{display:none}.website-room .companion{grid-column:1;grid-row:1}.website-room .conversation{grid-column:2;grid-row:1}.website-access small{display:none}.website-room .companion-foot p{display:none}.website-room .disclosure{display:none}}

.website-room .screen:has(#gameplayPlayer[hidden]){display:none}

@media(max-width:760px){.website-room .avatar-empty{padding:12px}.website-room .avatar-initial{font-size:60px}.website-room .avatar-empty strong{font-size:11px}.website-room .avatar-empty p{font-size:10px}}

/* Frame the complete character, trimming only detected solid source padding. */
.website-room #avatar>.violet-live-video{position:absolute!important;inset:0!important;display:block;width:100%!important;height:100%!important;min-width:0;min-height:0;object-fit:contain!important}
.violet-stream-window{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden}
.website-room #avatar .violet-stream-window video{object-fit:contain!important;display:block}