/* MU-TITAN — usability polish (28 Oct 2026).
   Loaded last. Fixes leaks from the old Titan theme and makes the player pages easier to read and scan. */

/* 1. Old site.css styles every <nav> as the mobile dropdown menu. Stop that leaking into in-page link lists. */
body.titan-skin :is(.dd-side-links,.dd-player-nav,.dd-footer-inner nav){position:static!important;top:auto!important;left:auto!important;right:auto!important;height:auto!important;flex:none;background:none!important;padding:0!important;border:0!important;z-index:auto!important;box-shadow:none!important}
body.titan-skin .dd-side-links{display:flex!important;flex-direction:column;align-items:stretch!important;gap:0}
body.titan-skin .dd-player-nav{display:grid!important}
body.titan-skin .dd-footer-inner nav{display:flex!important}
body.titan-skin :is(.dd-side-links,.dd-player-nav,.dd-footer-inner nav) a{height:auto!important;position:relative;font-family:Inter,Arial,sans-serif!important;text-transform:none;letter-spacing:0}
body.titan-skin :is(.dd-side-links,.dd-player-nav,.dd-footer-inner nav) a::after{display:none!important}

/* 2. Readable base type: the template used 9–12px Arial almost everywhere. */
body.titan-skin{--text:#cdbfa9;--muted:#a39278;font-family:Inter,Arial,Helvetica,sans-serif;font-size:14px;line-height:1.6}
body.titan-skin #main :is(p,li){line-height:1.75}

/* Hero */
.dd-slider .eyebrow{font-size:11px!important;letter-spacing:2.5px}
.dd-slider p{font-size:15px!important;color:#d6c4aa!important}
.dd-slider .button{font-size:14px;padding:12px 22px}

/* Quick-action tiles */
body.titan-skin .dd-player-nav{gap:12px}
body.titan-skin .dd-player-nav>a{display:flex;align-items:center;gap:12px;padding:14px 16px;min-height:76px;transition:border-color .15s,background .15s,transform .15s}
body.titan-skin .dd-player-nav>a:hover{border-color:#b18b4f;background:linear-gradient(#3d2b1b,#231a12);transform:translateY(-1px)}
.dd-player-nav img{width:38px;height:38px;flex-shrink:0}
.dd-player-nav strong{font-size:17px!important}
.dd-player-nav small{font-size:12px!important;color:#ab977c!important;margin-top:3px!important;letter-spacing:0}

/* News */
.dd-news-meta{font-size:11px!important;color:#a8865a!important}
.dd-news-links{font-size:14px!important}
.dd-news ol li{margin:4px 0}
.dd-section-intro{font-size:13px!important;align-items:center}

/* Tables (rankings, hall of legends) */
body.titan-skin table{font-size:14px}
body.titan-skin th{font-size:11px!important;color:#b08f62!important;white-space:nowrap}
body.titan-skin :is(td,th){padding:12px 12px}
body.titan-skin td small{font-size:11px!important;color:#9a8566!important}
body.titan-skin tbody tr:hover td{background:#ffffff07}
body.titan-skin .dd-content .table-scroll{max-height:none!important;overflow-y:visible!important}
.dd-empty{font-size:13px!important}

/* 3. Sidebar */
.dd-sidebar{gap:20px!important}
#dd-login{gap:6px!important}
#dd-login label{font-size:13px!important;color:#c2ab88!important;margin-top:6px}
#dd-login label:first-child{margin-top:0}
body.titan-skin #dd-login input{min-height:44px!important;font-size:14px!important}
#dd-login .dd-login-button{margin-top:12px;font-size:14px}
.dd-login-result{font-size:13px!important}
.dd-login-result:empty{display:none}
.dd-register{font-size:13px!important;margin-top:8px!important}
.dd-account-greeting{font-size:14px!important}
.dd-account-menu{font-size:14px!important;gap:0!important}
.dd-account-menu>*{padding:10px 0;border-bottom:1px solid #3a2d22;font-size:14px!important;min-height:44px;display:flex;align-items:center}
.dd-account-menu>*:last-child{border:0}

.dd-realm h2{font-size:22px!important;margin:12px 0 4px!important}
.dd-realm-indicator{font-size:11px!important}
.dd-realm dl{margin:18px 0 14px!important}
.dd-realm dl>div{font-size:14px!important;padding:10px 0!important}
.dd-realm dd{font-weight:600;font-variant-numeric:tabular-nums}
.dd-realm>a{font-size:13px!important}

body.titan-skin .dd-side-links a{display:flex!important;justify-content:space-between;align-items:center;gap:10px;min-height:46px;padding:11px 2px!important;font-size:14px!important;font-weight:500;color:#d7bb84;border-bottom:1px solid #3a2d22;transition:color .15s,padding .15s}
body.titan-skin .dd-side-links a:last-child{border-bottom:0}
body.titan-skin .dd-side-links a:hover{color:#ffe4af;padding-left:8px!important}
body.titan-skin .dd-side-links a span{float:none!important;font-size:20px;line-height:1;color:#8f6c45}

/* Download call-to-action: the old 80×20px button image was stretched into a pixelated mess. */
body.titan-skin .dd-download{display:block;padding:26px 18px!important;text-align:center;background:linear-gradient(180deg,#1a100acc,#120b07f2),url('assets/titan/slideshow/3.jpg') center/cover!important;border:1px solid #8a643d!important;box-shadow:0 0 0 4px #2a1e15,0 0 0 5px #6b5236,0 8px 20px #0008!important;margin:5px;transition:border-color .15s}
body.titan-skin .dd-download:hover{border-color:#d3af68!important}
.dd-download small{font-size:11px!important;letter-spacing:2.5px!important;color:#c39d63!important}
.dd-download strong{font:600 24px/1.2 Cinzel,Georgia,serif!important;color:#f3cf86!important;margin:10px 0 16px!important;text-shadow:0 2px 6px #000}
.dd-download span{display:inline-block;padding:10px 18px;font-size:13px!important;font-weight:600;color:#f4ddad!important;background:linear-gradient(#80562b,#4f311b);border:1px solid #a47c46}

/* 4. Navigation */
body.titan-skin>header nav a[hidden]{display:none!important}
body.titan-skin>header nav a.dd-nav-account{color:#f3dcad}
@media(min-width:851px) and (max-width:1180px){body.titan-skin>header nav a{padding-inline:12px!important;font-size:14px!important}}

/* Footer */
.dd-footer-inner p{font-size:13px!important}
body.titan-skin .dd-footer-inner nav{gap:6px 22px!important;align-items:center}
body.titan-skin .dd-footer-inner nav a{font-size:14px!important;padding:8px 0}
.dd-credits{font-size:12px!important}

/* 5. Card grids: the template forced every guide/event list into one very long column. */
body.titan-skin #main :is(.reference-grid,.guide-grid,.stat-grid){display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;gap:14px}
body.titan-skin #main .event-guide-card{display:flex;flex-direction:column;gap:8px;padding:20px!important;margin:0;background:#1e170f;border:1px solid #51402a;text-decoration:none!important;transition:border-color .15s,background .15s}
body.titan-skin #main .event-guide-card:hover{background:#2b2013;border-color:#a28049}
body.titan-skin #main .event-guide-card .eyebrow{font-size:11px}
body.titan-skin #main .event-guide-card h2{font:500 19px/1.35 Georgia,serif!important;margin:2px 0 0!important;color:#e3c48c}
body.titan-skin #main .event-guide-card p{font-size:13px;margin:0}
body.titan-skin #main .event-guide-card .card-footer{margin-top:auto;padding-top:6px;font-size:13px;color:#cfa75f}
body.titan-skin #main .results-label{font-size:13px;color:var(--muted);margin:4px 0 12px}

.dd-guide-card-meta,.dd-guide-card-meta small{font-size:11px!important}
.dd-guide-card-link{font-size:13px!important}
body.titan-skin #main .dd-guide-card h2{font-size:20px!important}
@media(max-width:1180px){.dd-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.dd-library-grid{grid-template-columns:1fr!important}}
.dd-library-categories button{font-size:13px!important}
.dd-library-categories button:hover{border-color:#a28049;color:#f0d6a6}
.dd-guide-contents button{font-size:14px!important}
.dd-guide-meta{font-size:12px!important}

/* 6. Data-heavy pages (rankings, guilds, characters, bestiary…) get the full width; sidebar moves below. */
body.dd-wide .dd-grid{grid-template-columns:minmax(0,1fr)!important}
body.dd-wide .dd-sidebar{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}
body.dd-wide .dd-sidebar>*{margin:0!important}
@media(max-width:1100px){body.dd-wide .dd-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 7. Inner pages: smaller masthead so content is visible without scrolling past the artwork. */
body.titan-skin:not(.dd-home-route) .dd-masthead{height:250px}
body.titan-skin:not(.dd-home-route) .dd-logo{top:135px}

/* 8. Mobile */
@media(max-width:850px){
 body.titan-skin>header{position:fixed!important;top:0;box-shadow:0 4px 14px #0008}
 body.titan-skin>header.menu-open nav{gap:6px;padding-bottom:10px}
 body.titan-skin>header nav a{justify-content:center;border:1px solid #3d2c1d!important;background:#24190f}
 body.titan-skin .dd-player-nav>a{display:flex!important;text-align:left!important}
 body.titan-skin .dd-player-nav img{margin:0!important}
}
@media(max-width:650px){
 body.titan-skin:not(.dd-home-route) .dd-masthead{height:200px}
 body.titan-skin:not(.dd-home-route) .dd-logo{top:120px}
 body.titan-skin:not(.dd-home-route) .dd-logo>small{display:none}
 .dd-slider{background:linear-gradient(180deg,#130d0cf2 0%,#130d0cd0 55%,#130d0c80 100%),url('assets/titan/slideshow/2.jpg') 70% center/cover!important}
 .dd-slider p{max-width:none!important}
 body.titan-skin .dd-player-nav{grid-template-columns:1fr!important;gap:8px}
 body.titan-skin .dd-player-nav>a{min-height:64px}
 body.titan-skin #main :is(.reference-grid,.guide-grid,.stat-grid){grid-template-columns:1fr!important}
 body.dd-wide .dd-sidebar{grid-template-columns:1fr}
 body.titan-skin :is(td,th){padding:10px 9px}
 .dd-footer-inner nav{justify-content:flex-start!important}
}

/* 9. Item tooltips (built from the game-server item configuration) */
body.titan-skin .mu-tooltip{max-width:340px;font-size:13px;line-height:1.55;text-align:center}
body.titan-skin .mu-tooltip :is(.mu-tooltip-req,.mu-tooltip-classes,.mu-tooltip-extra,.mu-item-description){margin-top:8px;padding-top:8px;border-top:1px solid #ffffff14}
body.titan-skin .mu-tooltip .mu-tooltip-req{color:#d8d2c4}
body.titan-skin .mu-tooltip .mu-tooltip-classes{color:#c9c0ff}
body.titan-skin .mu-tooltip .mu-extra-line.gap{margin-top:8px}
body.titan-skin .mu-tooltip .mu-extra-line.bold{font-weight:700}
body.titan-skin .mu-tooltip .mu-item-description{font-style:italic}

/* 10. Join / Download call-to-action between Member panel and Realm statistics */
.dd-join{display:grid;gap:10px;padding:20px 18px;text-align:center;background:linear-gradient(180deg,#1d140dee,#120c08f5),url('assets/titan/slideshow/1.jpg') center/cover;border:1px solid #8a643d;box-shadow:0 0 0 4px #2a1e15,0 0 0 5px #6b5236,0 8px 20px #0008;margin:5px}
.dd-join-eyebrow{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:#c39d63;margin-bottom:2px}
body.titan-skin .dd-join-btn{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;font:700 15px/1 Cinzel,Georgia,serif;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;color:#f1dcae;background:linear-gradient(#3a2817,#22170d);border:1px solid #8c6a3e;border-radius:2px;box-shadow:inset 0 1px #d8b97420;transition:filter .15s,transform .15s,border-color .15s}
body.titan-skin .dd-join-btn.primary{color:#2a1606;background:linear-gradient(#f0cd85,#c79546 55%,#a8762f);border-color:#f3d79b;text-shadow:0 1px #f7e2b080;box-shadow:inset 0 1px #fff3cf90,0 0 18px #d4a25640}
body.titan-skin .dd-join-btn:hover{filter:brightness(1.12);transform:translateY(-1px);color:#fff1cf}
body.titan-skin .dd-join-btn.primary:hover{color:#1d0f03}

/* 11. Guide screenshots (files in assets/guides/, see README.txt there) */
.dd-guide-shot{margin:18px 0 4px;border:1px solid #5f472b;background:#120d09;box-shadow:0 0 0 3px #241a11}
.dd-guide-shot img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.dd-guide-shot figcaption{padding:9px 12px;font-size:12px;color:#ad9575;border-top:1px solid #3d2d1c}

/* 12. Discord button in the top navigation */
body.titan-skin>header nav a.dd-nav-discord{gap:8px;color:#fff!important;background:linear-gradient(#6a74f2,#4752c4)!important;border:1px solid #8f97ff!important;margin:14px 0 14px 10px;height:40px!important;padding:0 16px!important;border-radius:3px;box-shadow:0 0 14px #5865f240!important;text-shadow:none!important}
body.titan-skin>header nav a.dd-nav-discord:hover{filter:brightness(1.12)}
body.titan-skin>header nav a.dd-nav-discord svg{width:18px;height:18px}
@media(max-width:850px){body.titan-skin>header nav a.dd-nav-discord{margin:0;height:auto!important;min-height:48px;justify-content:center}}

/* 13. Rules & Terms of Service */
.dd-rules{max-width:820px;margin:0 auto}
.dd-rules-heading{padding-bottom:22px;border-bottom:1px solid #574028;margin-bottom:22px}
body.titan-skin #main .dd-rules-heading h1{font:500 32px/1.25 Cinzel,Georgia,serif;color:#e5c994;margin:10px 0 12px}
body.titan-skin #main .dd-rules-heading p{font-size:15px;color:#c8b296;margin:0 0 8px}
.dd-rules-heading small{font-size:12px;color:#9b8160}
.dd-rules-notice{padding:18px 20px;margin:0 0 24px;background:linear-gradient(110deg,#3b2414,#231710);border:1px solid #a0603a;border-left:3px solid #e0894e}
.dd-rules-notice strong{display:block;color:#f2b27f;font-size:13px;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}
body.titan-skin #main .dd-rules-notice p{margin:0;color:#e6cdb0;font-size:14px}
.dd-rules-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;padding:18px 20px;background:#241b11;border:1px solid #5f472b;margin:0 0 30px}
.dd-rules-toc button{display:flex;gap:10px;text-align:left;border:0;background:none;color:#c4ab86;font-size:14px;padding:8px 0;min-height:38px;cursor:pointer}
.dd-rules-toc button:hover{color:#ffe0a0}.dd-rules-toc button span{color:#97713c;font-size:11px;padding-top:2px}
.dd-rules-section{scroll-margin-top:80px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid #3d2d1c}
body.titan-skin #main .dd-rules-section h2{display:flex;gap:12px;align-items:baseline;font:500 22px/1.35 Georgia,serif;color:#e1c38e;margin:0 0 12px}
.dd-rules-section h2 span{font:600 13px Inter,sans-serif;color:#97713c}
body.titan-skin #main .dd-rules-section :is(p,li){font-size:15px;line-height:1.85;color:#c6b195}
.dd-rules-section ul{padding-left:20px;margin:8px 0 0}.dd-rules-section li{margin:6px 0}.dd-rules-section li::marker{color:#bf9759}
.dd-rules-section b{color:#ead1a1}
.dd-rules-contact{padding:20px;background:#21190f;border:1px solid #584129;text-align:center}
body.titan-skin #main .dd-rules-contact p{color:#d6c0a0;margin:0 0 14px}
.dd-rules-contact div{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.dd-rules-contact .dd-join-btn{min-width:170px}
@media(max-width:650px){.dd-rules-toc{grid-template-columns:1fr}body.titan-skin #main .dd-rules-heading h1{font-size:26px}}

/* 14. Item database */
.dd-item-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}
.dd-item-filters label{display:grid;gap:6px;font-size:12px;color:#b89b72}
body.titan-skin #main .dd-item-filters select{min-height:42px;padding:8px 10px;background:#100d09;border:1px solid #5f472b;color:#e4d1b1;border-radius:2px;font-size:13px}
.dd-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px}
.dd-item-card{display:flex;gap:12px;align-items:center;padding:12px;background:#1e170f;border:1px solid #51402a;text-decoration:none!important;transition:border-color .15s,background .15s;min-width:0}
.dd-item-card:hover{background:#2b2013;border-color:#a28049}
.dd-item-card.is-dark{background:#17141a;border-color:#4a4152}
.dd-item-icon{flex-shrink:0;width:56px;height:72px;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#2e2418,#120d09 75%);border:1px solid #3d2d1c}
.dd-item-icon img{max-width:100%;max-height:100%;object-fit:contain}
.dd-item-icon b{color:#6f5a40;font-size:22px}
.dd-item-icon.big{width:110px;height:140px}
.dd-item-info{display:grid;gap:3px;min-width:0}
.dd-item-info strong{font:500 15px/1.3 Georgia,serif;color:#e3c48c;overflow-wrap:anywhere}
.dd-item-info small{font-size:11px;color:#9f8662}
.dd-item-info em{font-style:normal;font-size:12px;color:#d8c4a2}
.dd-item-classes{font-size:11px;color:#a99cd8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dd-item-more{text-align:center;margin:20px 0 4px}.dd-item-more .dd-join-btn{display:inline-flex;min-width:240px}
.dd-item-head{display:flex;gap:20px;align-items:center;padding:0 0 22px;border-bottom:1px solid #574028;margin:0 0 24px}
body.titan-skin #main .dd-item-head h1{font:500 32px/1.2 Cinzel,Georgia,serif;color:#e5c994;margin:8px 0}
body.titan-skin #main .dd-item-head p{margin:0;color:#c3ad8d}
.dd-item-layout{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:24px;align-items:start}
body.titan-skin #main .dd-item-layout h2{font:500 20px Georgia,serif;color:#e1c38e;margin:0 0 14px}
.dd-item-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:0 0 14px;padding:12px 14px;background:#21190f;border:1px solid #584129}
.dd-item-controls label{display:flex;gap:10px;align-items:center;font-size:13px;color:#d6bd92}
.dd-item-controls b{min-width:30px;color:#f3cf86}
.dd-item-controls input[type=range]{width:150px;accent-color:#c79546}
.dd-check input{accent-color:#00c08a;width:16px;height:16px}
body.titan-skin .mu-tooltip.dd-item-tooltip{position:static!important;width:auto;max-width:none;max-height:none;margin:0}
.dd-source{margin:0 0 18px;padding:16px 18px;background:#1c150e;border:1px solid #4e3925}
body.titan-skin #main .dd-source h3{font:600 13px Inter,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#c9a066;margin:0 0 10px}
.dd-source-list{list-style:none;margin:0;padding:0}
.dd-source-list li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #33261a;font-size:14px;color:#d9c6a6}
.dd-source-list li:last-child{border:0}
.dd-source-list small{color:#9f8662;font-size:12px}
.dd-source-list b{color:#f0c875;white-space:nowrap}
.dd-recipe{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:10px 0;border-bottom:1px solid #33261a;font-size:13px}
.dd-recipe:last-child{border:0}
.dd-recipe a,.dd-chip-list a{padding:5px 9px;background:#2a2014;border:1px solid #5f472b;color:#e3c48c;text-decoration:none}
.dd-recipe a:hover,.dd-chip-list a:hover{border-color:#a28049;color:#ffe4af}
.dd-recipe span{color:#8f6c45}.dd-recipe em{font-style:normal;color:#f0c875}
.dd-chip-list{display:flex;flex-wrap:wrap;gap:6px;font-size:13px}.dd-chip-list span{color:#9f8662;padding:5px}
.dd-source-none{color:#b9a382;font-size:14px}
@media(max-width:1100px){.dd-item-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.dd-item-layout{grid-template-columns:1fr}}
@media(max-width:650px){.dd-item-filters{grid-template-columns:1fr}.dd-item-head{gap:14px}.dd-item-icon.big{width:80px;height:100px}body.titan-skin #main .dd-item-head h1{font-size:24px}.dd-source-list li{flex-direction:column;gap:2px}}
body.titan-skin .mu-tooltip.dd-item-tooltip[hidden]{display:block!important}

/* 15. Guide library (category sidebar + table guides) */
.dd-wiki{display:grid;grid-template-columns:270px minmax(0,1fr);gap:26px;align-items:start}
.dd-wiki-side{position:sticky;top:16px;display:grid;gap:14px;padding:16px;background:#1a140e;border:1px solid #4e3925}
.dd-wiki-search{display:grid;gap:7px;font-size:12px;color:#b89b72}
body.titan-skin #main .dd-wiki-search input{min-height:42px;padding:10px 12px;background:#100d09;border:1px solid #6a5235;color:#e4d1b1;border-radius:2px;font-size:14px}
.dd-wiki-cat{border-top:1px solid #33261a}
.dd-wiki-cat>button{display:flex;width:100%;justify-content:space-between;align-items:center;gap:10px;padding:11px 2px;min-height:44px;background:none;border:0;color:#e3c48c;font:500 15px Georgia,serif;cursor:pointer;text-align:left}
.dd-wiki-cat>button b{min-width:26px;padding:2px 7px;font:600 11px Inter,sans-serif;color:#d6bd92;background:#2d2216;border:1px solid #5f472b;border-radius:10px;text-align:center}
.dd-wiki-cat>button:after{content:'›';color:#8f6c45;font-size:18px;transition:transform .15s;margin-left:-4px}
.dd-wiki-cat.open>button:after{transform:rotate(90deg)}
.dd-wiki-links{display:none;padding:0 0 10px}
.dd-wiki-cat.open .dd-wiki-links{display:grid}
.dd-wiki-links a{padding:8px 10px;font-size:14px;color:#c9b28c;text-decoration:none;border-left:2px solid transparent}
.dd-wiki-links a:hover{color:#ffe4af;background:#ffffff06}
.dd-wiki-links a.active{color:#ffe0a0;border-left-color:#d4a651;background:#2a1f13}
.dd-wiki-empty{font-size:13px;color:#9f8662;margin:6px 0}
.dd-wiki-article{min-width:0}
body.titan-skin #main .dd-wiki-article h1{font:500 32px/1.2 Cinzel,Georgia,serif;color:#e5c994;margin:8px 0 10px}
body.titan-skin #main .dd-wiki-intro{font-size:15px;color:#cdb895;margin:0 0 20px}
.dd-wiki-block{margin:0 0 22px}
body.titan-skin #main .dd-wiki-block h2{font:500 20px Georgia,serif;color:#e1c38e;margin:0 0 10px}
.dd-wiki-table-wrap{overflow-x:auto;border:1px solid #4e3925}
body.titan-skin table.dd-wiki-table{width:100%;border-collapse:collapse;font-size:14px}
body.titan-skin .dd-wiki-table th{background:#2a1f13!important;color:#d9b97c!important;font:600 12px Inter,sans-serif!important;letter-spacing:.5px;text-transform:uppercase;text-align:left;padding:11px 14px!important}
body.titan-skin .dd-wiki-table td{padding:10px 14px!important;color:#d5c3a4;border-bottom:1px solid #33261a;vertical-align:top}
body.titan-skin .dd-wiki-table tbody tr:nth-child(even) td{background:#ffffff05}
body.titan-skin .dd-wiki-table td.k{color:#f0d49b;font-weight:600;white-space:nowrap;width:1%}
body.titan-skin .dd-wiki-table tbody tr:last-child td{border-bottom:0}
.dd-wiki-list{margin:8px 0 0;padding-left:20px}
body.titan-skin #main .dd-wiki-list li{font-size:14px;line-height:1.75;color:#d0bc9b;margin:3px 0}
.dd-wiki-list li::marker{color:#bf9759}
body.titan-skin #main .dd-wiki-note{margin:10px 0 0;padding:10px 14px;font-size:13px;color:#d6c0a0;background:#21190f;border-left:2px solid #a3803f}
.dd-wiki-related{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:24px;padding-top:16px;border-top:1px solid #3d2d1c}
.dd-wiki-related span{font-size:12px;color:#9f8662;text-transform:uppercase;letter-spacing:1px;margin-right:4px}
.dd-wiki-related a{padding:6px 11px;background:#2a2014;border:1px solid #5f472b;color:#e3c48c;font-size:13px;text-decoration:none}
@media(max-width:900px){.dd-wiki{grid-template-columns:1fr}.dd-wiki-side{position:static}}
@media(max-width:650px){body.titan-skin .dd-wiki-table td.k{white-space:normal}body.titan-skin #main .dd-wiki-article h1{font-size:25px}}
body.titan-skin .dd-wiki-side nav{position:static!important;display:block!important;height:auto!important;flex:none;gap:0!important;padding:0!important;background:none!important;border:0!important;z-index:auto!important}
body.titan-skin .dd-wiki-side nav a{display:block!important;height:auto!important;position:static;font-family:Inter,Arial,sans-serif!important}
body.titan-skin .dd-wiki-side nav a::after{display:none!important}
body.titan-skin #main .dd-wiki-search input{width:100%;box-sizing:border-box;max-width:100%}
.dd-wiki-side{min-width:0;box-sizing:border-box}
body.titan-skin .dd-wiki-table :is(td,th){text-align:left!important}
.dd-wiki-block>.dd-wiki-table-wrap+.dd-wiki-list,.dd-wiki-block>.dd-wiki-list+.dd-wiki-table-wrap{margin-top:10px}

/* 16. Item database icons: contain every icon inside its frame, centred */
body.titan-skin .dd-item-icon{position:relative;width:64px;height:80px;padding:5px;box-sizing:border-box;overflow:hidden;display:flex;align-items:center;justify-content:center}
body.titan-skin .dd-item-icon.big{width:120px;height:150px;padding:10px}
body.titan-skin .dd-item-icon img{display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-width:0;object-fit:contain;object-position:center;margin:0;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}
body.titan-skin .dd-item-card{align-items:center;min-height:104px}
body.titan-skin .dd-item-card:hover .dd-item-icon{border-color:#a28049}
@media(max-width:650px){body.titan-skin .dd-item-icon.big{width:86px;height:108px;padding:7px}}

/* Warehouse inside the account panel: one column, note under the grid. */
body.titan-skin #main .acct-content .warehouse-layout{grid-template-columns:minmax(0,420px);justify-content:center;padding:0 28px;gap:10px}
body.titan-skin #main .acct-content .warehouse-hint{padding:4px 0 0;text-align:center}
body.titan-skin #main .acct-content .warehouse-hint small{margin:0 auto}

/* Beta launch countdown (home page). */
body.titan-skin .dd-beta{margin:18px 0 6px;padding:22px 24px 20px;border:1px solid rgba(214,170,92,.45);border-radius:6px;background:linear-gradient(180deg,rgba(60,38,18,.88),rgba(24,16,10,.92));box-shadow:inset 0 0 0 1px rgba(0,0,0,.5),0 10px 30px rgba(0,0,0,.35);text-align:center}
body.titan-skin .dd-beta-head{display:flex;flex-direction:column;align-items:center;gap:10px}
body.titan-skin .dd-beta-badge{display:inline-block;padding:4px 12px;border:1px solid #d6aa5c;border-radius:999px;color:#f4d58d;font-size:11px;font-weight:700;letter-spacing:.18em;background:rgba(214,170,92,.12)}
body.titan-skin .dd-beta h2{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:26px;color:#f1dcae;letter-spacing:.02em}
body.titan-skin .dd-beta-timer{display:grid;grid-template-columns:repeat(4,minmax(0,92px));justify-content:center;gap:12px;margin:18px 0 14px}
body.titan-skin .dd-beta-timer div{padding:12px 4px 9px;border:1px solid rgba(214,170,92,.35);border-radius:4px;background:rgba(0,0,0,.35)}
body.titan-skin .dd-beta-timer b{display:block;font-family:Georgia,'Times New Roman',serif;font-size:34px;line-height:1;color:#ffd98a;font-variant-numeric:tabular-nums;text-shadow:0 0 14px rgba(255,170,60,.35)}
body.titan-skin .dd-beta-timer small{display:block;margin-top:6px;color:#b9a888;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
body.titan-skin .dd-beta-when{margin:0;color:#cbbd9f;font-size:14px;line-height:1.6}
body.titan-skin .dd-beta-when strong{color:#f4d58d}
body.titan-skin .dd-beta-when span{color:#9c8f77;font-size:12.5px}
body.titan-skin .dd-beta-note{margin:12px 0 0;color:#cbbd9f}
body.titan-skin .dd-beta.is-live{border-color:#7fbf6a}
@media(max-width:560px){body.titan-skin .dd-beta{padding:18px 14px}body.titan-skin .dd-beta h2{font-size:21px}body.titan-skin .dd-beta-timer{gap:7px;grid-template-columns:repeat(4,minmax(0,1fr))}body.titan-skin .dd-beta-timer b{font-size:26px}}

/* ---------- Navigation refresh ---------- */
body.titan-skin>header nav>a:not(.dd-nav-discord){position:relative;padding:0 20px!important;font:600 13px Georgia,'Times New Roman',serif!important;letter-spacing:.12em;text-transform:uppercase;color:#d9c08e!important;border:0!important;background:none!important;box-shadow:none!important}
body.titan-skin>header nav>a:not(.dd-nav-discord)+a:not(.dd-nav-discord):before{content:'';position:absolute;left:0;top:24px;bottom:22px;width:1px;background:linear-gradient(#0000,#c79a5466,#0000)}
body.titan-skin>header nav>a:not(.dd-nav-discord):after{content:'';display:block!important;position:absolute;left:50%;right:50%;bottom:12px;height:2px;border-radius:2px;background:linear-gradient(90deg,#0000,#f3c56b,#0000);transition:left .2s,right .2s}
body.titan-skin>header nav>a:not(.dd-nav-discord):hover,body.titan-skin>header nav>a.active{color:#ffe9b3!important;text-shadow:0 0 14px #f5b94f99,0 1px 2px #000!important}
body.titan-skin>header nav>a:not(.dd-nav-discord):hover:after,body.titan-skin>header nav>a.active:after{left:16px;right:16px}
body.titan-skin>header nav>a.active{background:radial-gradient(ellipse at 50% 100%,#d9a2442e,#0000 70%)!important}
body.titan-skin>header nav a.dd-nav-discord{margin:15px 0 15px 18px!important;height:38px!important;padding:0 14px!important;gap:8px;font:600 12.5px Inter,Arial,sans-serif!important;letter-spacing:.06em;color:#ecd6a6!important;background:linear-gradient(#2a1e13,#1a120b)!important;border:1px solid #8c6a3a!important;border-radius:3px;box-shadow:inset 0 1px #ffffff10,0 2px 8px #0008!important}
body.titan-skin>header nav a.dd-nav-discord svg{color:#8f98ff}
body.titan-skin>header nav a.dd-nav-discord:hover{filter:none;border-color:#e0b062!important;color:#fff0c8!important;box-shadow:0 0 14px #d29b3240,inset 0 1px #ffffff14!important}
body.titan-skin>header nav .lang-switch{margin:15px 0 15px 8px;display:flex;align-items:center}
body.titan-skin>header nav .lang-current{height:38px;border-radius:3px;background:linear-gradient(#2a1e13,#1a120b);border-color:#8c6a3a;color:#ecd6a6}
body.titan-skin>header nav .lang-current:hover{border-color:#e0b062;color:#fff0c8}
@media(max-width:850px){
 body.titan-skin>header .menu-toggle{width:44px;height:40px;padding:0;font-size:20px;line-height:1;border-radius:3px;color:#f3d79c;background:linear-gradient(#2e2115,#1c140c);border:1px solid #9b713c;box-shadow:0 2px 8px #0008}
 body.titan-skin>header.menu-open{background:linear-gradient(#1d150d,#140e08)!important;box-shadow:0 14px 30px #000c;border-bottom:1px solid #6b4f2c}
 body.titan-skin>header.menu-open nav{gap:8px;padding:12px 0 14px}
 body.titan-skin>header nav>a:not(.dd-nav-discord){padding:13px 10px!important;min-height:46px;justify-content:center;font-size:13px!important;border:1px solid #5a4227!important;border-radius:3px;background:linear-gradient(#2a1e13cc,#18110bcc)!important}
 body.titan-skin>header nav>a:not(.dd-nav-discord):before{display:none}
 body.titan-skin>header nav>a:not(.dd-nav-discord):after{bottom:6px}
 body.titan-skin>header nav>a.active{border-color:#c89a50!important}
 body.titan-skin>header nav a.dd-nav-discord{margin:0!important;min-height:46px;justify-content:center}
 body.titan-skin>header nav .lang-switch{margin:0;display:block;width:100%}
 body.titan-skin>header nav .lang-current{height:46px;width:100%;justify-content:center}
}