:root{--header-height:112px;--surface:#fff;--text:#203f50;--field:#fff;--panel:#f4f7f9}
html[data-theme=dark]{color-scheme:dark;--surface:#18222e;--field:#111a25;--text:#e0e8f1;--line:#3a4a5d;--muted:#a6b8cb;--accent:#7dcaee;--soft:#243446;--panel:#213142;background:#111a25;color:var(--text)}
html[data-theme=dark] body{background:#111a25;color:var(--text)}
.header{height:auto;min-height:112px;display:flex;flex-wrap:wrap;gap:8px 16px;padding:9px 20px 0;background:var(--surface)}
.header .brand{color:var(--text)}.header .brand span{color:var(--muted)}.header .header-region{padding-left:12px}
.site-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.site-actions button,.site-actions a{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);padding:7px 9px;min-height:36px;font-size:12px;text-decoration:none;white-space:nowrap}
.header .page-nav{position:static;height:auto;align-self:auto;order:10;display:flex;flex-direction:column;flex:0 0 100%;gap:6px;border:0;overflow:visible;padding:0 0 8px;white-space:normal;min-width:0;max-width:100%;margin:0}
.nav-groups{display:flex;gap:4px;border-bottom:1px solid var(--line)}
.nav-groups button{font:inherit;font-size:13px;font-weight:650;min-height:38px;padding:7px 18px;border:0;border-bottom:3px solid transparent;border-radius:4px 4px 0 0;background:transparent;color:var(--muted)}
.nav-groups button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--accent);background:var(--soft)}
.nav-groups button:focus-visible,.nav-pages a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.nav-pages{display:flex;flex-wrap:wrap;gap:5px}.nav-pages[hidden]{display:none}
.header .page-nav a{display:flex;flex-direction:row;align-items:center;gap:6px;flex:none;padding:5px 10px;border:1px solid transparent;border-radius:6px;color:var(--text);font-size:13px;min-height:42px;text-decoration:none;white-space:normal}
.header .page-nav a.active{background:var(--soft);border-color:var(--accent);color:var(--accent)}.header .page-nav img{width:28px;height:28px;object-fit:contain;flex-shrink:0}
@media(max-width:600px){.nav-groups{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}.nav-groups button{font-size:11px;line-height:1.3;padding:6px 2px;overflow-wrap:anywhere}.nav-pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.header .page-nav a{min-width:0;font-size:11px;line-height:1.3;padding:5px 3px;justify-content:flex-start;overflow-wrap:anywhere}.header .page-nav #skyship-page{grid-column:span 2}.header .page-nav img{width:24px;height:24px}}
.workspace{height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height))}
html[data-ads=false] :is(.ad-placement,.catalog-ad-rail,.ad-rail){display:none!important}html[data-ads=false] :is(.resource-body,.index-body,.monster-catalog-body){grid-template-columns:minmax(0,1fr)}
html[data-theme=dark] :is(input,select,textarea){background-color:var(--field);color:var(--text);border-color:var(--line)}
html[data-theme=dark] :is(a,.text-button){color:var(--accent)}html[data-theme=dark] :is(.muted,.resource-note,.index-note){color:var(--muted)}
.account-content{padding:24px;overflow:auto;min-width:0;background:var(--surface);color:var(--text);height:100%}.account-main{max-width:1080px;margin:auto}.account-main h1{margin-top:0}.account-main h2{font-size:19px}.account-main p{line-height:1.6}.account-card{padding:20px;border:1px solid var(--line);border-radius:10px;margin:18px 0;background:var(--surface)}.account-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.account-actions button,.account-actions a,.membership-card button{min-height:42px;padding:10px 14px;border-radius:6px;border:1px solid var(--line);font:inherit;color:var(--text);background:var(--surface);text-decoration:none}.account-actions .primary,.membership-card .primary{background:#166889;color:white;border-color:#166889}.membership-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.membership-card{border:1px solid var(--line);border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:10px;min-width:0}.membership-card h3{margin:0}.membership-card p{margin:0}.membership-card ul{padding-left:20px;flex:1;line-height:1.8}.membership-card button{width:100%}.account-main input:not([type=checkbox]),.account-main textarea{display:block;max-width:100%;width:100%;padding:10px;border:1px solid var(--line);border-radius:5px;margin:8px 0}.account-status{padding:10px 14px;border-left:3px solid var(--accent);background:var(--soft);overflow-wrap:anywhere}.account-status.error{border-color:#dc6b5d}.account-main button:disabled{cursor:not-allowed;opacity:.6}.slot-membership-note{font-size:12px;color:var(--muted);line-height:1.5}
body[data-page=account] .workspace{display:block}body[data-page=account] .workspace>:not(.account-content){display:none!important}
@media(max-width:900px){.header{gap:7px;padding:8px 10px 0}.header .brand{font-size:16px}.header .server-picker{border:0;padding:0;max-width:140px}.header .site-actions{margin-left:auto}.header .mobile-filter{order:2}.sidebar{top:var(--header-height)}.header .page-nav a{font-size:11px}.site-actions button,.site-actions a{font-size:11px;padding:6px}.account-content{padding:16px}}
@media(max-width:520px){.site-actions{flex:1;justify-content:flex-end}.header .server-picker{max-width:125px}.header .brand span{display:none}.account-card{padding:14px}}

/* Neutral interface colours; original quality and game artwork stay intact. */
html[data-theme=dark]{--ui-bg-dfeafa:#243446;--ui-bg-e3f1f7:#243446;--ui-bg-e4e7f0:#243446;--ui-bg-e7f2f9:#243446;--ui-bg-e8eef3:#243446;--ui-bg-e8eff2:#243446;--ui-bg-e8f0f5:#243446;--ui-bg-e8f2fd:#243446;--ui-bg-e9eeeb:#243446;--ui-bg-e9eef1:#243446;--ui-bg-e9f4f8:#243446;--ui-bg-eaf0f5:#243446;--ui-bg-eaf3f7:#243446;--ui-bg-edf1ef:#243446;--ui-bg-edf1fc:#243446;--ui-bg-edf1fd:#243446;--ui-bg-edf2f5:#243446;--ui-bg-edf2fb:#243446;--ui-bg-edf4f8:#243446;--ui-bg-edf5f8:#243446;--ui-bg-edf5f9:#243446;--ui-bg-edf6fb:#243446;--ui-bg-f0f2f9:#243446;--ui-bg-f0f5f8:#243446;--ui-bg-f0f7fa:#243446;--ui-bg-f3f5f6:#243446;--ui-bg-f3f5f7:#243446;--ui-bg-f3f7f9:#243446;--ui-bg-f3f7fa:#243446;--ui-bg-f3f8fb:#243446;--ui-bg-f4f8fa:#243446;--ui-bg-f4f8fb:#243446;--ui-bg-f5f7f8:#243446;--ui-bg-f5f7f9:#243446;--ui-bg-f5f9fb:#243446;--ui-bg-f6f7f9:#243446;--ui-bg-f6f9fb:#243446;--ui-bg-f7f9ff:#18222e;--ui-bg-f7fafb:#18222e;--ui-bg-f7fafc:#18222e;--ui-bg-f8f9fc:#18222e;--ui-bg-f8fafb:#18222e;--ui-bg-f8fbfc:#18222e;--ui-bg-f9fbfc:#18222e;--ui-bg-fbfdfe:#18222e;--ui-bg-fbfdff:#18222e;--ui-bg-fcfdfe:#18222e;--ui-bg-ffffff:#18222e;--ui-fg-125b80:#e0e8f1;--ui-fg-1261a0:#e0e8f1;--ui-fg-132f45:#e0e8f1;--ui-fg-144f72:#e0e8f1;--ui-fg-146095:#e0e8f1;--ui-fg-152b39:#e0e8f1;--ui-fg-152d3d:#e0e8f1;--ui-fg-155f80:#e0e8f1;--ui-fg-155f86:#e0e8f1;--ui-fg-172631:#e0e8f1;--ui-fg-172d3b:#e0e8f1;--ui-fg-172f47:#e0e8f1;--ui-fg-173044:#e0e8f1;--ui-fg-173e57:#e0e8f1;--ui-fg-174b66:#e0e8f1;--ui-fg-174d7c:#e0e8f1;--ui-fg-175b78:#e0e8f1;--ui-fg-176687:#e0e8f1;--ui-fg-18344a:#e0e8f1;--ui-fg-18416a:#e0e8f1;--ui-fg-185675:#e0e8f1;--ui-fg-18736a:#e0e8f1;--ui-fg-193e54:#e0e8f1;--ui-fg-1d66b6:#a6b8cb;--ui-fg-202b36:#e0e8f1;--ui-fg-203e52:#e0e8f1;--ui-fg-203f50:#e0e8f1;--ui-fg-213e54:#e0e8f1;--ui-fg-214b64:#e0e8f1;--ui-fg-215b78:#e0e8f1;--ui-fg-233e56:#e0e8f1;--ui-fg-233f50:#e0e8f1;--ui-fg-23607c:#e0e8f1;--ui-fg-243c4c:#e0e8f1;--ui-fg-243d4d:#e0e8f1;--ui-fg-243e50:#e0e8f1;--ui-fg-244766:#e0e8f1;--ui-fg-244c61:#e0e8f1;--ui-fg-24516b:#e0e8f1;--ui-fg-245399:#e0e8f1;--ui-fg-253f50:#e0e8f1;--ui-fg-255e92:#e0e8f1;--ui-fg-263e4c:#e0e8f1;--ui-fg-26718d:#e0e8f1;--ui-fg-273643:#e0e8f1;--ui-fg-276e8d:#e0e8f1;--ui-fg-285c87:#e0e8f1;--ui-fg-294f64:#e0e8f1;--ui-fg-2b526b:#e0e8f1;--ui-fg-30497c:#e0e8f1;--ui-fg-304e62:#e0e8f1;--ui-fg-314961:#e0e8f1;--ui-fg-344858:#e0e8f1;--ui-fg-344c79:#e0e8f1;--ui-fg-345975:#e0e8f1;--ui-fg-346780:#e0e8f1;--ui-fg-355295:#a6b8cb;--ui-fg-35566a:#e0e8f1;--ui-fg-355775:#e0e8f1;--ui-fg-356a84:#e0e8f1;--ui-fg-365366:#e0e8f1;--ui-fg-365565:#e0e8f1;--ui-fg-36718b:#e0e8f1;--ui-fg-375675:#e0e8f1;--ui-fg-39768f:#a6b8cb;--ui-fg-3e5665:#e0e8f1;--ui-fg-3f5968:#e0e8f1;--ui-fg-426b80:#a6b8cb;--ui-fg-426d83:#a6b8cb;--ui-fg-435362:#e0e8f1;--ui-fg-436171:#e0e8f1;--ui-fg-465b6a:#e0e8f1;--ui-fg-485e79:#e0e8f1;--ui-fg-486e82:#a6b8cb;--ui-fg-495e6d:#e0e8f1;--ui-fg-4b6575:#e0e8f1;--ui-fg-526777:#a6b8cb;--ui-fg-526879:#a6b8cb;--ui-fg-526b7c:#a6b8cb;--ui-fg-526c7b:#a6b8cb;--ui-fg-527284:#a6b8cb;--ui-fg-52768d:#a6b8cb;--ui-fg-536470:#a6b8cb;--ui-fg-536586:#a6b8cb;--ui-fg-536675:#a6b8cb;--ui-fg-536b7a:#a6b8cb;--ui-fg-536b7b:#a6b8cb;--ui-fg-546779:#a6b8cb;--ui-fg-54707f:#a6b8cb;--ui-fg-556175:#a6b8cb;--ui-fg-566e7e:#a6b8cb;--ui-fg-566f7e:#a6b8cb;--ui-fg-567181:#a6b8cb;--ui-fg-586a7d:#a6b8cb;--ui-fg-586d7c:#a6b8cb;--ui-fg-596882:#a6b8cb;--ui-fg-597180:#a6b8cb;--ui-fg-5a6a75:#a6b8cb;--ui-fg-5c7184:#a6b8cb;--ui-fg-60717e:#a6b8cb;--ui-fg-607583:#a6b8cb;--ui-fg-607684:#a6b8cb;--ui-fg-607784:#a6b8cb;--ui-fg-62707d:#a6b8cb;--ui-fg-627383:#a6b8cb;--ui-fg-627b89:#a6b8cb;--ui-fg-637482:#a6b8cb;--ui-fg-647582:#a6b8cb;--ui-fg-647d8a:#a6b8cb;--ui-fg-687c8b:#a6b8cb;--ui-fg-687f8c:#a6b8cb;--ui-fg-697580:#a6b8cb;--ui-fg-6b80db:#a6b8cb;--ui-fg-6f808b:#a6b8cb;--ui-fg-71808b:#a6b8cb;--ui-fg-77799b:#a6b8cb;--ui-fg-7b8790:#a6b8cb;--ui-fg-7b8791:#a6b8cb;--ui-line-8ab6e3:#3a4a5d;--ui-line-9dbdce:#3a4a5d;--ui-line-9eb7c6:#3a4a5d;--ui-line-9ebdce:#3a4a5d;--ui-line-a6bdcb:#3a4a5d;--ui-line-a7bdcd:#3a4a5d;--ui-line-a9bfcc:#3a4a5d;--ui-line-aab8c4:#3a4a5d;--ui-line-aabcc8:#3a4a5d;--ui-line-aabfce:#3a4a5d;--ui-line-aebed8:#3a4a5d;--ui-line-b4c5d0:#3a4a5d;--ui-line-b6d0de:#3a4a5d;--ui-line-b7c8e2:#3a4a5d;--ui-line-b9c6e1:#3a4a5d;--ui-line-b9cbd5:#3a4a5d;--ui-line-b9cbe0:#3a4a5d;--ui-line-bacbd5:#3a4a5d;--ui-line-bccbd4:#3a4a5d;--ui-line-bdcbd4:#3a4a5d;--ui-line-bdcbd6:#3a4a5d;--ui-line-bdcdd8:#3a4a5d;--ui-line-c2ced4:#3a4a5d;--ui-line-c3cde7:#3a4a5d;--ui-line-c6d3dc:#3a4a5d;--ui-line-c6d6e1:#3a4a5d;--ui-line-c7d0d6:#3a4a5d;--ui-line-c8cbd5:#3a4a5d;--ui-line-c8d1d8:#3a4a5d;--ui-line-c8d6df:#3a4a5d;--ui-line-cadbe4:#3a4a5d;--ui-line-cbdbe4:#3a4a5d;--ui-line-cbdbe5:#3a4a5d;--ui-line-ccd7df:#3a4a5d;--ui-line-ccdce6:#3a4a5d;--ui-line-cddce5:#3a4a5d;--ui-line-cfdbeb:#3a4a5d;--ui-line-d1d9de:#3a4a5d;--ui-line-d2dbd5:#3a4a5d;--ui-line-d2dbee:#3a4a5d;--ui-line-d3dfe5:#3a4a5d;--ui-line-d4dfed:#3a4a5d;--ui-line-d4e2eb:#3a4a5d;--ui-line-d5dae9:#3a4a5d;--ui-line-d5e0e5:#3a4a5d;--ui-line-d5e1e8:#3a4a5d;--ui-line-d7deee:#3a4a5d;--ui-line-d7dfed:#3a4a5d;--ui-line-d7e2e8:#3a4a5d;--ui-line-d7e3e9:#3a4a5d;--ui-line-d8e1e7:#3a4a5d;--ui-line-d8e3ea:#3a4a5d;--ui-line-d9e1e9:#3a4a5d;--ui-line-d9e2ef:#3a4a5d;--ui-line-d9e4ea:#3a4a5d;--ui-line-d9e7ef:#3a4a5d;--ui-line-dbe4eb:#3a4a5d;--ui-line-dbe5eb:#3a4a5d;--ui-line-dbe5ec:#3a4a5d;--ui-line-dce2e6:#3a4a5d;--ui-line-dce2eb:#3a4a5d;--ui-line-dce6ec:#3a4a5d;--ui-line-dde2f1:#3a4a5d;--ui-line-dfe7ed:#3a4a5d;--ui-line-e0e8ed:#3a4a5d;--ui-line-e0e9ed:#3a4a5d;--ui-line-e1e8ed:#3a4a5d;--ui-line-e1e9ee:#3a4a5d;--ui-line-e3ebf0:#3a4a5d;--ui-line-e5ebef:#3a4a5d;--ui-line-e8edf0:#3a4a5d;--ui-line-e8eef2:#3a4a5d;--ui-line-edf0f2:#3a4a5d;--ui-line-edf1f4:#3a4a5d;--ui-line-edf2f5:#3a4a5d;--ui-line-eef2f5:#3a4a5d;--ui-line-ffffff:#3a4a5d;}

html[data-theme=dark] .rune-crystal-heading{color:#554737}html[data-theme=dark] .rune-quality .gear-picker-trigger,html[data-theme=dark] .rune-quality .gear-picker-option{color:#203f50}