.d-page{max-width:1380px;padding:28px 30px 90px;font-size:16px}
.d-page [hidden]{display:none!important}
.d-page a{color:#ebba76;text-underline-offset:4px}
.d-page a:hover{color:#ffe4b2}
.d-page :focus-visible{outline:2px solid #f0b65f;outline-offset:4px}
.d-page h1,.d-page h2,.d-page h3{font-family:Cinzel,Georgia,serif;color:#f0dfc3}
.d-banner{position:relative;isolation:isolate;border:1px solid #796040;border-radius:5px;background:linear-gradient(90deg,#07131beF,#07131b80 60%,#07131b35),url('assets/directory/community-fjord-banner.png') center/cover;overflow:hidden}
.d-directory-heading{min-height:275px;padding:32px 38px}
.d-page .d-kicker{font-size:12px;letter-spacing:.17em;font-weight:700;color:#e7b56f;margin:0 0 12px}
.d-page h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.2;margin:0 0 14px;font-weight:600;letter-spacing:-.03em}
.d-directory-heading>p:not(.d-kicker){color:#d7dfe0;max-width:550px;margin:0 0 25px;line-height:1.7}
.d-art-caption{position:absolute;right:12px;bottom:8px;font-size:11px;color:#c5d0d2;text-shadow:0 1px 4px #000}
.d-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.d-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid #54696b;border-radius:4px;background:#102227;color:#ecddc5!important;font:600 14px/1.4 Inter,Arial,sans-serif;padding:11px 17px;min-height:44px;text-decoration:none;cursor:pointer}
.d-primary{background:linear-gradient(120deg,#875221,#3d2515);border-color:#d19443}
.d-button:hover{background:#243b3e;border-color:#d2a259}
.d-button:disabled{opacity:.55;cursor:wait}
.d-kind-nav{display:flex;flex-wrap:wrap;border-bottom:1px solid #4b5147;gap:4px;margin:16px 0 28px}
.d-kind-nav a{padding:14px 20px;text-decoration:none;color:#abbec1;font-size:15px;border-bottom:2px solid transparent}
.d-kind-nav a[aria-current=page]{color:#ffd18a;border-color:#d49646;background:#1f241e}
.d-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;margin:25px 0}
.d-page label{display:block;font-size:14px;color:#c2d0d1}
.d-page input:not([type=checkbox]),.d-page textarea,.d-page select{width:100%;min-width:0;display:block;margin-top:8px;padding:11px 12px;min-height:44px;background:#08161b;border:1px solid #40585e;color:#e3e8e4;border-radius:4px;font:16px/1.5 Inter,Arial,sans-serif;box-sizing:border-box}
.d-page textarea{resize:vertical}
.d-page small{display:block;color:#9aafb4;font-size:13px;line-height:1.6;margin-top:6px}
.d-muted{color:#9dafb4;font-size:14px;line-height:1.7}
.d-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:22px 0 30px}
.d-card{min-width:0;overflow:hidden;border:1px solid #425957;background:#0c1b20;border-radius:5px;display:flex;flex-direction:column}
.d-card:hover{border-color:#b28b4e}
.d-card-top{display:flex;gap:18px;align-items:center;padding:23px;border-bottom:1px solid #30484b;background:linear-gradient(120deg,#26332c,#0c1b20)}
.d-card[data-kind=player] .d-card-top{background:linear-gradient(120deg,#203945,#0c1b20)}
.d-card[data-kind=server] .d-card-top{background:linear-gradient(120deg,#354135,#0c1b20)}
.d-emblem{flex:0 0 68px;width:68px;height:80px;border:1px solid #b1894c;display:grid;place-items:center;background:#0a171dd9;border-radius:4px 4px 16px 16px;color:#f0be71;font:500 26px/1 Cinzel,Georgia,serif;overflow:hidden;box-shadow:inset 0 0 16px #daa64912}
.d-avatar{border-radius:5px;width:76px;height:76px;flex-basis:76px}
.d-emblem img{width:100%;height:100%;object-fit:cover}
.d-card h2{font-size:21px;line-height:1.4;margin:0 0 8px;overflow-wrap:anywhere}
.d-card h2 a{color:#f0dfc3;text-decoration:none}
.d-card-body{padding:23px;display:flex;flex-direction:column;flex:1}
.d-card-body p{font-size:15px;margin:0 0 22px;line-height:1.75;color:#aebfc2}
.d-card-footer{border-top:1px solid #2f4447;padding-top:16px;margin-top:auto;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:#a2b8bb}
.d-tags{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}
.d-tag{display:inline-block;padding:5px 8px;border:1px solid #456061;border-radius:4px;color:#c9d8d8;font-size:12px;background:#0c2026}
.d-badge{display:inline-block;border:1px solid #8e713d;border-radius:4px;color:#edbf71;padding:5px 9px;font-size:12px}
.d-state{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#c4cfd0}
.d-state::before{content:'';width:7px;height:7px;border-radius:50%;background:#8da0a5}
.d-state[data-state=ONLINE]{color:#a0dbae}.d-state[data-state=ONLINE]::before{background:#7ccb96}
.d-state[data-state=NO_RESPONSE]{color:#f1c780}.d-state[data-state=NO_RESPONSE]::before{background:#d8ac5a}
.d-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 24px;font-size:14px;color:#a4b7b9}
.d-profile-hero{min-height:290px;display:flex;gap:26px;align-items:center;padding:35px;flex-wrap:wrap}
.d-profile-hero .d-emblem{width:144px;height:160px;flex-basis:144px;font-size:46px;border-width:2px}
.d-profile-hero .d-avatar{height:144px;border-radius:5px}
.d-profile-copy{flex:1;min-width:210px}
.d-profile-copy .d-kicker{margin-bottom:10px}
.d-profile-copy>p{color:#d1dddd;font-size:16px;line-height:1.7;margin:0;max-width:740px}
.d-profile-copy .d-tags{margin-bottom:20px}
.d-detail-nav{display:flex;gap:24px;padding:18px 4px;border-bottom:1px solid #5a5947;flex-wrap:wrap;margin-bottom:24px}
.d-detail-nav a{font-size:14px;text-decoration:none}
.d-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}
.d-panel{margin:22px 0;padding:26px;border:1px solid #3c5356;border-top:2px solid #987744;border-radius:4px;background:linear-gradient(140deg,#112127,#0a181d)}
.d-panel h2{font-size:23px;line-height:1.4;margin:0 0 20px}
.d-panel h3{font-size:19px;margin:0 0 10px}
.d-panel p{font-size:16px;line-height:1.8;color:#b8c8cb;max-width:unset}
.d-detail-layout .d-panel:first-child{margin-top:0}
.d-about{white-space:pre-line;overflow-wrap:anywhere}
.d-facts{margin:0}.d-facts>div{border-bottom:1px solid #30464a;padding:12px 0}.d-facts dt{color:#8fa9af;font-size:13px;margin-bottom:5px}.d-facts dd{margin:0;color:#d6e0df;font-size:15px;overflow-wrap:anywhere}
.d-stat-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.d-stat{padding:18px;border:1px solid #42524d;background:#111f21}.d-stat strong{display:block;font:500 27px Cinzel,Georgia,serif;color:#eec481;margin-bottom:5px}.d-stat span{font-size:13px;color:#a7babd}
.d-member-list{display:grid;gap:12px}
.d-member{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #2f494e;background:#0a191e}
.d-member .d-avatar{width:44px;height:44px;flex-basis:44px;font-size:18px}
.d-member>a{flex:1;font-size:15px;text-decoration:none}
.d-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.d-gallery figure{margin:0}.d-gallery img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:4px;border:1px solid #57706c}
.d-gallery figcaption{font-size:13px;line-height:1.6;color:#a8bfc3;margin-top:6px;overflow-wrap:anywhere}
.d-empty{padding:38px;border:1px dashed #6d654b;background:#142127;grid-column:1/-1;text-align:center}
.d-empty h2{font-size:24px;margin:0 0 14px}.d-empty p{margin:0 auto 22px;max-width:560px}
.d-heading{padding:10px 0 26px;border-bottom:1px solid #756143;margin-bottom:28px}
.d-form{max-width:870px}.d-form fieldset{border:0;padding:0;margin:0;min-width:0}.d-form fieldset:disabled{opacity:.6}
.d-form label{margin-bottom:22px;font-size:15px}.d-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.d-form .d-check{display:flex;align-items:flex-start;gap:12px;line-height:1.7;margin-top:12px}.d-check input{width:18px;height:18px;margin-top:4px;flex-shrink:0;accent-color:#c08b45}
.d-filter-label{max-width:360px}
.d-owner-item{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-bottom:1px solid #405251;padding:18px 0}
.d-owner-item p{margin:6px 0}
.d-owner-item .d-actions{gap:7px}
.d-notice:empty{display:none}.d-notice:not(:empty){border-left:3px solid #c69a50;background:#17252a;padding:18px;margin:25px 0;color:#d7dfdb;font-size:15px}
.d-footer{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:46px;padding-top:22px;border-top:1px solid #374c4e;font-size:13px;color:#849fa5}
.d-footer>a:first-child{font-family:Cinzel,Georgia,serif;text-decoration:none}
.d-skip{position:fixed;left:12px;top:-100px;z-index:10000;background:#ecc98a;color:#15120e;padding:12px}.d-skip:focus{top:8px}
@media(max-width:1150px){.d-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.d-detail-layout{grid-template-columns:1fr}.d-detail-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.d-detail-aside .d-panel{margin:0}}
@media(max-width:650px){.d-page{padding:22px 16px 90px}.d-directory-heading{padding:26px 24px;min-height:260px}.d-profile-hero{padding:25px;gap:20px}.d-profile-hero .d-emblem{width:94px;height:106px;flex-basis:94px;font-size:31px}.d-profile-hero .d-avatar{height:94px}.d-card-grid,.d-filters,.d-form-row,.d-detail-aside{grid-template-columns:1fr}.d-kind-nav a{padding:12px 13px;font-size:14px}.d-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.d-stat-strip{gap:7px}.d-stat{padding:12px}.d-panel{padding:21px}.d-profile-copy{min-width:0;flex-basis:100%}}
