/* LOULT_INTERLOULT_MENU_V4: keep loult.com's violet glass and toolbar styling. */
#interloult-widget{position:fixed;z-index:30;top:max(6px,env(safe-area-inset-top,0px));right:max(6px,env(safe-area-inset-right,0px));width:188px;max-width:calc(100vw - 20px);height:auto;box-sizing:border-box;color:#f3f0ff;font:12px/1.45 Verdana,system-ui,sans-serif;text-align:left;isolation:isolate}
#interloult-widget *,#interloult-widget *::before,#interloult-widget *::after{box-sizing:border-box}
#interloult-widget #interloult-toggle{display:flex;align-items:center;gap:6px;width:100%;height:32px;min-height:32px;padding:5px 9px;border:1px solid #b8a5e14d;border-radius:9px;color:#f3f0ff;background:linear-gradient(145deg,#ffffff20,#ffffff06);box-shadow:inset 0 1px #ffffff12,0 3px 12px #0003;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font:inherit;font-weight:700;line-height:1;cursor:pointer;text-align:left;white-space:nowrap;transition:background .15s,border-color .15s}
#interloult-widget #interloult-toggle:hover,#interloult-widget #interloult-toggle[aria-expanded=true]{border-color:#c8aeef88;background:linear-gradient(145deg,#cbb5fa33,#b696ed12)}
#interloult-widget .interloult-symbol{display:block;flex:0 0 16px;width:16px;height:16px;color:#c5a1ff;font-size:19px;line-height:16px;text-align:center}
#interloult-widget .interloult-button-name{flex:1;min-width:0;font-size:13px}
#interloult-widget .interloult-button-name>span,#interloult-widget .interloult-name>span{color:#cbaaff}
#interloult-widget .interloult-chevron{margin-left:1px;color:#c7bbda;font-size:12px;transition:transform .15s}
#interloult-widget [aria-expanded=true] .interloult-chevron{transform:rotate(180deg)}
#interloult-widget .interloult-menu{position:absolute;top:calc(100% + 6px);right:0;display:block;width:max(224px,100%);max-width:calc(100vw - 20px);max-height:calc(100dvh - 60px);overflow:auto;padding:7px;border:1px solid #b8a5e14d;border-radius:12px;color:#f3f0ff;background:linear-gradient(145deg,#252033f7,#12101cf7);box-shadow:0 12px 36px #0008,inset 0 1px #ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
#interloult-widget .interloult-menu[hidden]{display:none!important}
#interloult-widget .interloult-section{display:block;padding:1px 0 5px}
#interloult-widget .interloult-heading{display:block;margin:5px 7px 6px;padding:0;color:#b2a5c4;font-size:10px;font-weight:700;line-height:1.5;letter-spacing:.075em;text-transform:uppercase;white-space:normal}
#interloult-widget .interloult-entry{display:grid;grid-template-columns:12px minmax(0,1fr) auto 26px;align-items:center;column-gap:7px;width:100%;min-height:37px;margin:0;padding:7px 8px;border:1px solid transparent;border-radius:8px;color:#f3f0ff;font:inherit;font-weight:700;line-height:1.25;text-align:left;text-decoration:none;white-space:nowrap}
#interloult-widget .interloult-entry:hover{border-color:#bda3ed44;background:#c5a1ff18}
#interloult-widget .interloult-here{background:#ad82e71a}
#interloult-widget .interloult-name{min-width:0;overflow:hidden;font-size:13px;text-overflow:ellipsis}
#interloult-widget .interloult-count{color:#b9adc9;font-size:11px;font-weight:400;font-variant-numeric:tabular-nums}
#interloult-widget .interloult-badge{padding:3px 4px;border-radius:5px;color:#dac5ff;background:#bd93f928;font:700 9px/1 monospace;text-align:center}
#interloult-widget .interloult-check{color:#c6a1ff;font-size:15px;text-align:center}
#interloult-widget .interloult-arrow{color:#c3a3ef;font-size:17px;font-weight:400;text-align:center}
#interloult-widget .interloult-dot{display:block;width:6px;height:6px;margin:auto;flex:0 0 6px;border-radius:50%;background:#b6a6ce66}
#interloult-widget .interloult-dot[data-state=online]{background:#6edc9b;box-shadow:0 0 0 2px #6edc9b16}
#interloult-widget .interloult-dot[data-state=unknown]{background:#c7ac73}
#interloult-widget .interloult-shared{margin-top:3px;padding:4px 0 1px;border:1px solid #c5a1ff22;border-radius:8px;background:#ffffff05}
#interloult-widget .interloult-shared .interloult-heading{margin-top:3px}
#interloult-widget .interloult-shared .interloult-entry{min-height:35px}
#interloult-widget button:focus-visible,#interloult-widget a:focus-visible{outline:2px solid #d9c7ff;outline-offset:2px}
/* A real header sibling: neither the fixed button nor a scrolling row overlap. */
#interloult-sidebar{display:flex;flex:0 0 auto;flex-direction:column;align-self:flex-start;position:relative;z-index:26;width:var(--loult-rail-width,200px);height:max(0px,calc(100% - var(--loult-rail-reserve,120px)));min-height:0;margin:0;padding:0;overflow:visible;box-sizing:border-box;isolation:isolate}
#interloult-sidebar #interloult-widget{position:relative!important;inset:auto!important;flex:0 0 auto;width:calc(100% - 12px)!important;max-width:none;margin:6px;height:auto!important}
#interloult-sidebar #userlist{display:block!important;position:static!important;inset:auto!important;transform:none!important;visibility:visible!important;pointer-events:auto!important;flex:1 1 0!important;width:100%!important;min-height:0!important;height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;overflow-anchor:none}
#interloult-sidebar .interloult-menu{top:0;right:calc(100% + 8px);width:224px}
body.loult-gaming #interloult-sidebar,body.loult-wow-playing #interloult-sidebar,body.cinema-open #interloult-sidebar,body.loult-gaming #interloult-widget,body.loult-wow-playing #interloult-widget,body.cinema-open #interloult-widget{display:none}
@media(max-width:1024px){
  #interloult-sidebar{position:absolute;top:max(6px,env(safe-area-inset-top,0px));right:max(6px,env(safe-area-inset-right,0px));width:min(200px,calc(100vw - 20px));height:auto;max-height:calc(100% - 12px)}
  #interloult-sidebar #userlist{display:none!important}
  body[data-loult-mobile-users] #interloult-sidebar{width:min(240px,80vw);height:calc(100% - 12px);background:#15101bf5;border:1px solid #c5a1ff33;border-radius:10px}
  body[data-loult-mobile-users] #interloult-sidebar #userlist{display:block!important}
  #interloult-sidebar .interloult-menu{position:relative;inset:auto;width:100%;max-width:100%;max-height:calc(65dvh - 44px);margin-top:6px}
  body.interloult-navigation:not(.cinema-open):not(.loult-gaming):not(.loult-wow-playing) #chat-stage{padding-top:44px}
}
@media(prefers-reduced-motion:reduce){#interloult-widget *,#interloult-widget *::before{transition:none!important}}
.interloult-page{color-scheme:dark;margin:0;background:#15111e;color:#f2edf9;font:17px/1.65 system-ui,sans-serif}
.interloult-page main{max-width:760px;margin:8vh auto;padding:0 24px 60px}
.interloult-page a{color:#d4b7ff}
.interloult-page nav{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:36px;font-size:14px}
.interloult-page h1{font-size:clamp(29px,6vw,44px);line-height:1.15;letter-spacing:-.025em}
.interloult-page h2{font-size:22px;margin-top:34px}
.interloult-page .interloult-label{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#baa5d8}
.interloult-page .interloult-callout{border-left:3px solid #b48de9;padding:12px 18px;background:#251d34;border-radius:0 9px 9px 0}
.interloult-page code{font-size:14px;word-break:break-word}
@media(prefers-reduced-motion:reduce){#interloult-widget{scroll-behavior:auto}}