﻿/* Additive themes: the approved northern portal remains the default. */
.uo-theme-control{display:flex;align-items:center;gap:7px;flex:none;color:#b4c3d4;font:11px 'Segoe UI',sans-serif}
.uo-theme-control select{height:36px;max-width:112px;padding:6px 8px;background:#16283b;color:#eee0c1;border:1px solid #7a8da1;border-radius:3px;font:12px 'Segoe UI',sans-serif;cursor:pointer;color-scheme:dark}
.uo-theme-control select:focus-visible{outline:2px solid #f2d294;outline-offset:3px}
.uo-section-heading{position:relative;padding-bottom:29px;border-bottom:0}
.uo-section-heading::after{content:'';position:absolute;left:0;bottom:0;width:240px;max-width:100%;height:25px;background:url('/static/uo-v2-ornament-trim.webp') left center/contain no-repeat;pointer-events:none}
.uo-world-aside>.uo-side-panel:first-child h2::after{content:'';display:block;height:93px;margin:7px auto 5px;background:url('/static/uo-v2-campfire.webp') center/116px 116px no-repeat;pointer-events:none}
html[data-uo-theme='night']{color-scheme:dark;--g1:#dac397;--g2:#988163;--bg:#020305;--card:#101115;--brd:#484b52;--text:#dedfe2;--muted:#a6a7af;--accent:#adbccc}
html[data-uo-theme='night'] body{background-color:#020305;background-image:linear-gradient(#0008,#000d),url('/static/uo-v2-background.webp')}
html[data-uo-theme='night'] #crm.active{background:#030406ed;border-color:#45474c}
html[data-uo-theme='night'] #crm .content{background:linear-gradient(#030507ec,#040506f7)}
html[data-uo-theme='night'] #crm :is(.sidebar,#top-bar),html[data-uo-theme='night'] .uo-portal-nav{background-image:linear-gradient(#030506e3,#0a0b0de8),url('/static/uo-v2-leather.webp');border-color:#4f5158}
html[data-uo-theme='night'] :is(.card,.scard,.set-card,.hn-card,.hn-feature,.uo-side-panel,.uo-side-guide){background-image:linear-gradient(#080a0dda,#050608e3),url('/static/uo-v2-leather.webp');border-color:#505158}
html[data-uo-theme='night'] .hn-quicklinks .uo-art-link{background-image:radial-gradient(ellipse at 20% 50%,#80796433,transparent 70%),linear-gradient(#090b0de3,#030406e8),url('/static/uo-v2-leather.webp');border-color:#595b60}
html[data-uo-theme='night'] .sb-logo,html[data-uo-theme='night'] .sb-bottom{background:#080a0d;border-color:#41444a}
html[data-uo-theme='night'] .sb-item.active{background:linear-gradient(90deg,#343237,#151619);color:#f6dfac}
html[data-uo-theme='night'] .sb-item:hover{background:#292a2e}
html[data-uo-theme='night'] :is(.fi,.linput,.sb-q input,.uo-theme-control select){background:#080a0d;border-color:#5b5e64;color:#e0e0e3}
html[data-uo-theme='night'] :is(.uo-portal-nav button,.hn-excerpt,.uo-side-panel>p){color:#c8c8cd}
html[data-uo-theme='night'] .uo-portal-nav button.is-active{color:#e9d09f;background:linear-gradient(#6656411c,#6c57482f)}
html[data-uo-theme='night'] #tab-forum{--ff-panel:#101114;--ff-panel-raised:#1c1d20;--ff-line:#52545b;--ff-line-light:#808186;--ff-gold:#dfcba7;--ff-text:#dfdfe3;--ff-muted:#b2b1b7}
html[data-uo-theme='night'] #tab-forum :is(.forum-cat,.forum-thread,.forum-post,#forum-editor){background-image:linear-gradient(#0c0d10e0,#060709e8),url('/static/uo-v2-leather.webp')}
html[data-uo-theme='night'] #tab-forum :is(#forum-cats,#forum-threads,#forum-editor)>div:first-child{background:linear-gradient(#24262a,#0d0f13)}
html[data-uo-theme='night'] #tab-forum :is(.forum-cat-icon,.fp-author,.fp-content blockquote){background:#17191ed9}
html[data-uo-theme='night'] :is(#wiki-nav,.wiki-mob-panel,#wiki-art-content details){background:#0d0f14!important;border-color:#494c55!important}
html[data-uo-theme='night'] .login-card{background-image:linear-gradient(#060809e8,#020305ed),url('/static/uo-v2-leather.webp')}
html[data-uo-theme='night'] .eh-root{--eh-bg:#06080c;--eh-card:#14161b;--eh-line:#4f535b;--eh-text:#e5e5e8;--eh-muted:#b0b0b8;--eh-gold:#d8c095}
html[data-uo-theme='night'] :is(.eh-header,.eh-composer,.eh-settings-card){background:#0c0e13}
html[data-uo-theme='night'] .eh-root textarea{background:#05070a}
/* Light theme uses silver, ivory and dark ink; article artwork keeps its colors. */
html[data-uo-theme='light']{color-scheme:light;--g1:#735326;--g2:#573a17;--bg:#e4e9ed;--card:#f5f5ef;--brd:#9cabb5;--text:#273542;--muted:#566674;--accent:#255f88}
html[data-uo-theme='light'] body{background-color:#d8e0e5;background-image:linear-gradient(#dbe5ec80,#e7edf0de),url('/static/uo-v2-background.webp');color:var(--text)}
html[data-uo-theme='light'] body::before{background:linear-gradient(#e8eff32a,#eef1f477)}
html[data-uo-theme='light'] #crm.active{background:#e9edf0e8;border-color:#8295a4;box-shadow:0 12px 45px #182e4240,inset 0 0 0 3px #f8fafb99}
html[data-uo-theme='light'] #crm .content{background:linear-gradient(#eef2f1f2,#e4ebeef5)}
html[data-uo-theme='light'] #crm :is(.sidebar,#top-bar){background-image:linear-gradient(#edf1f3ef,#d9e0e7ed),url('/static/uo-v2-leather.webp');border-color:#8495a3;box-shadow:inset -3px 0 #a3afba33}
html[data-uo-theme='light'] .uo-portal-nav{background-image:linear-gradient(#e5eaedee,#bac7d3de 45%,#d2dae2e8),url('/static/uo-v2-leather.webp');border-color:#899baa;box-shadow:inset 0 1px #fff}
html[data-uo-theme='light'] .uo-portal-nav button{color:#2e3c49;text-shadow:0 1px #fff9;border-color:#66798933}
html[data-uo-theme='light'] .uo-portal-nav button.is-active{color:#674410;background:linear-gradient(#b79b6514,#ceb78940);box-shadow:inset 0 -3px #9e7845}
html[data-uo-theme='light'] .uo-portal-nav button:hover{background:#ffffff70;color:#412c10}
html[data-uo-theme='light'] :is(.sb-logo,.sb-bottom){background:#dfe6eb;border-color:#a2b0ba}
html[data-uo-theme='light'] :is(.sb-cab-a,.sb-cab-b,#tb-title){color:#3d4c56;text-shadow:none}
html[data-uo-theme='light'] .sb-gh{color:#536675}
html[data-uo-theme='light'] .sb-item{color:#354755}
html[data-uo-theme='light'] .sb-item.active{background:linear-gradient(90deg,#c4d1dc,#e2e8eb);color:#5d4118;box-shadow:inset 2px 0 #96703b}
html[data-uo-theme='light'] .sb-item:hover{background:#cfdae2;color:#1a344b}
html[data-uo-theme='light'] .sb-item .ic{color:#74572c;filter:none}
html[data-uo-theme='light'] .sb-grp+.sb-grp{border-color:#a7b5c0}
html[data-uo-theme='light'] :is(.card,.scard,.set-card,.hn-card,.hn-feature,.uo-side-panel,.uo-side-guide){background-image:linear-gradient(#fbfaf5f0,#edf0eded),url('/static/uo-v2-leather.webp');border-color:#9aabba;box-shadow:0 3px 10px #243e4f16,inset 0 0 0 3px #fff7}
html[data-uo-theme='light'] .hn-quicklinks .uo-art-link{background-image:radial-gradient(ellipse at 20% 50%,#eadbb277,transparent 70%),linear-gradient(#f7f8f3ee,#dfe8ecec),url('/static/uo-v2-leather.webp');border-color:#93a6b6;box-shadow:inset 0 0 0 3px #fff7,0 3px 8px #172f4320}
html[data-uo-theme='light'] :is(.hn-title,.hn-feature .hn-title,.uo-section-heading h2,.uo-side-panel h2,.hn-quicklinks .uo-art-link strong,.uo-service strong,.pt){color:#4e3d21;text-shadow:none}
html[data-uo-theme='light'] :is(.hn-excerpt,.hn-full,.uo-side-panel>p,.uo-service span,.hn-date,.hn-author,.hn-quicklinks .uo-art-link small,.uo-section-heading p,.uo-section-heading>span,.uo-kicker){color:#4c606d}
html[data-uo-theme='light'] .hn-read{color:#61420d}
html[data-uo-theme='light'] .hn-pin{background:#e4d2a8;color:#47361b;border-color:#b7a279}
html[data-uo-theme='light'] .hn-art{border-color:#9bafbd}
html[data-uo-theme='light'] .uo-service{border-color:#aebbc3}
html[data-uo-theme='light'] .uo-service:hover strong{color:#12517a}
html[data-uo-theme='light'] :is(.fi,.linput,.sb-q input,.uo-theme-control select){background:#fffefa;border-color:#8197a8;color:#263d4f;box-shadow:inset 0 1px 2px #18334a0d}
html[data-uo-theme='light'] :is(.fi,.linput,.sb-q input)::placeholder{color:#657787}
html[data-uo-theme='light'] .uo-theme-control{color:#4c6172}
html[data-uo-theme='light'] .uo-theme-control select{color-scheme:light}
html[data-uo-theme='light'] .uo-theme-control select:focus-visible{outline-color:#1f608e}
html[data-uo-theme='light'] #tab-forum{--ff-panel:#f7f7f1;--ff-panel-raised:#e7ecee;--ff-line:#a1afb9;--ff-line-light:#6d8090;--ff-gold:#65502c;--ff-text:#253944;--ff-muted:#566a76;color:var(--ff-text)}
html[data-uo-theme='light'] #tab-forum :is(.forum-cat,.forum-thread,.forum-post,#forum-editor,#forum-admin-cats,#forum-admin-bans){background-image:linear-gradient(#fffdf5f0,#edf0eeed),url('/static/uo-v2-leather.webp');box-shadow:inset 0 1px #fff,0 3px 8px #223f4a12}
html[data-uo-theme='light'] #tab-forum :is(#forum-cats,#forum-threads,#forum-editor)>div:first-child{background:linear-gradient(#e5ebee,#d7e0e5);box-shadow:inset 0 1px #fff,inset 0 -2px #a2b4c0}
html[data-uo-theme='light'] #tab-forum :is(.pt,#forum-cat-title,#fv-title,#fe-title-label){text-shadow:none}
html[data-uo-theme='light'] #tab-forum :is(.forum-cat-icon,.fp-author,.fp-content blockquote){background:#e3e8e5;box-shadow:none;border-color:#99a9b3}
html[data-uo-theme='light'] #tab-forum :is(.fp-content,.fp-content p,.fp-content li,#fv-content,#fe-content){color:#293f4d!important}
html[data-uo-theme='light'] #tab-forum :is(input,textarea,select,[contenteditable='true']){background:#fffdf8!important;color:#213948!important;border-color:#8aa0ae!important}
html[data-uo-theme='light'] #tab-forum :is(.forum-cat:hover,.forum-thread:hover){background-image:linear-gradient(#edf5f8ef,#dce8eeed),url('/static/uo-v2-leather.webp')}
html[data-uo-theme='light'] :is(#wiki-main,#wiki-nav,.wiki-mob-panel){color:#2b3d49}
html[data-uo-theme='light'] :is(#wiki-nav,.wiki-mob-panel){background:#f1f4f4!important;border-color:#9baebc!important}
html[data-uo-theme='light'] :is(#wiki-art-title,#wiki-art-title2){color:#374a58!important}
html[data-uo-theme='light'] #wiki-art-content{color:#293c47}
html[data-uo-theme='light'] #wiki-art-content :is(p,li,td,th,span,div){color:inherit}
html[data-uo-theme='light'] #wiki-art-content :is(h1,h2,h3,h4){color:#66502d!important;text-shadow:none}
html[data-uo-theme='light'] #wiki-art-content :is(details,blockquote,pre,code){background:#e5ecee!important;color:#2d4353!important;border-color:#8fa4b5!important}
html[data-uo-theme='light'] #wiki-art-content :is(th,td){border-color:#bbc8cf!important}
html[data-uo-theme='light'] #wiki-art-content th{background:#dbe5ea!important;color:#2b4050!important}
html[data-uo-theme='light'] #wiki-art-content a{color:#1b557d!important}
html[data-uo-theme='light'] #wiki-nav :is(a,button){color:#2c536e}
/* Existing inline legacy surfaces use the same readable palette. Semantic status colors remain. */
html[data-uo-theme='light'] #crm [style*='color:#e2e8f0'],html[data-uo-theme='light'] #crm [style*='color: #e2e8f0'],html[data-uo-theme='light'] #crm [style*='color:#c8ccd0'],html[data-uo-theme='light'] #crm [style*='color:#ddd']{color:#314857!important}
html[data-uo-theme='light'] #crm [style*='color:#aaa'],html[data-uo-theme='light'] #crm [style*='color:#888'],html[data-uo-theme='light'] #crm [style*='color:#999']{color:#526b7b!important}
html[data-uo-theme='light'] #crm :is([style*='background:#0'],[style*='background:#141821'],[style*='background:#111'],[style*='background:rgba(8,10,16']){background:#edf2f3!important;color:#2c4454!important}
html[data-uo-theme='light'] .login-card{background-image:linear-gradient(#fafaf4f0,#e2e9ecf5),url('/static/uo-v2-leather.webp');border-color:#9badb8;box-shadow:0 12px 45px #172d4140}
html[data-uo-theme='light'] :is(.login-sub,.ltab,.lor){color:#556876}.ltabs{isolation:isolate}
html[data-uo-theme='light'] .ltab.active{background:#c4d0db;color:#283f50}
html[data-uo-theme='light'] .eh-root{--eh-bg:#f2f5f3;--eh-card:#ffffff;--eh-line:#a7bac7;--eh-text:#294253;--eh-muted:#576e7d;--eh-gold:#997735;color-scheme:light}
html[data-uo-theme='light'] :is(.eh-header,.eh-composer,.eh-settings-card){background:#dfe8ed;color:#293f50}
html[data-uo-theme='light'] .eh-root textarea{background:#fffefa;color:#263e50}
html[data-uo-theme='light'] .eh-message-user .eh-message-body{background:#dce7ee;border-color:#819daf;color:#253e51}
html[data-uo-theme='light'] .eh-suggestion{background:#e7ecec;color:#4c4b32;border-color:#a4b4bb}
html[data-uo-theme='light'] :is(.eh-source,.eh-settings-action){background:#f4f7f6;color:#2c4352}
html[data-uo-theme='light'] :where(button,a,input,textarea,select,[tabindex]):focus-visible{outline-color:#286b9d}
@media(max-width:1100px){.uo-theme-control>span{display:none}}
@media(max-width:600px){.uo-theme-control{position:fixed;right:7px;top:63px;z-index:99;height:38px;padding-left:5px;background:#15273b}.uo-theme-control select{width:84px;max-width:84px;height:36px;font-size:11px;padding:5px 4px}.uo-portal-nav{right:96px}.uo-section-heading::after{max-width:220px}.uo-world-aside>.uo-side-panel:first-child h2::after{height:98px}html[data-uo-theme='night'] .uo-theme-control{background:#07090d}html[data-uo-theme='light'] .uo-theme-control{background:#d5e0e8}html[data-uo-theme='light'] #crm .sidebar{background-image:linear-gradient(#edf1f3f0,#d9e0e7f2),url('/static/uo-v2-leather.webp')!important}html[data-uo-theme='night'] #crm .sidebar{background-image:linear-gradient(#030507f2,#080b0ff5),url('/static/uo-v2-leather.webp')!important}}
/* Forum surfaces already carry important texture rules; all theme surfaces override together. */
html[data-uo-theme='night'] #tab-forum :is(.forum-cat,.forum-thread,#fv-op,.forum-post,#fv-reply-form,#forum-editor>div:nth-child(2),#forum-admin-cats,#forum-admin-bans){background-image:linear-gradient(#0c0d10ed,#060709f2),url('/static/uo-v2-leather.webp')!important}
html[data-uo-theme='light'] #tab-forum :is(.forum-cat,.forum-thread,#fv-op,.forum-post,#fv-reply-form,#forum-editor>div:nth-child(2),#forum-admin-cats,#forum-admin-bans){background-image:linear-gradient(#fffdf5f5,#edf0eef2),url('/static/uo-v2-leather.webp')!important}
html[data-uo-theme='light'] #tab-forum :is(.forum-cat-name,#fv-op-author,.ft-title,.fp-date,#fv-cat,.ned-hint,.fl,#fv-op-content,#fv-op-content p,#fv-op-content li){color:#304856!important;text-shadow:none}
html[data-uo-theme='light'] #wiki-art-content :is(b,strong){color:inherit!important}
html[data-uo-theme='light'] #wiki-art-content{color:#293c47!important}
html[data-uo-theme='light'] #tab-forum :is(#fv-op-date,.forum-cat-stats span){color:#536979!important}
html[data-uo-theme='light'] #wiki-art-content a:focus-visible{outline:2px solid #286b9d!important;outline-offset:3px}
html[data-uo-theme='night'] #wiki-art-content a:focus-visible,html[data-uo-theme='northern'] #wiki-art-content a:focus-visible{outline:2px solid #e6c996!important;outline-offset:3px}
/* Illustrated dark banners and steel action buttons retain their light lettering. */
html[data-uo-theme='light'] .uo-chronicle-hero .pt{color:#efdbaf!important;text-shadow:0 2px 8px #0008}
html[data-uo-theme='light'] .uo-chronicle-hero .hn-heading>span{color:#bfccdc!important}
html[data-uo-theme='light'] #crm :is(.fb,.lbtn,#tb-play,#tb-signin,#news-add-btn){color:#f4dfb7!important}
html[data-uo-theme='light'] #tab-forum :is(.fb,.fp-btn){color:#f1e0b8!important}
html[data-uo-theme='light'] #tab-forum .forum-cat-icon{color:#74572c}
html[data-uo-theme='light'] #crm a[style*='color:#5bc0f0']{color:#15658b!important}
html[data-uo-theme='light'] #crm a[style*='color:#a5b4fc'],html[data-uo-theme='light'] #crm a[style*='color:#a5a8ff']{color:#4c4599!important}
html[data-uo-theme='light'] #crm a[style*='color:#e2c468'],html[data-uo-theme='light'] #crm a[style*='color:#c9a44a']{color:#715118!important}
/* Guest mode must hide the previous login layer immediately, including its fade-out interval. */
#login-screen.out{visibility:hidden}
html[data-uo-theme='light'] #crm a[style*='color:#f0d080']{color:#715118!important}
html[data-uo-theme='light'] #crm a[style*='color:#8b93ff']{color:#4c4599!important}
html[data-uo-theme='light'] #tb-right button:not(.fb):not(#tb-play):not(#tb-signin):not(#i18n-toggle){color:#4c5667!important}


/* Forum editor palettes: toolbar, writable fields and their interactive states.
   Keep author-chosen inline text colors and the northern palette intact. */
html[data-uo-theme='night']{--ufe-bar:linear-gradient(#2b2925,#1d1c19);--ufe-field:#151513;--ufe-ink:#e5e0d4;--ufe-muted:#b0aa9e;--ufe-line:#5b564d;--ufe-hover:#454035;--ufe-focus:#d6ba81}
html[data-uo-theme='light']{--ufe-bar:linear-gradient(#f1eee5,#e0dbce);--ufe-field:#fffdf8;--ufe-ink:#3e382d;--ufe-muted:#6e6556;--ufe-line:#b5aa94;--ufe-hover:#d4c7aa;--ufe-focus:#856025}
html:is([data-uo-theme='night'],[data-uo-theme='light']) #crm #tab-forum .ned-tb{background:var(--ufe-bar)!important;border-color:var(--ufe-line)!important;color:var(--ufe-ink)!important}
html:is([data-uo-theme='night'],[data-uo-theme='light']) #crm #tab-forum .ned-tb button{background:transparent!important;color:var(--ufe-ink)!important;border-color:transparent!important;text-shadow:none!important;box-shadow:none!important}
html:is([data-uo-theme='night'],[data-uo-theme='light']) #crm #tab-forum .ned-tb button:is(:hover,:active,[aria-pressed='true']){background:var(--ufe-hover)!important;border-color:var(--ufe-line)!important;color:var(--ufe-ink)!important}
html:is([data-uo-theme='night'],[data-uo-theme='light']) #crm #tab-forum .ned-tb button svg{color:inherit!important}
html:is([data-uo-theme='night'],[data-uo-theme='light']) #crm #tab-forum .ned-sep{background:var(--ufe-line)!important}
html:is([data-uo-theme='night'],[data-uo-theme='light']) #crm #tab-forum :is(.ned-body,.fi){background:var(--ufe-field)!important;color:var(--ufe-ink)!important;border-color:var(--ufe-line)!important;caret-color:var(--ufe-ink)}
html:is([data-uo-theme='night'],[data-uo-theme='light']) #crm #tab-forum .ned-body:empty::before,
html:is([data-uo-theme='night'],[data-uo-theme='light']) #crm #tab-forum .fi::placeholder,
html:is([data-uo-theme='night'],[data-uo-theme='light']) #crm #tab-forum .ned-hint,
html:is([data-uo-theme='night'],[data-uo-theme='light']) #crm #tab-forum .ned-hint>span:is([style*='color:#6b7280'],[style*='color: #6b7280']){color:var(--ufe-muted)!important;opacity:1}
html:is([data-uo-theme='night'],[data-uo-theme='light']) #crm #tab-forum :is(.ned-body,.fi):focus{border-color:var(--ufe-focus)!important}
html:is([data-uo-theme='night'],[data-uo-theme='light']) #crm #tab-forum :is(.ned-tb button,.ned-body,.fi):focus-visible{outline:2px solid var(--ufe-focus)!important;outline-offset:2px}
html:is([data-uo-theme='night'],[data-uo-theme='light']) #crm #tab-forum .ned-body.drop{background:var(--ufe-hover)!important;border-color:var(--ufe-focus)!important}
/* The shared color picker is portaled into body. Scope its shell to an active forum. */
html:is([data-uo-theme='night'],[data-uo-theme='light']) body:has(#tab-forum.active) .ned-pop{background:var(--ufe-field)!important;border-color:var(--ufe-line)!important;color:var(--ufe-ink)!important}
html:is([data-uo-theme='night'],[data-uo-theme='light']) body:has(#tab-forum.active) .ned-pop .ned-sw{border-color:var(--ufe-line)!important}
html:is([data-uo-theme='night'],[data-uo-theme='light']) body:has(#tab-forum.active) .ned-pop>div:last-child{color:var(--ufe-muted)!important}
