/* Eternium portal: painted world, cold steel and legible modern controls. */
:root{--g1:#dfbf80;--g2:#ac8141;--bg:#070d16;--card:#131d2b;--brd:#455264;--text:#dbe2eb;--muted:#a0adbd;--accent:#84b8de;--tb-h:72px;--tb-gap:126px}
body{background:#07101c url('/static/uo-v2-background.webp') center top/cover fixed no-repeat;color:var(--text)}
body::before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(#03102005,#03091277 60%,#02070de0);z-index:0}
#crm.active{width:calc(100% - 40px);max-width:1560px;height:calc(100dvh - 16px);margin:8px auto;grid-template-rows:72px 54px minmax(0,1fr);border:1px solid #526071;border-radius:5px;background:#08111ac7;box-shadow:0 20px 70px #000a,inset 0 0 0 3px #03080fc2;overflow:hidden}
#crm .sidebar{grid-row:3;grid-column:1;background:linear-gradient(90deg,#0d1520f5,#101a26f7);border-right:1px solid #4a586a;box-shadow:inset -4px 0 #03070c88}
#crm #top-bar{grid-row:1;grid-column:1/-1;background:linear-gradient(#202c3ae8,#0c1420f5);border-bottom:1px solid #596678;padding:0 23px;backdrop-filter:none;box-shadow:inset 0 1px #8d9aae55}
#tb-logo{height:53px;filter:drop-shadow(0 3px 6px #000a)}
#tb-title{font-family:Georgia,'Times New Roman',serif;color:#d7c399;font-size:16px;font-weight:400}
#crm .content{grid-row:3;grid-column:2;padding:25px 27px 36px;background:linear-gradient(#0a1421bb,#080e17e8);scrollbar-color:#465569 #0a1320;scrollbar-width:thin}
#crm.active.dock-right .sidebar{grid-column:2;border-left:1px solid #4a586a;border-right:0}#crm.active.dock-right .content{grid-column:1}
#crm.active.dock-right #top-bar{grid-column:1/-1}
#crm.active.dock-top{grid-template-rows:72px 54px auto minmax(0,1fr)}#crm.active.dock-top .sidebar{grid-column:1/-1;grid-row:3}#crm.active.dock-top .content{grid-column:1/-1;grid-row:4}
.uo-portal-nav{grid-column:1/-1;grid-row:2;display:flex;align-items:stretch;justify-content:center;gap:0;padding:0 14px;background:linear-gradient(#344455,#182637 42%,#101c2d 50%,#1b2b3d);border-top:1px solid #728091;border-bottom:2px solid #080e17;box-shadow:inset 0 2px #a0adba22,inset 0 -2px #556c8144;position:relative;z-index:45;overflow-x:auto;scrollbar-width:none}
.uo-portal-nav::before{content:'';position:absolute;inset:0;pointer-events:none;border:12px solid transparent;border-image:url('/static/uo-v2-frame.webp') 230/12px stretch;opacity:.9}
.uo-portal-nav button{position:relative;min-height:50px;padding:0 clamp(15px,2vw,34px);border:0;border-right:1px solid #8fa5bd22;background:transparent;color:#d8dde3;font:600 14px Georgia,'Times New Roman',serif;letter-spacing:.025em;cursor:pointer;white-space:nowrap;text-shadow:0 2px #030810}
.uo-portal-nav button:last-child{border-right:0}.uo-portal-nav button:hover{background:linear-gradient(#ffffff0d,#3e658055);color:#fff1cc}.uo-portal-nav button.is-active{color:#f5d694;background:linear-gradient(#b7945514,#be915821);box-shadow:inset 0 -3px #c8a266}
.sb-logo{background:#0b1320;border-bottom:1px solid #455366}.sb-cab{font-family:Georgia,'Times New Roman',serif;letter-spacing:.03em}.sb-cab-a{color:#bdc8d7}.sb-cab-b{color:#dfbf80}
.sb-gh{color:#9eacbd;letter-spacing:.1em;font-size:10px}.sb-grp+.sb-grp{border-top-color:#354354}.sb-item{border-radius:4px;color:#c5cedb;margin:1px 6px;padding-top:10px;padding-bottom:10px}.sb-item:hover{background:#24364a;color:#f1e3c7}.sb-item.active{background:linear-gradient(90deg,#31465b,#162536);color:#ffe0a1;box-shadow:inset 2px 0 #cbb077}.sb-bottom{border-color:#425164;background:#0d1623}
.sb-item .ic{filter:drop-shadow(0 2px 2px #0008);color:#d4b77b}.sb-grp .dot{background:#6d94b2}.sb-q input{border-color:#3b4c60;background:#0b1522;color:#e7edf5}
.pt{font-family:Georgia,'Times New Roman',serif;color:#ebd4a6;letter-spacing:.02em}
.uo-chronicle-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:220px;padding:29px 36px;margin:0 0 20px;background:linear-gradient(90deg,#070f1cee 2%,#0a1626c9 46%,#101d3022 78%),url('/static/uo-v2-background.webp') center 46%/cover no-repeat;border:1px solid #4d6175;border-radius:4px;box-shadow:0 7px 20px #0006}
.uo-chronicle-hero::after{content:'';position:absolute;inset:-4px;z-index:2;pointer-events:none;border:25px solid transparent;border-image:url('/static/uo-v2-frame.webp') 230/25px stretch}
.uo-chronicle-hero .hn-heading{position:relative;z-index:3;flex:1;text-shadow:0 2px 5px #000a}
.uo-chronicle-hero .hn-heading>span{font-size:10px;font-weight:700;letter-spacing:.22em;color:#b5c9da;margin-bottom:10px}
.uo-chronicle-hero .pt{font:500 clamp(27px,2.5vw,39px)/1.16 Georgia,'Times New Roman',serif;color:#f6e5c3;margin:0 0 11px}
.uo-hero-intro{font-size:14px;line-height:1.6;color:#c5cfdd;max-width:440px;margin:0 0 17px}
.uo-hero-actions{display:flex;flex-wrap:wrap;gap:13px}.uo-hero-actions button{min-height:47px;padding:12px 29px;font:600 14px Georgia,'Times New Roman',serif;cursor:pointer}
.uo-hero-actions button,.fb,.lbtn,#tb-play,#tb-signin,#news-add-btn{border:1px solid #8493a4;border-radius:3px;background:linear-gradient(#52677b,#2b4055 42%,#1b2b3d 48%,#34495f);color:#f4dfb7;box-shadow:inset 0 1px #d4e0ee55,inset 0 -2px #070c15,0 3px 5px #0005;text-shadow:0 1px #07101b;font-weight:650}
.uo-hero-actions button{position:relative;isolation:isolate;border:0;background:transparent;box-shadow:none;min-width:174px}
.uo-hero-actions button::before{content:'';position:absolute;inset:-10px -4px;z-index:-1;background:url('/static/uo-forged-button.webp') center/100% 100% no-repeat;filter:grayscale(.9) sepia(.15) hue-rotate(165deg) brightness(.54)}
.uo-hero-actions button:hover::before{filter:grayscale(.9) sepia(.15) hue-rotate(165deg) brightness(.76)}.uo-hero-actions button:active::before{filter:grayscale(.9) brightness(.42)}.uo-hero-actions button:active{transform:translateY(1px)}
.uo-hero-actions button.uo-secondary{color:#cbd4df}.uo-hero-actions button.uo-secondary::before{filter:grayscale(1) brightness(.4)}
.fb:hover,.lbtn:hover{filter:brightness(1.15)}
#tb-play,#tb-signin{height:42px!important;min-height:42px;padding:0 22px!important;font-size:13px!important;border-radius:3px!important;background:linear-gradient(#52677b,#23374b 55%,#31465b)!important;border:1px solid #8292a6!important;color:#f4dfb7!important}
#tb-signin{background:linear-gradient(#27394c,#111f31)!important;color:#d1dbe8!important}
#news-add-btn{position:absolute;right:14px;top:14px;min-height:38px;padding:8px 16px;z-index:4;font-size:12px}
#tab-news>div:has(>a[href*='t.me/']){gap:8px!important;margin-bottom:20px!important}#tab-news>div:has(>a[href*='t.me/'])>a{border-radius:4px!important;padding:6px 12px!important;font-size:12px!important}
.hn-quicklinks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;max-width:none;margin:0 0 27px}
.hn-quicklinks .uo-art-link{position:relative;isolation:isolate;min-height:123px;overflow:hidden;display:flex;align-items:center;gap:13px;padding:16px 16px 16px 103px;border:1px solid #5b6c7e;border-radius:4px;background:radial-gradient(ellipse at 20% 50%,#35506955,transparent 70%),linear-gradient(115deg,#1b2b3c,#0c1726);box-shadow:inset 0 0 0 3px #02060b88,0 4px 9px #0004;text-align:left;cursor:pointer;color:#efdab0}
.hn-quicklinks .uo-art-link::after{content:'';position:absolute;inset:5px;border:1px solid #b8c8dc18;pointer-events:none}
.hn-quicklinks .uo-art-link>img{position:absolute;left:6px;top:50%;width:98px;height:104px;object-fit:contain;transform:translateY(-50%);filter:drop-shadow(0 5px 5px #0009)}
.hn-quicklinks .uo-art-link>svg{display:none}.hn-quicklinks .uo-art-link strong{font:600 17px/1.2 Georgia,'Times New Roman',serif;color:#eed6a6}.hn-quicklinks .uo-art-link small{font-size:11px;line-height:1.4;color:#a9bace;display:block;margin-top:7px}.hn-quicklinks .uo-art-link i{font-size:21px;color:#7f9eb9;position:absolute;right:12px;bottom:8px}
.hn-quicklinks .uo-art-link:hover{background:radial-gradient(ellipse at 20% 50%,#4a729055,transparent 70%),#182c40;border-color:#9badbd;transform:translateY(-2px)}
.uo-chronicle-layout{display:grid;grid-template-columns:minmax(0,1fr) 242px;gap:24px;align-items:start}.uo-chronicle-feed{min-width:0}.uo-section-heading{margin:0 0 18px;padding-bottom:13px;border-bottom:1px solid #45576b}.uo-section-heading>span,.uo-kicker{display:block;font-size:9px;font-weight:700;letter-spacing:.19em;color:#9eb2c8}.uo-section-heading h2{font:500 27px/1.25 Georgia,'Times New Roman',serif;margin:7px 0;color:#e8d1a7}.uo-section-heading p{font-size:12px;color:#8fa4bb;margin:0}
.hn-list{display:grid;grid-template-columns:1fr;gap:18px;max-width:none}.hn-card{border:1px solid #45586c;border-radius:4px;overflow:hidden;background:linear-gradient(110deg,#152233f2,#0c1726f5);box-shadow:0 5px 13px #0004,inset 0 0 0 3px #0003}
.hn-feature{border-color:#65768a;background:#102033}.hn-feature.hn-has-art .hn-preview{display:block}.hn-art{height:220px;border-bottom:1px solid #576c83}.hn-art img{object-position:center;filter:saturate(.9)}.hn-intro{padding:22px 25px}.hn-meta{margin-bottom:13px}.hn-title,.hn-feature .hn-title{font:500 25px/1.3 Georgia,'Times New Roman',serif;color:#f0ddbc}.hn-excerpt{color:#b8c7d9;font-size:13px;line-height:1.75}.hn-pin{background:#44556a;border:1px solid #748298;color:#f1dfbd;border-radius:2px}.hn-date,.hn-author{color:#99aec5}.hn-read{color:#e4c489;min-height:44px}.hn-full{border-color:#3d536a}.hn-admin button{background:#22344b;border-color:#5a6b7e;color:#dfcfae;border-radius:3px}
.uo-world-aside{display:grid;gap:20px;padding-top:0}.uo-side-panel{position:relative;padding:23px 20px;background:linear-gradient(130deg,#1a2a3ceb,#0a1524f5);border:1px solid #52677e;border-radius:4px;box-shadow:inset 0 0 0 4px #030a1288,0 6px 18px #0005}.uo-side-panel::before{content:'';position:absolute;inset:-2px;pointer-events:none;border:16px solid transparent;border-image:url('/static/uo-v2-frame.webp') 230/16px stretch;opacity:.85}.uo-side-panel h2{font:500 24px/1.3 Georgia,'Times New Roman',serif;color:#ecd5ae;margin:9px 0 10px}.uo-side-panel>p{font-size:12px;line-height:1.7;color:#a8bcd2;margin:0 0 18px}.uo-service{display:block;width:100%;padding:13px 0;background:none;border:0;border-top:1px solid #4d607540;text-align:left;cursor:pointer}.uo-service strong{display:block;font:600 14px Georgia,'Times New Roman',serif;color:#d7c59d}.uo-service span{display:block;color:#91a8c2;font-size:11px;margin-top:6px;line-height:1.45}.uo-service b{float:right;color:#c5a97a;font-size:18px}.uo-service:hover strong{color:#fff0c7}.uo-side-guide{padding-top:28px;background:linear-gradient(120deg,#16293ce8,#101d30f5)}
.card,.scard,.set-card{border-radius:4px;border-color:#40556c;background:linear-gradient(130deg,#182638,#101c2b);box-shadow:inset 0 0 0 3px #02081044}
.fi,.linput{border-radius:3px;border-color:#51667c;background:#0b1523;color:#e8edf4}.fi::placeholder,.linput::placeholder{color:#91a4bb}.login-bg{background-image:url('/static/uo-v2-background.webp');animation:none}.login-bg::after{background:linear-gradient(#06132622,#030a15aa)}.login-card{background:#0e1a2bf5;border:1px solid #718398;border-radius:4px;backdrop-filter:none;box-shadow:0 20px 70px #000b}.login-logo{animation:none;filter:drop-shadow(0 2px 6px #0008)}.orb,.particle{display:none}.login-sub{color:#b0bfd0}.ltabs,.ltab{border-radius:3px}.ltab.active{background:#34495f;color:#f3e4c8}.lor{color:#9badc1}
.eh-root{--eh-bg:#0c1727;--eh-card:#15243a;--eh-line:#435972;--eh-text:#e0e7ef;--eh-muted:#a8bbce;--eh-gold:#d9bb80}.eh-launcher{border-radius:6px;background:linear-gradient(#668199,#243c55);color:#efdba9;border-color:#91a4b8;box-shadow:inset 0 0 0 3px #08142655,0 5px 18px #0008}.eh-launcher:after{display:none}.eh-panel{border-radius:5px;border-color:#72859b;box-shadow:0 14px 36px #0009}.eh-header,.eh-composer{background:#112139}.eh-emblem{background:#23364d;border-color:#7f91a4;border-radius:3px;color:#ecd1a0}.eh-message-assistant .eh-message-body,.eh-source,.eh-settings-card{border-radius:4px}.eh-root textarea{background:#091323;border-color:#4d6380;border-radius:3px}.eh-send{border-radius:3px}.eh-suggestion{border-radius:3px;background:#24364c;border-color:#536985;color:#e3ceaa}
:where(button,a,input,textarea,select,[tabindex]):focus-visible{outline:2px solid #f2d294;outline-offset:3px}
@media(min-width:1600px){#crm.active{margin-top:110px;height:calc(100dvh - 134px)}.uo-chronicle-hero{min-height:244px}.hn-quicklinks .uo-art-link{min-height:135px;padding-left:120px}.hn-quicklinks .uo-art-link>img{width:115px;height:120px}}
@media(max-width:1250px){.uo-chronicle-layout{grid-template-columns:minmax(0,1fr) 210px;gap:19px}.uo-side-panel{padding:20px 16px}.hn-quicklinks .uo-art-link{padding-left:78px;padding-right:10px;gap:7px}.hn-quicklinks .uo-art-link>img{width:77px;height:91px;left:1px}.hn-quicklinks .uo-art-link strong{font-size:15px}.hn-quicklinks .uo-art-link small{font-size:10px}.uo-hero-actions button{min-width:160px}.uo-chronicle-hero{padding-left:27px;padding-right:27px}}
@media(max-width:1050px){#crm.active{width:calc(100% - 24px);margin-top:52px;height:calc(100dvh - 66px)}#crm .content{padding:21px 20px}.uo-chronicle-layout{grid-template-columns:1fr}.uo-world-aside{grid-template-columns:1fr 1fr}.uo-side-panel h2{font-size:22px}.hn-feature.hn-has-art .hn-preview{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}.hn-art{height:260px;border-bottom:0;border-right:1px solid #51677f}.hn-feature .hn-title{font-size:23px}.uo-portal-nav button{padding-left:20px;padding-right:20px}}
@media(max-width:800px){#crm.active{margin-top:8px;height:calc(100dvh - 16px)}#crm #top-bar{padding:0 15px}.uo-portal-nav{justify-content:flex-start;padding:0 6px}.uo-portal-nav button{padding:0 16px;font-size:13px}.uo-chronicle-hero{min-height:208px}.hn-quicklinks{gap:10px}.hn-quicklinks .uo-art-link{min-height:116px;padding-left:72px}.hn-quicklinks .uo-art-link strong{font-size:14px}.hn-quicklinks .uo-art-link small{font-size:10px}.hn-quicklinks .uo-art-link>img{width:72px;height:82px}}
@media(max-width:600px){:root{--tb-h:58px;--tb-gap:0px}body{background-size:auto 100dvh;background-attachment:scroll}#crm.active{display:block!important;width:100%;height:auto;min-height:100dvh;margin:0;border:0;border-radius:0;background:#091424a8;overflow:visible}#crm #top-bar{position:fixed;top:0;left:0;right:0;height:58px;padding-left:62px;padding-right:10px;z-index:98;box-shadow:0 3px 10px #0007}#tb-logo{display:none}#tb-play,#tb-signin{min-height:38px!important;height:38px!important;padding:0 16px!important}.uo-portal-nav{position:fixed;top:58px;left:0;right:0;height:48px;z-index:97;justify-content:flex-start;padding:0 8px;background:#16273bed}.uo-portal-nav button{min-height:46px;font-size:12px;padding:0 17px}.uo-portal-nav::before{border-image-width:8px}.mob-burger-btn{top:8px;border-radius:3px;background:linear-gradient(#384e64,#18283b);border-color:#8393a4;color:#ead1a0}#crm .sidebar{background:#0c1728f7!important;border-color:#60758a}.content,#crm .content{padding:126px 14px 24px!important;background:transparent}.uo-chronicle-hero{min-height:237px;padding:26px 20px;margin-bottom:20px;background-position:44% center;background-image:linear-gradient(90deg,#07111fe8,#0a1729b0 80%),url('/static/uo-v2-background.webp')}.uo-chronicle-hero::after{inset:-3px;border-width:19px;border-image-width:19px}.uo-chronicle-hero .pt{font-size:30px!important;line-height:1.13;max-width:310px}.uo-chronicle-hero .hn-heading>span{font-size:9px;letter-spacing:.17em}.uo-hero-intro{font-size:12px;line-height:1.65;max-width:270px;margin-top:12px}.uo-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.uo-hero-actions button{min-width:0;min-height:47px;padding:11px 17px;font-size:12px}.uo-hero-actions button::before{inset:-10px -6px}#news-add-btn{position:relative;top:auto;right:auto;margin-top:12px}.uo-chronicle-hero:has(#news-add-btn[style*='inline']){display:block}.hn-quicklinks{grid-template-columns:1fr;gap:11px;margin-bottom:25px}.hn-quicklinks .uo-art-link{min-height:89px;padding:15px 38px 15px 105px;flex-direction:row;align-items:center}.hn-quicklinks .uo-art-link>img{width:90px;height:91px;left:8px}.hn-quicklinks .uo-art-link strong{font-size:18px}.hn-quicklinks .uo-art-link small{display:block;font-size:11px;margin-top:6px}.hn-quicklinks .uo-art-link i{display:block;right:19px;bottom:30px;font-size:23px}.uo-section-heading h2{font-size:26px}.uo-chronicle-layout{gap:20px}.uo-world-aside{grid-template-columns:1fr}.hn-feature.hn-has-art .hn-preview{display:block}.hn-art{height:200px;border-right:0;border-bottom:1px solid #51677f}.hn-intro{padding:21px}.hn-title,.hn-feature .hn-title{font-size:25px}.hn-excerpt{font-size:13px}.hn-details{padding:0 21px 16px}.uo-side-panel{padding:23px}.login-card{padding-left:25px;padding-right:25px}#emuo-helper{display:none!important}}
@media(prefers-reduced-motion:reduce){.uo-portal-nav *,.uo-hero-actions *,.hn-quicklinks *,#crm.active,.hn-card{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Final hierarchy: identity first, article titles before their illustration. */
.uo-chronicle-hero{min-height:190px;padding-top:22px;padding-bottom:23px}
.uo-chronicle-hero .pt{font-size:46px;letter-spacing:.025em;margin-bottom:9px}
.uo-chronicle-hero .hn-heading>span{margin-bottom:7px}
.uo-hero-intro{margin-bottom:14px}
.hn-quicklinks .uo-art-link{min-height:103px}
.hn-quicklinks .uo-art-link>img{height:96px;width:96px}
.hn-feature.hn-has-art .hn-preview{display:flex!important;flex-direction:column;align-items:stretch}
.hn-feature .hn-intro{order:-1;padding-top:20px;padding-bottom:18px}
.hn-feature .hn-art{order:1;flex:none;height:200px;width:100%;border:0;border-top:1px solid #40546c}
@media(min-width:1600px){.uo-chronicle-hero{min-height:210px}.hn-quicklinks .uo-art-link{min-height:110px}.hn-quicklinks .uo-art-link>img{height:104px;width:108px}}
@media(max-width:600px){.uo-chronicle-hero{min-height:222px;padding:24px 20px}.uo-chronicle-hero .pt{font-size:42px!important}.uo-hero-intro{max-width:270px;font-size:13px}.uo-hero-actions{gap:17px}.uo-hero-actions button{font-size:12px;padding:12px 15px;min-height:48px}.uo-hero-actions button::before{inset:-10px -3px}.hn-quicklinks .uo-art-link{min-height:91px}.hn-quicklinks .uo-art-link>img{height:91px;width:90px}.hn-feature .hn-art{height:190px}}
@media(max-width:360px){.uo-hero-actions{grid-template-columns:1fr;gap:13px}.uo-hero-actions button{max-width:100%;font-size:13px}}
/* A real leather grain gives the forged panels material without distracting text. */
#crm .sidebar{background-image:linear-gradient(90deg,#07111cb8,#101d2bc4),url('/static/uo-v2-leather.webp');background-size:auto,420px 420px;background-repeat:repeat}
#crm #top-bar{background-image:linear-gradient(#273748a8,#101b29c7),url('/static/uo-v2-leather.webp');background-size:auto,460px 460px}
.uo-portal-nav{background-image:linear-gradient(#4553669c,#1a2c42a3 44%,#081728b5 50%,#192b40ad),url('/static/uo-v2-leather.webp');background-size:auto,380px 380px}
.hn-card,.hn-feature,.uo-side-panel,.uo-side-guide,.card,.scard,.set-card{background-image:linear-gradient(115deg,#162738a3,#081321bf),url('/static/uo-v2-leather.webp');background-size:auto,430px 430px;background-repeat:repeat}
.hn-quicklinks .uo-art-link{background-image:radial-gradient(ellipse at 20% 50%,#3a53695e,transparent 70%),linear-gradient(115deg,#1222378c,#061221b0),url('/static/uo-v2-leather.webp');background-size:auto,auto,380px 380px}
.hn-quicklinks .uo-art-link:hover{background-image:radial-gradient(ellipse at 20% 50%,#54749166,transparent 75%),linear-gradient(#1a304488,#0819299e),url('/static/uo-v2-leather.webp')}
.login-card{background-image:linear-gradient(#101e30b8,#071424d1),url('/static/uo-v2-leather.webp');background-size:auto,450px 450px}
@media(max-width:600px){#crm .sidebar{background-image:linear-gradient(#0d1829bd,#06111dcf),url('/static/uo-v2-leather.webp')!important}.uo-portal-nav{background-image:linear-gradient(#2c40549e,#0e2031c2),url('/static/uo-v2-leather.webp')}}