/* Shared Maple surfaces. Page-specific sheets preserve each tool's existing layout. */
html:has(> body.ui-maple-v2),html:has(> body.home-v2){background:#f7f1e3;color-scheme:light}
:is(body.home-v2,body.ui-maple-v2){
  --site-content-max:1480px;
  --maple-page:#f7f1e3;--maple-surface:#fffaf0;--maple-panel:#f3e7d0;
  --maple-line:#c7ad88;--maple-text:#493d32;--maple-muted:#6d5944;
  --maple-accent:#9d4524;--maple-positive:#38642c;--maple-purple:#755098;
}
body.home-v2{background-color:#f7f1e3;color:#493d32}
body.ui-maple-v2{
  --bg:var(--maple-page);--outer:var(--maple-page);--page:var(--maple-surface);
  --panel:var(--maple-surface);--panel2:var(--maple-panel);--panel-2:var(--maple-panel);--card:var(--maple-surface);
  --text:var(--maple-text);--muted:var(--maple-muted);--muted2:var(--maple-muted);--line:var(--maple-line);--line2:var(--maple-line);--red:#a33f37;
  --accent:var(--maple-accent);--cyan:var(--maple-accent);--mint:var(--maple-positive);--gold:#956319;
  --ui-bg:var(--maple-page);--ui-panel:var(--maple-surface);--ui-panel2:var(--maple-panel);
  --ui-line:var(--maple-line);--ui-text:var(--maple-text);--ui-muted:var(--maple-muted);--ui-cyan:var(--maple-accent);--ui-gold:#956319;
  min-height:100vh;background:var(--maple-page)!important;color:var(--maple-text)!important;color-scheme:light;
}
body.ui-maple-fan{--site-content-max:1660px}
body.ui-maple-v2 .equipFilterGrid .cselect-btn{background:var(--maple-surface)!important;color:var(--maple-text)!important;border-color:var(--maple-line)!important}
body.ui-maple-v2 .equipFilterGrid .cselect.open .cselect-btn{background:var(--maple-panel)!important;border-color:var(--maple-accent)!important}
body.ui-maple-v2 :is(input,select,textarea){background:var(--maple-surface)!important;color:var(--maple-text)!important;border-color:var(--maple-line)!important;accent-color:var(--maple-positive);color-scheme:light}
body.ui-maple-v2 option{background:var(--maple-surface);color:var(--maple-text)}
body.ui-maple-v2 :is(input,select,textarea):disabled{background:#ece4d6!important;color:#8a7b67!important}
body.ui-maple-v2 :is(input,select,textarea)[aria-invalid="true"]{border-color:#b5483f!important;background:#fff0ec!important}
body.ui-maple-v2 :is(.updateBox,.skillUpdateBox){background:var(--maple-surface)!important;border-color:var(--maple-line)!important;color:var(--maple-text)!important}
body.ui-maple-v2 :is(.updateTitle,.skillUpdateBox summary){background:var(--maple-panel)!important;border-color:var(--maple-line)!important;color:var(--maple-text)!important}
body.ui-maple-v2 :is(.updateRow,.updateItem){border-color:#e2d3bb!important;color:var(--maple-text)!important}
body.ui-maple-v2 :is(.updateDate,.skillUpdateDate){color:var(--maple-muted)!important}
body.ui-maple-v2 .updateTime{color:var(--maple-muted)!important}
body.ui-maple-v2 .updateText{color:var(--maple-text)!important}
body.ui-maple-data .jt-levelTable__badge{background:#f4d287;color:#694919}
body.ui-maple-data .stageTools input{box-sizing:border-box;min-width:0;max-width:100%}
body.ui-maple-v2 :is(.qnaContactBar,.qna-contact-bar){background:var(--maple-panel)!important;border-color:var(--maple-line)!important;color:var(--maple-text)!important}

/* Information pages keep their readable article width and table of contents. */
body.ui-maple-info .infoHeader{background:#fffaf0f7;border-color:var(--maple-line)}
body.ui-maple-info .infoHeaderInner{height:88px}
body.ui-maple-info .infoToc{top:108px}
body.ui-maple-info .infoArticle section{scroll-margin-top:108px}
body.ui-maple-info .infoBrand{position:relative;display:block;width:126px;height:84px;padding:0}
body.ui-maple-info .infoBrand .mapleSiteHeader__brandArt{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
body.ui-maple-info .infoBrand img:first-child{position:absolute;z-index:1;left:33%;top:13%;width:38%;height:24%;object-fit:contain}
body.ui-maple-info :is(.infoToc,.infoArticle){background:var(--maple-surface);border-color:var(--maple-line);box-shadow:0 3px 0 #ddcaae}
body.ui-maple-info :is(.infoHome,.infoToc a,.infoLead,.infoArticle p){color:var(--maple-muted)}
body.ui-maple-info :is(.infoToc strong,.infoArticle h1,.infoArticle h2,.infoArticle strong){color:var(--maple-text)}
body.ui-maple-info :is(.infoEyebrow,.infoArticle a){color:var(--maple-accent)!important}
body.ui-maple-info .infoArticle section{border-color:var(--maple-line)}
body.ui-maple-info .infoCallout{background:var(--maple-panel);border-color:var(--maple-line);color:var(--maple-text)!important}
body.ui-maple-info .infoButton{background:var(--maple-panel);border-color:var(--maple-line);color:var(--maple-accent)}
body.ui-maple-info .infoButton:hover{background:#ecd8b5}

/* Fan page artwork and state colours remain; neutral surfaces follow the site. */
body.ui-maple-fan :is(.stage,.summaryBox,.queueCard,.queue,.adminWrap,.statsDialog){background:var(--maple-surface)!important;border-color:var(--maple-line)!important;color:var(--maple-text)!important}
body.ui-maple-fan :is(.sum span,.sum small){color:var(--maple-muted)!important}
body.ui-maple-fan :is(.adminHead,.queueHead){background:var(--maple-panel)!important;border-color:var(--maple-line)!important}

:is(body.home-v2,body.ui-maple-v2) .siteFooter{border-top-color:#c7ad88;background:#f7f1e3;color:#79664f}
:is(body.home-v2,body.ui-maple-v2) .siteFooter .footerContent{color:#79664f}
:is(body.home-v2,body.ui-maple-v2) .siteFooter .footerSummary{color:#66523e}
:is(body.home-v2,body.ui-maple-v2) .siteFooter .footerLinks span{color:#a08665}
:is(body.home-v2,body.ui-maple-v2) .siteFooter .footerLinks a{color:#8d4829}
:is(body.home-v2,body.ui-maple-v2) .siteFooter .footerLinks a:hover,
:is(body.home-v2,body.ui-maple-v2) .siteFooter .footerLinks a:focus-visible{color:#603116}
:is(body.home-v2,body.ui-maple-v2) .siteFooter .footerRights,
:is(body.home-v2,body.ui-maple-v2) .siteFooter .footerCopyright{color:#7d6b56}
:is(body.home-v2,body.ui-maple-v2) .siteFooter .footerGuild{color:#79664f}
:is(body.home-v2,body.ui-maple-v2) .siteFooter .footerGuild b{color:#5e7644}
:is(body.home-v2,body.ui-maple-v2) .siteFooter .footerMascotInside img{filter:drop-shadow(0 5px 5px rgba(115,82,43,.14))}

/* Shared contact strip and the dialog appended directly to document.body. */
:is(body.ui-maple-v2,body.home-v2) .qnaContactBar{background:var(--maple-panel,#f3e7d0)!important;border-color:var(--maple-line,#c7ad88)!important;color:var(--maple-text,#493d32)!important}
:is(body.ui-maple-v2,body.home-v2) .qnaContactText strong{color:var(--maple-text,#493d32)!important}
:is(body.ui-maple-v2,body.home-v2) :is(.qnaContactText span,.qnaPrivacy){color:var(--maple-muted,#79664f)!important}
:is(body.ui-maple-v2,body.home-v2) :is(.qnaOpenBtn,.qnaSubmit){background:linear-gradient(#a95029,#923f20)!important;border-color:#8f3d20!important;color:#fffaf0!important;box-shadow:0 2px 0 #d1aa7d!important}
:is(body.ui-maple-v2,body.home-v2) :is(.qnaOpenBtn,.qnaSubmit):is(:hover,:focus-visible){background:linear-gradient(#aa4926,#913d20)!important;border-color:#77301b!important;color:#fffaf0!important}
:is(body.ui-maple-v2,body.home-v2) :is(.qnaOpenBtn,.qnaSubmit):disabled{background:#e3d8c4!important;border-color:#bcad94!important;color:#594d3d!important;box-shadow:none!important}
:is(body.ui-maple-v2,body.home-v2) .qnaModalBackdrop{background:rgba(57,42,27,.65)!important}
:is(body.ui-maple-v2,body.home-v2) .qnaModal{background:var(--maple-surface,#fffaf0)!important;border-color:var(--maple-line,#c7ad88)!important;color:var(--maple-text,#493d32)!important;box-shadow:0 5px 0 #c9ab83,0 24px 70px rgba(57,42,27,.3)!important;color-scheme:light}
:is(body.ui-maple-v2,body.home-v2) .qnaModalHead{background:var(--maple-panel,#f3e7d0)!important;border-color:var(--maple-line,#c7ad88)!important}
:is(body.ui-maple-v2,body.home-v2) :is(.qnaModalHead strong,.qnaForm label,.qnaStatus){color:var(--maple-text,#493d32)!important}
:is(body.ui-maple-v2,body.home-v2) .qnaClose{background:transparent!important;color:var(--maple-muted,#79664f)!important}
:is(body.ui-maple-v2,body.home-v2) .qnaClose:is(:hover,:focus-visible){background:#e6d5b9!important;color:var(--maple-text,#493d32)!important}
:is(body.ui-maple-v2,body.home-v2) :is(.qnaClose,.qnaOpenBtn,.qnaSubmit):focus-visible{outline-color:var(--maple-accent,#b85028)!important}
:is(body.ui-maple-v2,body.home-v2) .qnaForm{background:var(--maple-surface,#fffaf0)!important;scrollbar-color:#b99a73 #eee2cc}
:is(body.ui-maple-v2,body.home-v2) .qnaForm :is(select,input,textarea,option){background:var(--maple-surface,#fffaf0)!important;border-color:var(--maple-line,#c7ad88)!important;color:var(--maple-text,#493d32)!important;color-scheme:light}
:is(body.ui-maple-v2,body.home-v2) .qnaForm :is(input,textarea)::placeholder{color:var(--maple-muted,#79664f)!important}
:is(body.ui-maple-v2,body.home-v2) .qnaForm :is(select,input,textarea):focus{border-color:#a76e3c!important;box-shadow:0 0 0 2px rgba(167,110,60,.18)!important}
:is(body.ui-maple-v2,body.home-v2) .qnaForm :is(select,input,textarea):disabled{background:#ece4d6!important;border-color:#c5bba9!important;color:#817465!important}
/* Native validation only; empty required fields are not painted as errors on open. */
:is(body.ui-maple-v2,body.home-v2) .qnaForm :is(input,textarea):user-invalid{background:#fff0ec!important;border-color:#b5483f!important;color:#843b30!important}
:is(body.ui-maple-v2,body.home-v2) .qnaForm::-webkit-scrollbar-track{background:#eee2cc!important}
:is(body.ui-maple-v2,body.home-v2) .qnaForm::-webkit-scrollbar-thumb{background:#b99a73!important}

/* Fan queue chrome. The hero illustration, live-red badge, boss-colour bands,
   actual chart series colours and external video/chat iframe content are retained. */
body.ui-maple-fan .stage{box-shadow:0 5px 0 #d4bc99,0 12px 30px rgba(97,69,38,.12)!important}
body.ui-maple-fan :is(.queueArea,.tableBox,.col,.adminWrap,.statsDialog){background:var(--maple-surface,#fffaf0)!important;border-color:var(--maple-line,#c7ad88)!important;color:var(--maple-text,#493d32)!important}
body.ui-maple-fan .queueArea{border-top-color:var(--maple-panel,#f3e7d0)!important}
body.ui-maple-fan :is(.colHead,.adminHead){background:var(--maple-panel,#f3e7d0)!important;border-color:var(--maple-line,#c7ad88)!important}
body.ui-maple-fan :is(.col:nth-child(3),.col:nth-child(6)){border-left-color:#b7976b!important}
body.ui-maple-fan :is(.sum strong,.queueHeading h2,.qcount,.nextName,.waitingName,.completedMini b,.statusMain b,.adminHead h2,.commandBox h3,.statsBox h3,.astat b,.statsDialogHead h2,.statsSummaryCards b){color:var(--maple-text,#493d32)!important}
body.ui-maple-fan :is(.sum span,.sum small,.qcount small,.nextTag,.nextMeta,.waitingMeta,.completedMini,.statusMain span,.adminHead span,.commandBox p,.statsBox p,.statsButtonBox p,.astat span,.statsSummaryCards span,.chartLegend,.chartEmpty){color:var(--maple-muted,#79664f)!important}
body.ui-maple-fan :is(.queueHeading small,.auto,.statsDialogHead small){color:var(--maple-positive,#38642c)!important}
body.ui-maple-fan :is(.empty,.statusEmpty){color:#8b7961!important}
body.ui-maple-fan .queueError{color:#a43834!important}
body.ui-maple-fan :is(.doneLine,.completedList,.statusLane,.adminSplit){border-color:var(--maple-line,#c7ad88)!important}
body.ui-maple-fan .doneLine{color:var(--maple-muted,#79664f)!important}
body.ui-maple-fan :is(.waitingItem,.statusItem,.astat,.statsSummaryCards>div){background:#f7efdf!important;border-color:#dac5a5!important}
/* Next / restore remain purple; completed is green; absent / closed is rose. */
body.ui-maple-fan :is(.next,.waitingItem.nextItem){background:#f1e9f7!important;border-color:#b89ac9!important}
body.ui-maple-fan :is(.waitingOrder,.waitingOrder .nextMark){color:#765091!important}
body.ui-maple-fan .statusLaneTitle.done{color:var(--maple-positive,#38642c)!important}
body.ui-maple-fan .statusLaneTitle.absent{color:#a4384d!important}
body.ui-maple-fan .statusItem.absent{background:#fae9e8!important;border-color:#d7aba8!important}
body.ui-maple-fan :is(.state,.globalState span){background:#e5efda!important;color:#38642c!important}
body.ui-maple-fan :is(.state.closed,.globalState span.closed){background:#f9e2e2!important;color:#a4384d!important}
body.ui-maple-fan .difficulty.easy{background:#e5efda!important;color:#38642c!important}
body.ui-maple-fan .difficulty.normal{background:#eee4f5!important;color:#765091!important}
body.ui-maple-fan .difficulty.hard{background:#fae6ce!important;color:#96511e!important}
body.ui-maple-fan .difficulty.chaos{background:#f9e2e2!important;color:#a4384d!important}

/* Existing administration widgets are styled only. No login, read or action call. */
body.ui-maple-fan :is(.adminBtn,.btn,.statsClose){background:#f1e5cf!important;border-color:var(--maple-line,#c7ad88)!important;color:var(--maple-text,#493d32)!important;box-shadow:0 2px 0 #dbc6a7!important}
body.ui-maple-fan :is(.btn.primary,.statsOpen){background:#aa4926!important;border-color:#8f3d20!important;color:#fffaf0!important}
body.ui-maple-fan :is(.adminBtn,.btn,.statsClose):is(:hover,:focus-visible){background:#e5d3b4!important;border-color:#aa7f4f!important;color:#674326!important}
body.ui-maple-fan :is(.btn.primary,.statsOpen):is(:hover,:focus-visible){background:#913d20!important;border-color:#77301b!important;color:#fffaf0!important}
body.ui-maple-fan :is(.globalBtns .open,.inlineActions .done){background:#e5efda!important;border-color:#afc396!important;color:#38642c!important}
body.ui-maple-fan :is(.globalBtns .close,.restoreBtn){background:#eee4f5!important;border-color:#b89ac9!important;color:#765091!important}
body.ui-maple-fan :is(.globalBtns .reset,.inlineActions .abs){background:#f9e2e2!important;border-color:#d7aba8!important;color:#a4384d!important}
body.ui-maple-fan :is(.globalBtns .open,.inlineActions .done):is(:hover,:focus-visible){background:#d8e7c7!important;color:#2e5623!important}
body.ui-maple-fan :is(.globalBtns .close,.restoreBtn):is(:hover,:focus-visible){background:#e2d3ed!important;color:#614177!important}
body.ui-maple-fan :is(.globalBtns .reset,.inlineActions .abs):is(:hover,:focus-visible){background:#f0cecd!important;color:#8b2e40!important}
body.ui-maple-fan :is(.adminBtn,.btn,.restoreBtn,.statsClose,.statsTab):focus-visible{outline-color:var(--maple-accent,#b85028)!important}
body.ui-maple-fan :is(.adminLoginRow input,.cmdRow input){background:var(--maple-surface,#fffaf0)!important;border-color:var(--maple-line,#c7ad88)!important;color:var(--maple-text,#493d32)!important}
body.ui-maple-fan :is(.adminLoginRow input,.cmdRow input):focus{border-color:#a76e3c!important;box-shadow:0 0 0 2px rgba(167,110,60,.18)!important}
body.ui-maple-fan :is(.adminLoginRow input,.cmdRow input)::placeholder{color:var(--maple-muted,#79664f)!important}
body.ui-maple-fan .cmdMsg{color:#765091!important}
body.ui-maple-fan .cmdMsg[style*="#9a93aa"]{color:var(--maple-muted,#79664f)!important}

/* Existing statistics dialog: surfaces/tabs only, not series/grid/legend colours. */
body.ui-maple-fan .statsModal{background:rgba(57,42,27,.65)!important}
body.ui-maple-fan .statsDialog{box-shadow:0 5px 0 #c9ab83,0 24px 70px rgba(57,42,27,.3)!important;scrollbar-color:#b99a73 #eee2cc}
body.ui-maple-fan .statsTab{background:#f1e5cf!important;border-color:var(--maple-line,#c7ad88)!important;color:var(--maple-muted,#79664f)!important}
body.ui-maple-fan .statsTab:is(:hover,:focus-visible){background:#e5d3b4!important;border-color:#aa7f4f!important;color:var(--maple-text,#493d32)!important}
body.ui-maple-fan .statsTab.active{background:#e5efda!important;border-color:#8fa674!important;color:#38642c!important}
body.ui-maple-fan .statsTab.active:is(:hover,:focus-visible){background:#d8e7c7!important;color:#2e5623!important}
body.ui-maple-fan .chartWrap{background:var(--maple-surface,#fffaf0)!important;border-color:var(--maple-line,#c7ad88)!important}
body.ui-maple-fan .chartTooltip{background:#f3e7d0f5!important;color:var(--maple-text,#493d32)!important;box-shadow:0 3px 0 #ceb38c,0 7px 22px rgba(97,69,38,.2)!important}

/* Fan service panels around embeds: offline messages are site UI. Actual video
   and chat iframe interiors and the black video matte remain their own surfaces. */
body.ui-maple-fan .youtubeHub{background:var(--maple-surface,#fffaf0)!important;border-color:var(--maple-line,#c7ad88)!important;box-shadow:0 4px 0 #ddc6a7,0 8px 26px rgba(97,69,38,.1)!important}
body.ui-maple-fan .youtubeHubHead{background:linear-gradient(#fffaf0,#f3e7d0)!important;border-color:var(--maple-line,#c7ad88)!important}
body.ui-maple-fan :is(.youtubeHubHead strong,.ytOffline b,.ytChatOffline b){color:var(--maple-text,#493d32)!important}
body.ui-maple-fan :is(.ytTitle,.ytOffline span,.ytChatOffline){color:var(--maple-muted,#79664f)!important}
body.ui-maple-fan .ytChatPane{background:var(--maple-panel,#f3e7d0)!important;border-color:var(--maple-line,#c7ad88)!important}
body.ui-maple-fan .ytOffline{background:radial-gradient(circle at 50% 30%,#eedba6,transparent 45%),var(--maple-surface,#fffaf0)!important;color:var(--maple-text,#493d32)!important}
body.ui-maple-fan .ytOfflineMark{background:#eddfb9!important;color:#8b611e!important}
body.ui-maple-fan .ytMobileChatLink{background:#eadcc2!important;color:#674326!important}
body.ui-maple-fan .ytMobileChatLink:is(:hover,:focus-visible){background:#dcc4a0!important;color:#4f311d!important}
body.ui-maple-fan .ytMuteNotice{color:#d9c9af!important}
/* Keep disabled paint last so a selected/hovered admin tab cannot override it. */
body.ui-maple-fan :is(.btn,.inlineActions .mini,.restoreBtn,.statsTab):disabled{background:#e3d8c4!important;border-color:#bcad94!important;color:#594d3d!important;box-shadow:none!important}