/* Public documentation components, scoped independently of native game pages. */
.hb-directory{--hbd-paper:#efe1bb;--hbd-card:#d1c3a6;--hbd-line:#ae9666;--hbd-ink:#3d2b19;color:var(--hbd-ink);font:11px/1.6 Verdana,Arial,sans-serif;min-width:0;width:100%;overflow-wrap:anywhere}
.hb-directory,.hb-directory *{box-sizing:border-box}.hb-directory p{margin:0 0 12px}.hb-directory a{color:#174e69;text-decoration:none}.hb-directory a:hover{text-decoration:underline;color:#845816}.hb-directory a:focus-visible,.hb-directory summary:focus-visible{outline:2px solid #28708d;outline-offset:3px}
.hb-directory .hb-directory-panel{margin:0 0 15px;border:2px solid #b48a3a;background:var(--hbd-paper);box-shadow:0 2px 4px #20180733;min-width:0}
.hb-directory .hb-directory-heading{margin:0;padding:5px 20px;min-height:31px;border:0;border-bottom:1px solid #b88d3e;background:#15384d url('/templates/highbinot/images/ui/topbar.png') center/100% 100% no-repeat;color:#f3e4bf;font:600 12px/20px Georgia,'Times New Roman',serif;text-shadow:0 1px #000;letter-spacing:.6px;text-transform:uppercase}
.hb-directory .hb-directory-body{padding:13px 15px 15px;min-width:0}.hb-directory .hb-directory-body>:last-child{margin-bottom:0}.hb-directory .hb-directory-scroll{overflow-x:auto;max-width:100%;margin:0 0 12px}
.hb-directory .hb-directory-table{width:100%;border-collapse:collapse;border:1px solid var(--hbd-line);margin:0;font:10px/1.55 Verdana,Arial,sans-serif;color:var(--hbd-ink);background:#dfd0ae}
.hb-directory .hb-directory-table th{padding:7px 9px;border:1px solid #8f7d59;background:#bba983;color:#352815;font-weight:600;text-align:left;vertical-align:middle}
.hb-directory .hb-directory-table td{padding:6px 9px;border:1px solid #b3a07a;vertical-align:top;background:transparent}.hb-directory .hb-directory-table tbody tr:nth-child(even){background:#eaddb9}.hb-directory .hb-directory-table tbody tr:nth-child(odd){background:#f0e3c3}
.hb-directory .hb-directory-notice{padding:11px 13px;margin:0 0 14px;border:1px solid #b29a5b;border-left:4px solid #94702c;background:#e0cf9f;color:#543c20}
.hb-directory .hb-directory-filter{display:flex;gap:5px 8px;flex-wrap:wrap;margin:0 0 15px;padding:8px 10px;background:#d9c9a5;border:1px solid #b49b67;font-size:10px}.hb-directory .hb-directory-filter a{padding:3px 7px;border-right:1px solid #b8a174}.hb-directory .hb-directory-filter a:last-child{border:0}
.hb-directory .hb-directory-button{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:4px 10px;margin:3px 5px 4px 0;background:linear-gradient(#285f88,#194260);border:1px solid #233d48;color:#fff1ca;font:10px/1.5 Verdana,Arial,sans-serif;box-shadow:inset 0 1px #ffffff3d;text-decoration:none;max-width:100%;text-align:center}
.hb-directory .hb-directory-button:hover{color:#fff;background:#346d93;text-decoration:none}.hb-directory .hb-directory-actions{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px}.hb-directory .hb-directory-list{margin:0 0 12px;padding-left:19px}.hb-directory .hb-directory-list li{padding-left:2px;margin-bottom:7px}
.hb-directory .hb-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hb-directory .hb-directory-card{padding:12px;border:1px solid #b8a37a;background:var(--hbd-card);min-width:0}.hb-directory .hb-directory-card h3{margin:0 0 7px;color:#3d2919;font:600 12px Georgia,serif}.hb-directory .hb-directory-card p{margin:0}.hb-directory code{font:10px/1.5 Consolas,monospace;color:#44351e;white-space:nowrap}.hb-directory .hb-directory-muted{color:#77654b}
.hb-directory section[id]{scroll-margin-top:12px}
.hb-directory>p:not(.hb-directory-notice){padding:11px 13px;background:var(--hbd-paper);border:1px solid #b49b67}
.hb-directory .hb-directory-general-summary p{margin-bottom:3px}.hb-directory .hb-directory-general-summary p:last-child{margin-bottom:0}
.hb-directory.hb-library-beginners-guide :is(#download,#account,#vocations,#world)>.hb-directory-body{margin:12px;padding:12px;background:#d1c3a6;border:1px solid #b7a37a;box-shadow:0 1px 3px #3d2d1726}
.hb-directory.hb-library-beginners-guide #vocations .hb-directory-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.hb-directory.hb-library-beginners-guide #vocations .hb-directory-card{padding:9px;font-size:9px;background:#f5ebd2}.hb-directory.hb-library-beginners-guide #vocations .hb-directory-card h3{font:11px Verdana,Arial,sans-serif}.hb-directory.hb-library-beginners-guide #vocations .hb-directory-card:nth-child(1) h3{color:#ad401d}.hb-directory.hb-library-beginners-guide #vocations .hb-directory-card:nth-child(2) h3{color:#267a2a}.hb-directory.hb-library-beginners-guide #vocations .hb-directory-card:nth-child(3) h3{color:#1b789a}.hb-directory.hb-library-beginners-guide #vocations .hb-directory-card:nth-child(5) h3{color:#a96110}
@media(max-width:640px){.hb-directory{font-size:10px}.hb-directory .hb-directory-body{padding:10px}.hb-directory .hb-directory-heading{font-size:11px;padding:5px 9px}.hb-directory .hb-directory-table{font-size:9px}.hb-directory .hb-directory-table th,.hb-directory .hb-directory-table td{padding:6px}.hb-directory .hb-directory-grid{grid-template-columns:1fr}.hb-directory .hb-directory-filter{padding:6px;gap:3px}.hb-directory .hb-directory-filter a{padding:3px 5px}.hb-directory .hb-directory-notice{padding:9px 10px}}
@media(max-width:640px){.hb-directory.hb-library-beginners-guide #vocations .hb-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* VIP benefits and account loyalty tables. */
.hb-library-vip-loyalty #vip-benefits .hb-directory-table th:first-child{width:21%}
.hb-library-vip-loyalty .hb-vip-mounts-caption{text-align:center;margin:13px 0 10px}
.hb-library-vip-loyalty .hb-vip-mounts{display:flex;align-items:center;justify-content:center;gap:24px;padding:14px 12px;border:1px solid #b5a27b;background:#d1c3a6;min-width:0}
.hb-library-vip-loyalty .hb-vip-mounts img{display:block;width:64px;height:64px;max-width:64px;image-rendering:pixelated}
.hb-library-vip-loyalty .hb-vip-loyalty-intro{margin-bottom:14px;padding:9px 11px;border:1px solid #b5a27b;background:#d1c3a6;font-size:10px}
.hb-library-vip-loyalty .hb-vip-loyalty-intro .hb-directory-list{margin:0;padding-left:14px}
.hb-library-vip-loyalty .hb-vip-loyalty-intro li{margin-bottom:3px}
.hb-library-vip-loyalty .hb-vip-loyalty-intro li:last-child{margin-bottom:0}
.hb-library-vip-loyalty #loyalty>.hb-directory-body>.hb-directory-scroll .hb-directory-table :is(th,td):first-child{width:50%}
.hb-library-vip-loyalty #loyalty>.hb-directory-body>.hb-directory-scroll .hb-directory-table :is(th,td):nth-child(n+2){text-align:center}
@media(max-width:640px){.hb-library-vip-loyalty #vip-benefits .hb-directory-table th:first-child{width:32%}}
/* Custom destinations follow the reference wiki, inside the existing site shell. */
.hb-directory .hb-directory-wiki{--hbd-paper:#10151b;--hbd-card:#171e26;--hbd-line:#35404c;--hbd-ink:#e0e4e9;background:#0c1015;color:#e0e4e9;border:1px solid #252d37;padding:18px;min-width:0;font:11px/1.8 Verdana,Arial,sans-serif}
.hb-directory .hb-directory-breadcrumb{display:flex;align-items:center;gap:9px;color:#a4adb9;font-size:9px;margin:0 0 24px}.hb-directory .hb-directory-breadcrumb a{color:#a4adb9}
.hb-directory .hb-directory-doc-title{margin:0 0 25px;padding:0 0 8px;border-bottom:1px solid #29313a;background:none;color:#f5f6f8;font:700 24px/1.3 Verdana,Arial,sans-serif;letter-spacing:-.4px}
.hb-directory .hb-directory-doc-layout{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:19px;align-items:start;min-width:0}.hb-directory .hb-directory-doc-content{min-width:0}.hb-directory .hb-directory-doc-aside{position:sticky;top:12px;min-width:0;font-size:9px}.hb-directory .hb-directory-doc-aside>h2{font:600 10px/1.5 Verdana,Arial,sans-serif;color:#e7e9ef;border-bottom:1px solid #29333f;margin:0 0 7px;padding-bottom:6px}
.hb-directory .hb-directory-wiki .hb-directory-doc-index{display:block;counter-reset:hbd-index;margin:0;padding:0;border:0;background:none}.hb-directory .hb-directory-wiki .hb-directory-doc-index a{display:block;counter-increment:hbd-index;border:0;color:#b7c0cd;padding:4px 0;font-size:9px;line-height:1.55}.hb-directory .hb-directory-wiki .hb-directory-doc-index a:before{content:counter(hbd-index) '. ';color:#d5dce5}
.hb-directory .hb-directory-wiki .hb-directory-panel{margin:0 0 25px;border:0;box-shadow:none;background:none;min-width:0}.hb-directory .hb-directory-wiki .hb-directory-heading{padding:0 0 9px;margin:0;min-height:0;border:0;border-bottom:1px solid #29333e;background:none;color:#f1f3f6;text-transform:none;letter-spacing:0;text-shadow:none;font:600 16px/1.5 Verdana,Arial,sans-serif}.hb-directory .hb-directory-wiki .hb-directory-body{padding:12px 0 0}.hb-directory .hb-directory-wiki .hb-directory-body h3{color:#edf0f5;background:none;font:600 12px/1.6 Verdana,Arial,sans-serif;margin:19px 0 8px}
.hb-directory .hb-directory-wiki .hb-directory-notice{background:#18212b;border:1px solid #35414e;border-left:3px solid #687887;color:#d6dde7}.hb-directory .hb-directory-wiki .hb-directory-status-banner{padding:15px 13px;margin-bottom:29px;border:1px solid #a53c39;border-radius:5px;background:#8e211f;color:#fff4e6;box-shadow:none}
.hb-directory .hb-directory-wiki .hb-directory-table{background:#121a23;color:#dfe4eb;border-color:#35414e;font-size:9px}.hb-directory .hb-directory-wiki .hb-directory-table th{background:#202b37;color:#e8edf3;border-color:#3c4958;padding:7px}.hb-directory .hb-directory-wiki .hb-directory-table td{border-color:#34404e;padding:7px}.hb-directory .hb-directory-wiki .hb-directory-table tbody tr:nth-child(odd){background:#121a23}.hb-directory .hb-directory-wiki .hb-directory-table tbody tr:nth-child(even){background:#18222d}
.hb-directory .hb-directory-wiki a{color:#b5d5f0}.hb-directory .hb-directory-wiki a:hover{color:#fff}.hb-directory .hb-directory-wiki .hb-directory-button{background:#e5e9f0;color:#172331;border:1px solid #c0cad5;text-shadow:none;border-radius:4px;box-shadow:none}.hb-directory .hb-directory-wiki .hb-directory-button:hover{background:white}.hb-directory .hb-directory-wiki code{color:#e7c583}.hb-directory .hb-directory-wiki .hb-directory-muted{color:#9fabb9}
.hb-directory .hb-directory-wiki .hb-directory-card{background:#151d27;border:1px solid #35404e;color:#c9d3df}.hb-directory .hb-directory-wiki .hb-directory-empty-season{margin-bottom:13px;max-width:290px}.hb-directory .hb-directory-wiki .hb-directory-card h3{margin:0 0 6px;color:#eef2f7}
@media(max-width:640px){.hb-directory .hb-directory-wiki{padding:12px;font-size:10px}.hb-directory .hb-directory-doc-title{font-size:21px;margin-bottom:17px}.hb-directory .hb-directory-doc-layout{grid-template-columns:1fr;gap:15px}.hb-directory .hb-directory-doc-aside{grid-row:1;position:static}.hb-directory .hb-directory-wiki .hb-directory-doc-index{display:flex;flex-wrap:wrap;gap:4px 10px}.hb-directory .hb-directory-wiki .hb-directory-doc-index a{padding:2px 0}.hb-directory .hb-directory-wiki .hb-directory-status-banner{padding:12px;margin-bottom:24px}.hb-directory .hb-directory-wiki .hb-directory-heading{font-size:15px}}