/* HellHounDzMS: night-time expedition hall and game-data browsers. */
:root{color-scheme:dark;--ink:#e7e6eb;--muted:#a1a8bd;--line:#353b51;--accent:#f0b56b;--dark:#111522;--paper:#1b2032}
body{background:#111522;color:var(--ink);font-size:14px;background-image:radial-gradient(ellipse at 10% 500px,#44304d33,transparent 750px),radial-gradient(ellipse at 95% 900px,#27395644,transparent 800px)}
button,input,select{font-family:Arial,Helvetica,sans-serif}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ffd083;outline-offset:4px}
.topline{background:#0e111b;border-color:#2d3043;color:#939bb1}.topline .wrap{height:29px}.topline i{background:#636b82}
header{background:#181b2b;border-bottom:1px solid #35364b;box-shadow:0 4px 25px #0002;position:relative;z-index:5}.nav{height:88px}.brand{color:#f4dfb6;text-shadow:0 2px 2px #0006;font-size:28px}.brand-ms{color:#e78562}.brand small{color:#9a9bad}.brand img{box-shadow:0 0 0 1px #6f5a49,0 3px 9px #0005;border-radius:9px}nav{gap:24px}nav a{color:#b3b6c8;font-size:12px}nav a:hover,nav a.active{color:#ffcb87}nav a.active:after{height:3px;background:#efad62;box-shadow:0 0 12px #eaa25466}
.button{background:linear-gradient(#414963,#30374f);border-color:#515c79;border-radius:6px;box-shadow:inset 0 1px #ffffff18,0 3px 8px #0003;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{background:linear-gradient(#515d7d,#3a4462);transform:translateY(-2px);box-shadow:inset 0 1px #fff2,0 5px 14px #0005}.button.orange{background:linear-gradient(#e37452,#bc483c);border-color:#e99768;color:#fff6de;box-shadow:inset 0 1px #ffd8a94d,0 4px 18px #c84f3133}.button.orange:hover{background:linear-gradient(#ef895b,#ce5946);box-shadow:0 6px 25px #de61344d}.nav-play{background:#a84036;border-color:#cb7960}
.hero{height:535px;border-bottom:1px solid #7b594d;background:radial-gradient(ellipse at 72% 24%,#53465e88,transparent 55%),linear-gradient(160deg,#202239,#111522 65%,#472730);box-shadow:inset 0 -40px 55px #0c101b66}.hero:before{opacity:.8;background-image:radial-gradient(circle at 16% 26%,#fff8 0 1px,transparent 2px),radial-gradient(circle at 52% 14%,#ffd8ab99 0 1px,transparent 2px),radial-gradient(circle at 84% 34%,#fff9 0 1px,transparent 2px),radial-gradient(circle at 40% 63%,#ccdcff66 0 1px,transparent 2px),linear-gradient(0deg,#45354566,transparent 40%);background-size:280px 200px,370px 210px,410px 230px,330px 180px,auto}.hero:after{background:linear-gradient(90deg,#151a2bf5,#151a2bdf 24%,#151a2b78 39%,transparent 60%),linear-gradient(0deg,#111522,transparent 25%)}.hero-content{padding-top:50px}.hero-wordmark{font-size:44px;margin:18px 0 25px;color:#ffe0a7;text-shadow:0 3px 2px #000b,0 0 30px #ffb87822}.hero-wordmark span{color:#ed8a68}.hero h1{font-size:38px;line-height:1.15;letter-spacing:-1px;color:#fff4dd;text-shadow:0 2px 4px #0005}.hero p{font-size:13px;color:#b9bfce;line-height:1.9}.hero .eyebrow{color:#ccbaa8;font-size:9px}.hero-actions{gap:20px}.hero-actions .button{padding:14px 20px}.hero-link{color:#e8c18c;font-size:11px}.hero-link:hover{text-decoration:underline}.battle-label{bottom:17px;color:#c2af9f}.boss-battle{bottom:22px;height:480px}.battle-moon{background:radial-gradient(circle,#a98f9a33,transparent 68%);border-color:#c5b2d016;box-shadow:0 0 0 22px #a6a6b805,0 0 0 23px #c6afcc12,0 0 0 62px #a6a6b803,0 0 110px #bba4c03b}.ht-legs{width:380px;left:28px;bottom:0;z-index:1}.ht-chest{width:210px;top:202px;z-index:2}.chest-left{left:9px}.chest-right{right:8px}.ht-head{z-index:3}.ht-wing{z-index:0}.battle-scarlion{right:120px;top:auto;bottom:168px;width:70px}.battle-balrog{top:5px;left:210px;width:85px;opacity:.55}.battle-floor{height:30px;background:linear-gradient(#8b687066,#141521);border-top:1px solid #a7887766;box-shadow:0 -5px 20px #ffae4414}.attack-a{border-color:#ffebac;filter:drop-shadow(0 0 7px #ff7f3b)}
.stats-strip{background:linear-gradient(115deg,#28283d,#20283c);border:1px solid #4c475a;border-top:1px solid #a77c5966;box-shadow:0 7px 24px #0004;padding-top:22px;padding-bottom:22px;position:relative;border-radius:0 0 9px 9px}.stats-strip>div{border-color:#4f4a5a}.stats-strip strong{font-size:16px;color:#f3d9b4}.stats-strip small{font-size:10px;color:#a1a7ba}.stat-unit{color:#ccc9cf}.stat-sep{color:#85737e}.live-dot{background:#8991a6}.live-dot.on{background:#7dd6aa;box-shadow:0 0 0 4px #7dd6aa17,0 0 13px #7dd6aa66}
.custom-showcase{margin-top:28px;gap:18px}.custom-card{background:linear-gradient(120deg,#29283c,#1d2234);border:1px solid #44415a;border-left:3px solid #d6a161;border-radius:8px;padding:21px 20px;min-height:142px;box-shadow:inset 0 1px #fff05,0 5px 15px #0002;transition:transform .2s,box-shadow .2s,border-color .2s}.custom-card:hover{background:linear-gradient(120deg,#353047,#222b42);transform:translateY(-5px);box-shadow:0 10px 22px #0004;border-color:#b78a68}.custom-card h2{font-size:16px;color:#f2ddba}.custom-card p{font-size:11px;color:#acb0c4}.custom-card b{font-size:11px;color:#e7ad79}.custom-kicker{color:#b1a2b9;font-size:9px}.custom-card.evan{border-left-color:#b99de0}.custom-card.cygnus{border-left-color:#e2b65f}.feature-icon{background:#131828;border:1px solid #666071;border-radius:7px;width:49px;height:54px;box-shadow:inset 0 0 20px #7771}.letter-icon{color:#dcb685}
.main-grid{padding-top:28px;gap:22px;grid-template-columns:220px minmax(0,1fr) 240px}.main-column{min-width:0}.panel{border:1px solid #383e55;border-radius:8px;box-shadow:0 7px 20px #0003;background:#1c2133;margin-bottom:22px}.panel-heading{background:linear-gradient(110deg,#292b42,#22273c);border-color:#3c4056;padding:17px 18px}.panel h2{color:#ecdbbe;font-size:14px}.panel-heading>span{color:#a9a2b8}.panel-body p,.welcome-panel .panel-body p{color:#b7b9c9;font-size:12px;line-height:1.85}.muted{color:#a1a8bd}.fineprint{color:#8e98af!important;font-size:10px!important}.small{font-size:11px}.account-panel label{color:#b1b4c8;font-size:11px}input,select{color:#dfdfeb;background:#141a2a;border-color:#414761;border-radius:5px;padding:10px 12px;font-size:12px}input::placeholder{color:#7f8aa4}.account-panel .panel-body{padding:18px}.details{font-size:11px}.details dt{color:#8f9ab3}.details dd{color:#c4c6d7;font-size:11px}.guide-link,.crafting-side-link{background:#252739;border:1px solid #4f4657;border-radius:7px;color:#e1be91}.guide-link>span{color:#a59aaa}.guide-link strong{color:#ead0ab}.tag{background:#b48a4f19;color:#d5b17f!important;border:1px solid #a57b4844;border-radius:4px;font-size:8px}.inline-link,.text-button,.all-rankings{color:#edb67f;font-size:11px}.news-item{border-color:#34394e}.news-item h3{color:#e5d7bd;font-size:14px}.news-item p{color:#a4aec4;font-size:12px}.news-badge,.news-badge.green{background:#8199cf19;color:#b1c4e5;border:1px solid #8199cf33}.news-badge.amber{color:#e5b47b;background:#b8844b19}.feature-row h3{color:#d5c3ad;font-size:12px}.feature-row p{color:#8794af;font-size:11px}.feature-row article>span{color:#c78e69}.reward-card{border:1px solid #845548;background:radial-gradient(ellipse at 100% 0,#9f4c412e,transparent),linear-gradient(130deg,#352637,#292433);border-radius:8px;box-shadow:0 8px 24px #0003}.reward-card .eyebrow{color:#c3a68d}.reward-card h2{color:#f4d1aa;font-size:23px}.reward-value{color:#ffcc83;text-shadow:0 2px 4px #0004}.reward-card p,.reward-card small{color:#b9a8b4}.top-players li{border-color:#333a50}.top-name{color:#d9dbe6;font-size:11px}.top-position{color:#e4b87e}.top-avatar{color:#d6b28d;background:#292d43;border-color:#49475d;border-radius:4px}.top-class,.top-level{color:#8f9ab6}.all-rankings{border-color:#3c4056}.crafting-side-link small{color:#9f9db3}
.page-heading{background:radial-gradient(ellipse at 80% 10%,#68485344,transparent 65%),linear-gradient(110deg,#23263d,#191f32);border-bottom:1px solid #655049;padding:40px 0}.page-heading .eyebrow{color:#b7a4b4}.page-heading h1{font-size:35px;color:#f4dfbe;font-weight:700}.page-heading p{font-size:13px;color:#aeb6cc}.rank-toolbar,.recipe-toolbar{background:#22283e;border-color:#3b425a}.rank-toolbar label,.recipe-toolbar label{color:#aeb4ca;font-size:11px}.table-scroll th{background:#232a41;color:#b9afbd}.table-scroll td{color:#d1cfdb}.table-scroll td,.table-scroll th{border-color:#333b53}.table-scroll td:first-child{color:#e0b67f}.guild-name{color:#8897b4}.pagination{color:#a6b0c8}.notice,.vote-availability{background:#393044;border-color:#685463;color:#d6c1c2}.vote-main h2{color:#f5dfbe}.vote-main h2 em{color:#eab077}.vote-steps{border-color:#414058}.vote-steps b{border-color:#716050;color:#e6bb83}.vote-steps h3{color:#e8cfaa}.guide-stats>div{background:#272b42;border-color:#42465c;border-radius:6px}.guide-stats strong{color:#eabe81}.guide-stats span{color:#a9a9bd}.custom-guide article{background:#262a40;border-color:#b18a5c;border-radius:5px}.custom-guide h3{color:#edc89b}.form-message{color:#e3a387!important}footer{border-color:#34384b;color:#8d92a8}.footer-brand{color:#d8b58d}.toast{background:#3b3547;border:1px solid #a87b60;border-radius:7px;box-shadow:0 6px 25px #0008;z-index:30}
/* Room for art and useful information on the catalog pages. */
body:is([data-page=crafting],[data-page=bosses]) .main-grid{display:block;padding-top:34px}body:is([data-page=crafting],[data-page=bosses]) .left-column,body:is([data-page=crafting],[data-page=bosses]) .right-column{display:none}
.home-bosses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:14px;gap:8px}.home-boss-card{display:block;text-align:center;border:1px solid #45405a;background:radial-gradient(ellipse at 50% 30%,#79637533,transparent 75%),#171d2d;border-radius:6px;overflow:hidden;padding:13px 4px 14px;transition:transform .2s,border-color .2s}.home-boss-card:hover{transform:translateY(-4px);border-color:#daae7c}.home-boss-card>div{height:110px;display:flex;align-items:center;justify-content:center}.home-boss-card img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 5px 4px #0009);image-rendering:pixelated}.home-boss-card strong{display:block;font-size:11px;color:#efd7b7;margin-top:10px}.home-boss-card span{font-size:9px;color:#929db6}.home-boss-panel .panel-heading .inline-link{font-size:10px}
/* Professions and recipes. */
.crafting-intro .panel-body{padding:25px}.profession-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.profession-card{position:relative;display:flex;align-items:center;gap:17px;text-align:left;background:linear-gradient(120deg,#303149,#242a3f);border:1px solid #4d4b65;border-radius:8px;padding:18px;color:#e8d8bd;min-height:138px;box-shadow:0 4px 14px #0002;transition:transform .18s,border-color .18s,background .18s}.profession-card:hover,.profession-card.selected{transform:translateY(-3px);border-color:#d4a56f;background:linear-gradient(120deg,#443649,#2e3148)}.profession-portrait{height:98px;width:83px;flex:0 0 83px;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(ellipse at 50% 70%,#d9aa5e2b,transparent 70%)}.profession-portrait img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 5px 3px #0008)}.profession-card-info{display:block;min-width:0}.profession-card-info strong{display:block;font-size:16px;color:#f2d7ac;line-height:1.3}.profession-card-info>span{display:block;font-size:12px;color:#bdb1c3;margin:8px 0 4px}.profession-card-info small{display:block;font-size:10px;color:#98a5be}.profession-card>b{margin-left:auto;color:#c69c76}.craft-milestones{border-color:#41445b;margin:27px 0 20px}.craft-milestones>div{border-color:#41445b}.craft-milestones strong{color:#e9bc80;font-size:30px}.craft-milestones span{color:#9eacc6;font-size:11px}.recipe-toolbar{padding:20px 24px;grid-template-columns:1fr 1.5fr .7fr;gap:20px}.recipe-toolbar select,.recipe-toolbar input{font-size:12px}.recipe-browser{grid-template-columns:36% 64%;min-height:650px}.recipe-list{border-color:#3b4259;max-height:760px;background:#171d2d;scrollbar-color:#62617d #171d2d}.recipe-row{display:flex;align-items:center;gap:13px;padding:12px 18px;background:#1d2337;border-color:#333b52;color:#cbd1e0;min-height:68px}.recipe-row:hover{background:#2a2e46}.recipe-row.selected{background:#403348;border-color:#d5a069;color:#f5d5a6;padding-left:15px}.recipe-row strong{color:inherit;font-size:12px}.recipe-row small{color:#97a7c4;font-size:10px}.item-sprite{width:36px;height:36px;object-fit:contain;image-rendering:pixelated;flex:0 0 36px;filter:drop-shadow(0 3px 2px #0006)}.recipe-row .item-sprite{width:38px;height:38px;flex-basis:38px}.recipe-title-art{display:flex;align-items:center;gap:22px;margin-bottom:19px}.recipe-title-art .large{width:76px;height:76px;flex-basis:76px;padding:10px;background:radial-gradient(ellipse,#a77b6044,#171c2d);border:1px solid #7a5e5e;border-radius:8px}.recipe-detail{padding:30px 32px}.recipe-detail h3{font-size:25px;color:#f6d7ad;margin:6px 0 10px}.recipe-level-chip{display:inline-block;font-size:10px;background:#be966122;color:#efc18c;border:1px solid #be966144;border-radius:4px;padding:3px 8px}.profession-levels{display:flex;gap:7px;margin:20px 0 26px}.profession-levels span{flex:1;height:31px;display:grid;place-items:center;background:#151b2c;border:1px solid #424960;border-radius:4px;color:#77839d;font-size:11px}.profession-levels .earned{background:linear-gradient(#9b7148,#6f4e3e);border-color:#c89b62;color:#ffe2b4;box-shadow:inset 0 1px #ffd78a33}.recipe-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:8px 25px;font-size:12px}.recipe-detail dl>div{color:#98a5bf;border-bottom:1px solid #394158;margin:0;padding:8px 0}.recipe-detail dd{color:#e2c4a3}.recipe-detail h4{font-size:13px;color:#e6c394;border-color:#424359;margin:23px 0 13px;padding-bottom:9px}.recipe-detail li{color:#c3c9d9;border-color:#343c52;font-size:12px;gap:20px;padding:8px 0;align-items:center}.recipe-detail li b{color:#e8c397;font-size:12px}.ingredient-name{display:flex;align-items:center;gap:12px}.catalyst-display{display:flex;align-items:center;gap:12px;color:#b6bdd1;font-size:12px}.quality-variants{display:flex;flex-wrap:wrap;gap:10px}.quality-variants>span{display:flex;align-items:center;gap:9px;background:#252c42;border:1px solid #42475d;border-radius:5px;padding:8px 10px;font-size:11px;color:#bac4d8}.recipe-trainer{display:flex;align-items:center;gap:18px;padding:15px 18px;background:#24293e;border:1px solid #43455d;border-radius:7px}.recipe-trainer>img{width:65px;height:83px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 3px #0006)}.recipe-trainer strong{display:block;font-size:14px;color:#f1cf9e}.recipe-trainer span{display:block;color:#bdc3d4;font-size:11px;margin:3px 0}.recipe-trainer small{color:#8c9bb6;font-size:10px}.recipe-empty{color:#adbad1}.profession-trainers{grid-template-columns:repeat(3,1fr);gap:22px;border-color:#41465d;padding-top:26px}.profession-trainers article{display:flex;align-items:center;gap:14px;color:#adbad0}.profession-trainers article>img{width:62px;height:82px;object-fit:contain;image-rendering:pixelated}.profession-trainers strong{font-size:13px;color:#e4c291}.profession-trainers span{display:block;font-size:11px}.profession-trainers small{display:block;color:#8f9db5;font-size:10px;margin-top:5px}.crafting-steps{font-size:13px;color:#b6bfd2}
/* Boss library. */
.boss-intro{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:0 2px 29px}.boss-intro .eyebrow{color:#ad9eb5}.boss-intro h2{font-size:35px;color:#f6ddba;line-height:1.2;margin:10px 0}.boss-intro p{color:#9faec8;margin:0;font-size:13px}.boss-total{padding:16px 28px;background:#26283e;border:1px solid #534659;border-radius:8px;min-width:165px;text-align:center}.boss-total strong{display:block;font-size:37px;color:#eebd80;line-height:1.2}.boss-total span{font-size:10px;color:#a9a2b8;text-transform:uppercase;letter-spacing:1px}.boss-tools{background:#1f2539;border:1px solid #3e435e;border-radius:8px;box-shadow:0 5px 20px #0003;margin-bottom:23px;overflow:hidden}.boss-categories{display:flex;gap:3px;padding:10px 13px 0;background:#191f31;border-bottom:1px solid #3c425a}.boss-categories button{padding:13px 16px;border:0;border-bottom:2px solid transparent;background:transparent;color:#9ca8c1;font-size:12px;font-weight:600;white-space:nowrap}.boss-categories button.active{color:#f1c891;border-color:#e4aa68;background:#d19a5a09}.boss-categories button:hover{color:#f2d9b8}.boss-categories button>span{font-size:9px;background:#343950;border-radius:4px;padding:3px 6px;margin-left:8px;color:#a9b6cf}.boss-search-row{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:17px;padding:22px}.boss-search-row label{font-size:10px;color:#a4b1c9}.boss-search-row input,.boss-search-row select{display:block;margin-top:6px;height:42px}.boss-results-line{display:flex;justify-content:space-between;gap:15px;color:#8594b0;font-size:11px;margin:22px 2px 15px}.boss-results-line>span:first-child{color:#c6c6d7;font-size:13px}.boss-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:start}.boss-card{background:#20263a;border:1px solid #45435a;border-radius:9px;overflow:hidden;box-shadow:0 5px 18px #0004;transition:transform .2s,box-shadow .2s,border-color .2s;min-width:0}.boss-card:hover{transform:translateY(-6px);border-color:#b88a6b;box-shadow:0 12px 28px #0006}.boss-card.compare-selected{border-color:#ecb66e;box-shadow:0 0 0 1px #ecb66e55,0 6px 18px #0004}.boss-card-open{border:0;background:transparent;padding:0;width:100%;text-align:left;display:block;color:inherit}.boss-portrait{height:205px;position:relative;display:flex;justify-content:center;align-items:center;padding:28px 24px 32px;background:radial-gradient(ellipse at 50% 70%,#95788a33,transparent 70%),linear-gradient(145deg,#2d2b41,#171d2e);border-bottom:1px solid #454058;overflow:hidden}.boss-portrait:before{content:'';position:absolute;width:120px;height:120px;border:1px solid #c5a28116;border-radius:50%;box-shadow:0 0 0 17px #b798aa07}.boss-portrait:after{content:'';position:absolute;width:110px;height:12px;bottom:30px;border-radius:50%;background:#0005;filter:blur(5px)}.boss-portrait img{position:relative;z-index:1;max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 6px 3px #0009);transition:transform .25s}.boss-card:hover .boss-portrait img{transform:scale(1.07)}.boss-level{position:absolute;top:12px;left:13px;font-size:10px;font-weight:700;color:#f1cf9e;border:1px solid #a47d5a55;background:#111828c9;padding:3px 7px;border-radius:4px;z-index:2}.boss-kind{position:absolute;bottom:11px;right:12px;left:12px;text-align:center;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#998ea9;z-index:2}.boss-card-info{padding:18px 18px 15px}.boss-card-info h3{margin:0 0 12px;color:#f1d7b4;font-size:17px;line-height:1.25;min-height:42px;display:flex;align-items:center}.boss-hp{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #394158;padding-bottom:10px;margin-bottom:11px}.boss-hp>span{font-size:10px;color:#a7a8bf}.boss-hp strong{font-size:17px;color:#edbfa8;font-variant-numeric:tabular-nums}.boss-weak>span{font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:#8f9bb5}.boss-weak>div{min-height:32px;display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:5px}.element-chip{display:inline-flex;align-items:center;line-height:1.4;padding:3px 7px;font-size:9px;font-weight:600;border:1px solid #736272;border-radius:4px;background:#50435b66;color:#d6bfdd;margin:2px 3px 2px 0}.element-fire{color:#ffb59c;background:#b55a3c22;border-color:#a95d4c88}.element-ice{color:#b5dcff;background:#4175b322;border-color:#7093b188}.element-lightning{color:#f5dc93;background:#a18d3522;border-color:#a9905088}.element-poison{color:#d2b4ff;background:#7453ad22;border-color:#8b6aaf88}.element-holy{color:#ffe7b5;background:#b8985422;border-color:#b6a27888}.element-darkness{color:#c5b3ec;background:#6b4b9c22;border-color:#8666b188}.element-none{font-size:10px;color:#8390ac}.boss-compare-toggle{display:block;width:100%;background:#191f30;border:0;border-top:1px solid #3a3f56;color:#acb4cd;font-size:10px;padding:11px;text-align:center;transition:background .18s}.boss-compare-toggle:hover,.boss-compare-toggle[aria-pressed=true]{color:#efc991;background:#383040}.boss-art-missing{display:grid;place-items:center;position:relative;border:1px solid #87715e44;width:84px;height:84px;border-radius:50%;color:#968295;font:40px Georgia,serif;opacity:.65}.boss-empty{grid-column:1/-1;padding:40px;text-align:center;color:#a7b3c9;background:#1c2335;border:1px dashed #4a4a64;border-radius:8px}.boss-pagination{display:flex;justify-content:center;align-items:center;gap:26px;margin:35px 0 20px;color:#a0acc5;font-size:11px}.boss-pagination .button{font-size:11px;padding:10px 16px}.catalog-note{font-size:11px;line-height:1.8;color:#7c8da9;text-align:center;max-width:800px;margin:25px auto 0}
.boss-compare{background:#2b283e;border:1px solid #8c695b;border-radius:8px;padding:19px 23px;margin:23px 0}.compare-heading{display:flex;align-items:center;justify-content:space-between;color:#edcda4;font-size:14px}.compare-heading button,.compare-rows article>button{background:none;color:#b4a8be;border:0;font-size:12px}.compare-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:18px 0 13px}.compare-rows article{display:flex;align-items:center;gap:15px;position:relative;min-width:0}.compare-art{width:66px;height:75px;flex:0 0 66px;display:grid;place-items:center}.compare-art img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 3px #0008)}.compare-rows article>div:nth-child(2){flex:1;min-width:0}.compare-rows h3{font-size:13px;color:#f2d9b5;margin:0}.compare-rows p{font-size:10px;color:#acadc5;margin:6px 0}.compare-hp{height:4px;background:#111827;border-radius:3px;margin:7px 0}.compare-hp span{display:block;height:100%;background:linear-gradient(90deg,#a74f50,#e29c6c);border-radius:3px}.boss-compare>small{color:#948ca9;font-size:10px}
.boss-dialog{padding:0;border:1px solid #8d705f;border-radius:13px;background:#1d2337;color:#c7cede;max-width:870px;width:calc(100% - 50px);max-height:90dvh;box-shadow:0 25px 100px #000c;overflow-y:auto;scrollbar-color:#70617b #1d2337}.boss-dialog::backdrop{background:#090e1cce;backdrop-filter:blur(6px)}.boss-dialog-close{position:absolute;right:17px;top:15px;background:#0f1529aa;border:1px solid #7c646188;border-radius:50%;height:33px;width:33px;display:grid;place-items:center;font-size:22px;color:#e6d3c1;z-index:5;line-height:1}.boss-dialog-close:hover{background:#854d48}.boss-dialog-header{display:flex;align-items:center;gap:35px;padding:30px 42px;background:radial-gradient(ellipse at 15% 50%,#a8897c33,transparent 55%),linear-gradient(130deg,#302d42,#24263e);border-bottom:1px solid #635063;min-height:230px}.boss-dialog-art{width:210px;height:195px;flex:0 0 210px;display:grid;place-items:center}.boss-dialog-art img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 8px 6px #0008)}.boss-dialog-header .eyebrow{font-size:9px;color:#c1a1b0}.boss-dialog h2{font-size:35px;line-height:1.15;color:#f9d9ab;letter-spacing:-.7px;margin:8px 0 10px}.boss-dialog-header p{font-size:12px;color:#b6abc4;margin:8px 0 20px}.boss-dialog-header .button{font-size:10px;padding:9px 13px}.boss-detail-tabs{display:flex;gap:25px;background:#191f32;border-bottom:1px solid #42445e;padding:0 30px;overflow-x:auto}.boss-detail-tabs button{border:0;border-bottom:2px solid transparent;padding:17px 8px;background:none;color:#9ba9c3;font-size:12px;font-weight:600;white-space:nowrap}.boss-detail-tabs button[aria-selected=true]{border-color:#e7b47c;color:#f6d09d}.boss-tab-content{padding:25px 36px 30px}.boss-form-label{display:flex;align-items:center;gap:20px;justify-content:space-between;color:#9daac3;font-size:11px}.boss-form-label select{max-width:380px;font-size:11px}.boss-main-stats{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:15px;margin:24px 0}.boss-main-stats>div{background:#151d2f;border:1px solid #43425a;border-radius:6px;padding:17px 20px}.boss-main-stats span{display:block;font-size:10px;color:#94a6c1;text-transform:uppercase;letter-spacing:.5px}.boss-main-stats strong{display:block;font-size:30px;color:#f2d0aa;line-height:1.3;margin:8px 0 3px}.boss-main-stats>div:first-child strong{color:#f1ae94}.boss-main-stats small{font-size:10px;color:#7e92b0}.element-row{display:flex;align-items:center;gap:20px;padding:10px 0;border-bottom:1px solid #374057}.element-row>span{font-size:11px;color:#aeb8ce;width:95px;flex-shrink:0}.element-row>div{flex:1}.element-row .element-chip{font-size:10px;padding:4px 9px}.boss-secondary-stats{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;margin:20px 0}.boss-secondary-stats>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #343e55}.boss-secondary-stats dt{font-size:11px;color:#97a6c0}.boss-secondary-stats dd{font-size:12px;color:#d6d3e0;margin:0}.boss-data-note{color:#8291ad;font-size:10px;line-height:1.8;margin:20px 0 0}.boss-drop-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}.boss-drop-grid article{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #394057}.boss-drop-grid img,.loot-placeholder{width:36px;height:36px;object-fit:contain;image-rendering:pixelated;flex:0 0 36px}.loot-placeholder{display:grid;place-items:center;color:#9485ac}.boss-drop-grid strong{display:block;font-size:11px;color:#d3cce0;line-height:1.6}.boss-drop-grid article span{display:block;font-size:10px;color:#8f9fbb}.boss-entry{background:#262b42;border:1px solid #47445e;border-radius:6px;padding:18px 22px;font-size:12px;color:#b2bcd1;line-height:1.85}.boss-entry h3,.location-title{font-size:14px;color:#efcda1;margin:0 0 10px}.boss-entry p{margin:6px 0}.location-title{margin:27px 0 14px}.boss-locations{list-style:none;padding:0;margin:0}.boss-locations li{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 0;border-bottom:1px solid #394158;font-size:12px;color:#c2cade}.boss-locations small{display:block;color:#8498b8;font-size:10px;margin-top:3px}.boss-locations code{color:#8d8ca8;font-size:10px}
@media(min-width:1500px){.hero{height:555px}.hero-content{padding-top:60px}.hero-wordmark{font-size:48px}.hero h1{font-size:42px}}
@media(max-width:1100px){.main-grid{grid-template-columns:215px minmax(0,1fr)}.right-column{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:22px}.custom-card{gap:13px;padding:18px 14px}.custom-card h2{font-size:14px}.custom-card p{font-size:10px}.hero h1{font-size:34px}.profession-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.boss-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.boss-categories button{padding:13px 10px}.boss-search-row{grid-template-columns:2fr 1fr 1fr}.boss-search-row>label:last-child{grid-column:1/-1;display:flex;align-items:center;gap:15px}.boss-search-row>label:last-child select{max-width:250px;margin-top:0}.profession-trainers{grid-template-columns:repeat(2,1fr)}.compare-rows{gap:15px}.compare-art{width:45px;flex-basis:45px}.compare-rows article{gap:10px}.compare-rows h3{font-size:12px}}
@media(max-width:700px){body{font-size:13px}.nav{height:auto;min-height:125px;gap:11px}nav{gap:0;justify-content:space-between;height:43px}nav a{font-size:10px;padding:0 3px}.brand{font-size:28px}.hero{height:650px}.hero-content{padding-top:30px}.hero-wordmark{font-size:36px;margin:14px 0 19px}.hero h1{font-size:33px;line-height:1.12}.hero p{font-size:12px;margin:15px 0 19px}.hero-actions{gap:16px}.hero-actions .button{padding:12px 15px;font-size:11px}.hero-link{font-size:10px}.hero:after{background:linear-gradient(180deg,#151a2bf5,#151a2be0 31%,#151a2b66 52%,transparent 70%),linear-gradient(0deg,#111522,transparent 19%)}.boss-battle{bottom:-5px;right:-58px;transform:scale(.65)}.battle-balrog{left:85px;top:45px}.battle-scarlion{right:95px;top:auto;bottom:165px;width:70px}.battle-label{bottom:14px;color:#9d96ac;font-size:8px}.stats-strip{margin:0;border-radius:0;padding:21px 18px;gap:22px}.stats-strip strong{font-size:14px}.stats-strip small{font-size:9px}.custom-showcase{margin-top:21px}.custom-card{min-height:133px;padding:20px 18px}.custom-card h2{font-size:17px}.custom-card p{font-size:11px}.custom-card b{font-size:11px}.main-grid{display:flex;gap:0;padding-top:22px}.left-column,.right-column{gap:12px}.main-column{width:100%}.panel-heading{padding:15px}.panel h2{font-size:13px}.panel-body{padding:17px}.panel-body p,.welcome-panel .panel-body p{font-size:12px}.reward-card{padding:20px 16px}.reward-card h2{font-size:20px}.reward-value{font-size:32px}.reward-card p{font-size:10px}.reward-card small{font-size:8px}.feature-row{gap:17px}.feature-row p{font-size:10px}.feature-row h3{font-size:11px}.page-heading{padding:30px 0}.page-heading h1{font-size:30px}.page-heading p{font-size:12px}.home-bosses{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:14px}.home-boss-card>div{height:115px}.home-boss-card strong{font-size:12px}.home-boss-card span{font-size:10px}.home-boss-panel .panel-heading{flex-wrap:wrap}.rank-toolbar{padding:15px}.rank-toolbar>label{max-width:110px}.rank-toolbar label{font-size:10px}.rank-toolbar .button{font-size:10px}.table-scroll td,.table-scroll th{padding:12px 10px;font-size:10px}body:is([data-page=crafting],[data-page=bosses]) .main-grid{padding-top:27px}.crafting-intro .panel-body{padding:19px}.profession-gallery{gap:10px;margin:20px 0}.profession-card{display:block;text-align:center;padding:14px 7px;min-height:200px}.profession-portrait{width:100%;height:88px;margin-bottom:14px}.profession-card-info strong{font-size:13px}.profession-card-info>span{font-size:10px;margin:5px 0}.profession-card-info small{font-size:9px}.profession-card>b{display:none}.craft-milestones strong{font-size:27px}.craft-milestones span{font-size:9px}.recipe-toolbar{grid-template-columns:1fr 1.25fr;gap:13px;padding:17px}.recipe-toolbar>label:last-child{display:flex;align-items:center;gap:15px;grid-column:1/-1}.recipe-toolbar select,.recipe-toolbar input{font-size:11px}.recipe-browser{grid-template-columns:1fr;min-height:0}.recipe-list{max-height:255px;border-right:0;border-bottom:2px solid #675366}.recipe-row{min-height:66px;padding:10px 16px}.recipe-row.selected{padding-left:13px}.recipe-row strong{font-size:12px}.recipe-row small{font-size:10px}.recipe-detail{padding:25px 19px}.recipe-title-art{gap:16px}.recipe-detail h3{font-size:22px}.recipe-title-art .large{width:65px;height:65px;flex-basis:65px}.profession-levels{gap:4px}.profession-levels span{height:28px;font-size:10px}.recipe-detail dl{gap:8px 18px;font-size:11px}.recipe-detail li{font-size:11px;gap:12px}.recipe-trainer{gap:13px;padding:13px}.profession-trainers{gap:17px;grid-template-columns:1fr}.crafting-steps{font-size:12px;line-height:1.9}.boss-intro{gap:15px;padding-bottom:24px}.boss-intro .eyebrow{font-size:8px;letter-spacing:1px}.boss-intro h2{font-size:25px}.boss-intro p{font-size:11px}.boss-total{min-width:90px;padding:15px 10px}.boss-total strong{font-size:28px}.boss-total span{font-size:8px;letter-spacing:0}.boss-categories{overflow-x:auto;padding:5px 8px 0;gap:0;scrollbar-width:thin}.boss-categories button{font-size:10px;padding:12px}.boss-categories button>span{font-size:8px;margin-left:5px}.boss-search-row{grid-template-columns:1fr 1fr;gap:13px;padding:16px}.boss-search-row>label:first-child{grid-column:1/-1}.boss-search-row>label:last-child{display:block;grid-column:1/-1}.boss-search-row>label:last-child select{max-width:none;margin-top:6px}.boss-search-row input,.boss-search-row select{font-size:11px;height:40px}.boss-results-line{font-size:9px;align-items:center}.boss-results-line>span:first-child{font-size:11px}.boss-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.boss-portrait{height:155px;padding:27px 13px 32px}.boss-level{font-size:9px;top:9px;left:9px}.boss-kind{font-size:8px;letter-spacing:.4px}.boss-card-info{padding:13px 12px 11px}.boss-card-info h3{font-size:14px;min-height:35px;line-height:1.3;margin-bottom:8px}.boss-hp strong{font-size:15px}.boss-hp>span{font-size:9px}.boss-weak>span{font-size:8px}.element-chip{font-size:8px;padding:3px 5px}.boss-compare-toggle{font-size:9px;padding:11px 6px}.boss-pagination{gap:18px;margin-top:27px;font-size:10px}.boss-pagination .button{font-size:10px;padding:10px 13px}.catalog-note{font-size:10px;text-align:left}.boss-compare{padding:15px}.compare-heading{font-size:12px}.compare-rows{grid-template-columns:1fr;gap:19px}.compare-art{width:58px;height:63px;flex-basis:58px}.compare-rows article{gap:17px}.boss-dialog{width:calc(100% - 22px);max-height:94dvh;border-radius:10px}.boss-dialog-close{right:11px;top:11px}.boss-dialog-header{padding:26px 23px;gap:19px;min-height:190px}.boss-dialog-art{width:105px;height:150px;flex-basis:105px}.boss-dialog h2{font-size:26px}.boss-dialog-header .eyebrow{font-size:8px;letter-spacing:1px}.boss-dialog-header p{font-size:10px;margin-bottom:14px}.boss-dialog-header .button{font-size:9px;padding:8px 9px}.boss-detail-tabs{gap:5px;padding:0 12px;justify-content:space-between}.boss-detail-tabs button{font-size:10px;padding:14px 5px}.boss-tab-content{padding:20px 18px 24px}.boss-form-label{display:block;font-size:10px}.boss-form-label select{max-width:none;margin-top:7px;font-size:10px}.boss-main-stats{gap:8px;margin:19px 0;grid-template-columns:1.3fr .7fr 1fr}.boss-main-stats>div{padding:12px 10px}.boss-main-stats strong{font-size:24px}.boss-main-stats span,.boss-main-stats small{font-size:8px}.element-row{gap:12px;padding:10px 0}.element-row>span{font-size:10px;width:74px}.element-row .element-chip{font-size:9px}.boss-secondary-stats{gap:0 18px}.boss-secondary-stats dt{font-size:9px}.boss-secondary-stats dd{font-size:11px}.boss-drop-grid{grid-template-columns:1fr;gap:0}.boss-drop-grid strong{font-size:11px}.boss-entry{padding:15px;font-size:11px}.boss-locations li{font-size:11px}.boss-locations code{font-size:9px}.boss-data-note{font-size:9px}}
.feature-icon.class-portrait{width:68px;flex:0 0 68px;height:72px;background:none;border:0;box-shadow:none}.feature-icon.class-portrait img{width:66px;max-height:72px;object-fit:contain;filter:drop-shadow(0 5px 3px #0008)}
.profession-progression{margin:20px 0 27px;border:1px solid #4b4860;background:#252a40;border-radius:6px;padding:15px 19px}.profession-progression summary{color:#e8c18e;font-size:12px;font-weight:600;cursor:pointer}.profession-progression p{margin-top:16px!important;font-size:11px!important}.profession-xp{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:18px}.profession-xp>div{background:#191f32;border:1px solid #41465d;padding:13px;border-radius:5px}.profession-xp strong{font-size:12px;display:block;color:#e7c49b}.profession-xp span{display:block;font-size:10px;color:#91a1bd;margin-top:5px}.boss-dialog-close{position:sticky;float:right;margin:13px 13px -46px 0;top:13px;right:auto}
@media(max-width:700px){.profession-xp{grid-template-columns:repeat(2,1fr)}.profession-progression{padding:15px}.feature-icon.class-portrait{width:62px;flex-basis:62px}.feature-icon.class-portrait img{width:60px}}
/* Align Horntail parts to their shared WZ origin at 66% scale. */
.horntail{height:420px;bottom:35px}.ht-wing{width:379px;left:28px;top:174px}.ht-legs{width:339px;left:48px;top:293px;bottom:auto}.ht-chest{width:139px;top:202px}.chest-left{left:79px}.chest-right{right:79px}.head-left{width:167px;left:57px;top:81px}.head-center{width:106px;left:164px;top:0}.head-right{width:167px;right:57px;top:81px}.ht-tail{width:268px;left:231px;top:319px;z-index:0}
@media(prefers-reduced-motion:reduce){.custom-card:hover,.boss-card:hover,.boss-card:hover .boss-portrait img,.button:hover,.profession-card:hover,.home-boss-card:hover{transform:none}}

/* Zakum: every part shares the original WZ anchor; odd arm IDs are left, even IDs are right. */
.zakum{width:440px;left:35px}.z-body{width:275px;left:73px;top:112px;bottom:auto}.z-arm{max-height:none;height:auto}
.z-arm-0{width:110.67px;left:100.76px;top:92.26px;right:auto}
.z-arm-1{width:114.24px;left:236.42px;top:91.55px;right:auto}
.z-arm-2{width:163.51px;left:42.92px;top:160.09px;right:auto}
.z-arm-3{width:171.36px;left:242.84px;top:144.38px;right:auto}
.z-arm-4{width:178.50px;left:25.07px;top:245.77px;right:auto}
.z-arm-5{width:185.64px;left:244.27px;top:179.37px;right:auto}
.z-arm-6{width:177.79px;left:22.22px;top:285.04px;right:auto}
.z-arm-7{width:188.50px;left:249.98px;top:279.33px;right:auto}
@media(max-width:700px){.zakum{left:-80px}}
.catalog-note a{color:#dfb17f;text-decoration:underline}.fight-notes{padding-left:17px;margin:13px 0 3px}.fight-notes li{margin:7px 0}