#loult-wow-stage {position:fixed;inset:0;z-index:40;background:#100d18;}
#loult-wow-stage iframe {width:100%;height:100%;border:0;display:block;}
#loult-wow-controls {position:fixed;right:12px;top:38px;z-index:110;display:flex;gap:8px;}
#loult-wow-controls button {padding:8px 12px;border:1px solid #ffffff38;border-radius:16px;color:#fff;background:#20182bdd;cursor:pointer;}
#loult-wow-stage[hidden],#loult-wow-controls[hidden] {display:none;}
body.loult-wow-playing #wow-status {z-index:111;}
body.loult-wow-playing #head, body.loult-wow-playing #userlist, body.loult-wow-playing #underlay { display:none !important; }
body.loult-wow-playing #main { position:fixed !important; left:14px; bottom:150px; width:min(360px,36vw); height:42vh; max-height:430px; z-index:100; display:block; flex:none; min-height:0; background:#130f20c9; border:1px solid #ffffff24; border-radius:14px 14px 0 0; backdrop-filter:blur(12px); opacity:0; pointer-events:none; transform:translateX(-16px); transition:opacity .3s,transform .3s; }
body.loult-wow-playing #chat { width:100% !important; height:100% !important; padding:12px; box-sizing:border-box; overflow:auto; background:transparent !important; }
body.loult-wow-playing #foot { position:fixed !important; left:14px; bottom:58px; width:min(360px,36vw); height:92px; z-index:100; opacity:0; pointer-events:none; background:#130f20ec; border-radius:0 0 14px 14px; transition:opacity .3s; padding:6px; box-sizing:border-box; }
body.loult-wow-playing #room-options, body.loult-wow-playing #chat-controls { display:none !important; }
body.loult-wow-playing.loult-wow-chat-visible #main, body.loult-wow-playing.loult-wow-chat-visible #foot, body.loult-wow-playing #main:hover, body.loult-wow-playing #foot:focus-within { opacity:1; pointer-events:auto; transform:none; }
@keyframes loult-game-enter { from { opacity:0; transform:scale(.94); } to { opacity:1; transform:scale(1); } }
@keyframes loult-game-pulse { 50% { transform:rotate(18deg) scale(1.15); opacity:.6; } }
@media(max-width:650px) { body.loult-wow-playing #main,body.loult-wow-playing #foot { width: min(320px,76vw); } }
@media(prefers-reduced-motion:reduce) { #loult-game-stage,.game-orbit { animation:none; } body.loult-wow-playing #main,body.loult-wow-playing #foot { transition:none; } }
/* Chat HUD: original live messages and input, drawn directly over the map. */
body.loult-wow-playing #main { left:20px; bottom:94px; width:min(660px,75vw); height:190px; max-height:30vh; border:0; border-radius:0; background:transparent !important; backdrop-filter:none; transform:none; box-shadow:none; transition:opacity .25s; }
body.loult-wow-playing #chat { padding:0; scrollbar-width:none; text-shadow:0 1px 3px #000,0 0 5px #000; font:15px/1.4 sans-serif; }
body.loult-wow-playing #chat > div { display:block !important; margin:3px 0 !important; padding:0 !important; border:0 !important; background:transparent !important; min-height:0 !important; }
body.loult-wow-playing #chat > div > :first-child, body.loult-wow-playing #chat > div > :nth-child(3) { display:none !important; }
body.loult-wow-playing #chat > div > :nth-child(2) { display:block !important; margin:0 !important; padding:0 !important; background:transparent !important; }
body.loult-wow-playing #chat > div > :nth-child(2) > div { display:inline !important; margin:0 6px 0 0 !important; padding:0 !important; background:transparent !important; }
body.loult-wow-playing #chat img, body.loult-wow-playing #chat video { max-height:70px; max-width:150px; }
body.loult-wow-playing #foot { left:20px; bottom:52px; width:min(660px,75vw); height:36px; padding:0; border:0; border-radius:0; background:transparent !important; }
body.loult-wow-playing #foot > :not(#input) { display:none !important; }
body.loult-wow-playing #input { width:100%; height:36px; margin:0; box-sizing:border-box; padding:6px 10px; border:0; border-bottom:1px solid #ffffff80; border-radius:0; background:#0008 !important; color:white; font:15px sans-serif; }
body.loult-wow-playing.loult-wow-chat-visible #main, body.loult-wow-playing.loult-wow-chat-writing #main { opacity:1; pointer-events:none; }
body.loult-wow-playing #foot, body.loult-wow-playing.loult-wow-chat-visible #foot { opacity:0; pointer-events:none; }
body.loult-wow-playing.loult-wow-chat-writing #foot { opacity:1; pointer-events:auto; }
body.loult-wow-playing #main:hover { pointer-events:none; }
body.loult-wow-playing #foot > #composer { display:flex !important; width:100%; height:36px; margin:0; padding:0; background:transparent; }
body.loult-wow-playing #composer > :not(#input) { display:none !important; }


/* Current Loult layout wraps the messages in #chat-stage beside the cinema. */
body.loult-wow-playing #main { top:auto !important; right:auto !important; margin:0 !important; }
body.loult-wow-playing #chat-stage { display:block !important; width:100%; height:100%; min-height:0; overflow:hidden; }
body.loult-wow-playing #cinema, body.loult-wow-playing #cinema-controls,
body.loult-wow-playing #footer-actions { display:none !important; }
body.loult-wow-playing #foot { top:auto !important; right:auto !important; margin:0 !important; }