/* Original DNA artwork, kept separate from functional styles. */
[hidden]{display:none!important}
.clan-home .category-panel{max-width:72rem;padding:2.5rem 0}
#area-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.25rem}
.area-visual-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:340px;padding:1.5rem!important;text-align:center;overflow:hidden;background-position:center!important;background-size:cover!important}
.area-visual-card .area-heading{display:flex;flex-direction:column;gap:1rem;margin:0 0 1rem;font-size:1.4rem;text-shadow:0 2px 10px #000}
.area-visual-card .area-icon{width:160px;height:160px;object-fit:contain;filter:drop-shadow(0 8px 16px #0009)}
.area-visual-card .primary-button{background:#111b!important;color:#fff!important;border:1px solid #ddd7}
.area-masthead{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 230px;align-content:center;min-height:300px!important;padding:2rem!important;border:1px solid #ffffff40;border-radius:4px!important;background:#060b13b3!important;overflow:hidden}
.area-masthead:after{display:none!important}
.area-detail-logo{grid-column:2;grid-row:1/6;width:230px;height:230px;object-fit:contain;align-self:center;filter:drop-shadow(0 12px 22px #0009)}
.area-masthead h1{grid-column:1;font-size:clamp(2rem,4vw,3.4rem)!important;line-height:1.1;letter-spacing:normal!important;max-width:18ch;margin:.5rem 0 1rem}
.area-masthead p,.area-masthead .area-stats,.area-masthead .account-actions{grid-column:1}
.area-masthead .section-intro{font-size:1rem;max-width:46ch;margin:.2rem 0 1rem}
.area-extra{border:1px solid #ffffff30;border-radius:4px;margin:1rem 0;padding:1rem;background:#080c13ba}
.area-extra>summary{cursor:pointer;min-height:32px;font-weight:600}
.area-extra[open]>summary{margin-bottom:1rem}
.area-extra .area-command-layout{margin:0}
.game-description{margin:.7rem 0;color:#cbd2d8}
.game-description summary{cursor:pointer}
.area-game-card{background:#080c13d9!important}
.dossier-rank-image{object-fit:contain}
@media(max-width:650px){.area-masthead{grid-template-columns:1fr;min-height:0!important;padding:1.2rem!important;text-align:center}.area-detail-logo{grid-column:1;grid-row:1;width:170px;height:170px;margin:0 auto 1rem}.area-masthead h1{max-width:none}.area-masthead .account-actions,.area-masthead .area-stats{justify-content:center}.area-masthead .section-intro{margin:.5rem auto 1rem}.area-visual-card{min-height:290px}.clan-home .category-panel{padding:1.5rem 0}.clan-main{padding-inline:1rem}}
body[data-area-brand="shooter"]{background-image:linear-gradient(90deg,#03060c9c,#03060c35),url("/trial/assets/shooter-operation-0bf98e5f14.webp");background-size:cover;background-position:center;background-attachment:fixed}
.area-visual-card[data-brand="shooter"]{background-image:linear-gradient(0deg,#03060ce6,#03060c30),url("/trial/assets/shooter-operation-0bf98e5f14.webp")!important}
body[data-area-brand="501"]{background-image:linear-gradient(90deg,#03060c9c,#03060c35),url("/trial/assets/501-lava-426b89707a.webp");background-size:cover;background-position:center;background-attachment:fixed}
.area-visual-card[data-brand="501"]{background-image:linear-gradient(0deg,#03060ce6,#03060c30),url("/trial/assets/501-lava-426b89707a.webp")!important}
body[data-area-brand="strategy"]{background-image:linear-gradient(90deg,#03060c9c,#03060c35),url("/trial/assets/strategy-starcraft-dawn-of-war-c854441536.webp");background-size:cover;background-position:center;background-attachment:fixed}
.area-visual-card[data-brand="strategy"]{background-image:linear-gradient(0deg,#03060ce6,#03060c30),url("/trial/assets/strategy-starcraft-dawn-of-war-c854441536.webp")!important}
body[data-area-brand="space"]{background-image:linear-gradient(90deg,#03060c9c,#03060c35),url("/trial/assets/space-fleets-37fec807c3.webp");background-size:cover;background-position:center;background-attachment:fixed}
.area-visual-card[data-brand="space"]{background-image:linear-gradient(0deg,#03060ce6,#03060c30),url("/trial/assets/space-fleets-37fec807c3.webp")!important}
body[data-area-brand="ww2"]{background-image:linear-gradient(90deg,#03060c9c,#03060c35),url("/trial/assets/ww2-battlefield-8004828dd6.webp");background-size:cover;background-position:center;background-attachment:fixed}
.area-visual-card[data-brand="ww2"]{background-image:linear-gradient(0deg,#03060ce6,#03060c30),url("/trial/assets/ww2-battlefield-8004828dd6.webp")!important}
body[data-area-brand="naval"]{background-image:linear-gradient(90deg,#03060c9c,#03060c35),url("/trial/assets/naval-ocean-d6264a3f61.webp");background-size:cover;background-position:center;background-attachment:fixed}
.area-visual-card[data-brand="naval"]{background-image:linear-gradient(0deg,#03060ce6,#03060c30),url("/trial/assets/naval-ocean-d6264a3f61.webp")!important}
body[data-area-brand="survival"]{background-image:linear-gradient(90deg,#03060c9c,#03060c35),url("/trial/assets/survival-wilderness-a35887d825.webp");background-size:cover;background-position:center;background-attachment:fixed}
.area-visual-card[data-brand="survival"]{background-image:linear-gradient(0deg,#03060ce6,#03060c30),url("/trial/assets/survival-wilderness-a35887d825.webp")!important}



.rank-symbol{width:min(100%,9rem);height:9rem;object-fit:contain}.symbol-card{gap:.7rem}

.category-panel h1[tabindex="-1"]:focus{outline:none}

/* Complete palettes matched to original area logos. Background artwork stays unchanged. */
body[data-area-brand="shooter"],.area-visual-card[data-brand="shooter"]{--area-accent:#79c7d1;--area-muted:#b9c8cc;--area-border:#41666d;--area-surface:#0b1418eb;--area-header:#060c10f5;--area-hover:#163038;}
body[data-area-brand="space"],.area-visual-card[data-brand="space"]{--area-accent:#6ccfff;--area-muted:#b4c8dc;--area-border:#315c86;--area-surface:#09172aeb;--area-header:#050e1cf5;--area-hover:#123653;}
body[data-area-brand="strategy"],.area-visual-card[data-brand="strategy"]{--area-accent:#edbc69;--area-muted:#d2bb9c;--area-border:#896134;--area-surface:#24100deb;--area-header:#170907f5;--area-hover:#482016;}
body[data-area-brand="survival"],.area-visual-card[data-brand="survival"]{--area-accent:#d4b184;--area-muted:#bec7b4;--area-border:#626f51;--area-surface:#111c16eb;--area-header:#0a120ef5;--area-hover:#2b3928;}
body[data-area-brand="ww2"],.area-visual-card[data-brand="ww2"]{--area-accent:#dcba77;--area-muted:#c4c4ac;--area-border:#77764f;--area-surface:#191c13eb;--area-header:#10120cf5;--area-hover:#363a22;}
body[data-area-brand="501"],.area-visual-card[data-brand="501"]{--area-accent:#ff858e;--area-muted:#c7ced5;--area-border:#88434c;--area-surface:#1e1219eb;--area-header:#100b10f5;--area-hover:#422029;}
body[data-area-brand="naval"],.area-visual-card[data-brand="naval"]{--area-accent:#dfc087;--area-muted:#b4c8d5;--area-border:#486779;--area-surface:#0b1c29eb;--area-header:#06121df5;--area-hover:#193747;}
body[data-area-brand] .clan-header{background:var(--area-header);border-color:var(--area-border)}
body[data-area-brand] .area-masthead{background:var(--area-surface)!important;border-color:var(--area-border)}
body[data-area-brand] .area-extra,body[data-area-brand] .area-game-card{background:var(--area-surface)!important;border-color:var(--area-border)}
body[data-area-brand] .area-extra>summary,body[data-area-brand] .area-masthead h1,body[data-area-brand] .area-game-card h3{color:var(--area-accent)}
body[data-area-brand] .secondary-button,body[data-area-brand] .nav-submenu,body[data-area-brand] input,body[data-area-brand] textarea,body[data-area-brand] select{background:var(--area-header);border-color:var(--area-border)}
body[data-area-brand] .clan-navigation a:hover,body[data-area-brand] .clan-navigation a[aria-current],body[data-area-brand] .secondary-button:hover{background:var(--area-hover);border-color:var(--area-accent)}
body[data-area-brand] .game-description{color:var(--area-muted)}
.area-visual-card[data-brand]{border-color:var(--area-border)}
.area-visual-card[data-brand] .primary-button{background:var(--area-header)!important;color:var(--area-accent)!important;border-color:var(--area-accent)}
.area-visual-card[data-brand] .primary-button:hover{background:var(--area-hover)!important}

/* Dedicated full-width cyclic navigation below the header. */
.area-cycle{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;width:min(100%,90rem);margin:0 auto;padding:8px clamp(12px,3vw,48px);border-top:1px solid var(--area-border);box-sizing:border-box}
.area-cycle-arrow{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:2rem;line-height:1;text-decoration:none;color:var(--area-accent);border:1px solid var(--area-border);border-radius:4px;background:var(--area-surface)}
.area-cycle-arrow:hover{border-color:var(--area-accent);background:var(--area-hover,var(--area-surface))}
.area-cycle-dots{display:flex;justify-content:center;align-items:center;min-width:0}
.area-cycle-dot{display:flex;justify-content:center;align-items:center;width:32px;height:44px;flex:0 0 32px;--dot-color:#ef4a61}
.area-cycle-dot-mark{width:9px;height:9px;border:1px solid #a6a9ad;border-radius:50%;background:#34383e;transition:background .15s,box-shadow .15s}
.area-cycle-dot[data-brand="shooter"]{--dot-color:#79c7d1}.area-cycle-dot[data-brand="space"]{--dot-color:#6ccfff}.area-cycle-dot[data-brand="strategy"]{--dot-color:#edbc69}.area-cycle-dot[data-brand="survival"]{--dot-color:#d4b184}.area-cycle-dot[data-brand="ww2"]{--dot-color:#dcba77}.area-cycle-dot[data-brand="501"]{--dot-color:#ff858e}.area-cycle-dot[data-brand="naval"]{--dot-color:#dfc087}
.area-cycle-dot[aria-current="page"] .area-cycle-dot-mark{background:var(--dot-color);border-color:var(--dot-color);box-shadow:0 0 6px var(--dot-color),0 0 14px var(--dot-color);transform:scale(1.2)}
.area-cycle a:focus-visible{outline:2px solid var(--area-accent);outline-offset:2px}
@media(max-width:420px){.area-cycle{grid-template-columns:36px minmax(0,1fr) 36px;gap:4px}.area-cycle-dot{width:24px;flex-basis:24px}.area-cycle-arrow{min-height:44px}}
@media(prefers-reduced-motion:reduce){.area-cycle-dot-mark{transition:none}}

/* Header grouping requested by the clan owner. */
.clan-navigation a[href="#join-us"]{white-space:nowrap;flex-shrink:0}
.forum-polls,.member-discord{margin-top:1.5rem;padding:1.5rem}

/* The DNA home tile uses the clan background instead of an empty panel. */
.area-visual-card.dna-home-card{background-image:linear-gradient(0deg,#03060ce6,#03060c42),url('/trial/assets/enter-background.webp')!important;background-size:cover;background-position:center}
.council-member-identity{display:flex;align-items:center;gap:.65rem;min-width:0}
.council-member-thumb{width:2.6rem;height:2.6rem;flex:none;object-fit:cover;border-radius:.25rem;border:1px solid #8b5a6a;background:#10131b}
.council-member-name{display:block;min-width:0;color:#f4e9ef;font-weight:700}
.council-member-identity small{display:block;color:#b8b1bf;font-size:.8rem;font-weight:400}

/* Shared header layout for every existing and future area. */
.area-page .area-masthead{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;min-height:0!important;padding:2rem!important}
.area-page .area-masthead #area-detail-eyebrow{display:none}
.area-page .area-masthead #area-detail-title{display:block;order:0;width:100%;max-width:none;min-width:0;font-size:clamp(2rem,4vw,3.4rem)!important;line-height:1.1;letter-spacing:normal!important;text-align:center;white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:none;margin:0}
.area-page .area-masthead #area-detail-logo{order:1;width:230px;height:230px;max-width:100%;object-fit:contain;margin:0;flex-shrink:0}
.area-page .area-masthead #area-detail-intro{order:2;width:100%;max-width:46ch;text-align:center;margin:0}
@media(max-width:650px){.area-page .area-masthead{padding:1.2rem!important}.area-page .area-masthead #area-detail-title{font-size:2rem!important}}

/* DNA homepage: identity, current news, actual game areas, recruitment. */
.clan-main #home.clan-hero{display:flex;flex-direction:column;align-items:stretch;gap:1.6rem;min-height:0;padding:2.2rem 0 3rem;max-width:72rem;margin:0 auto}
#home .home-clan-identity{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center}
#home #home-title{font-family:Georgia,serif;font-size:clamp(1.8rem,4vw,3.4rem);font-weight:700;line-height:1.15;letter-spacing:.015em;margin:0;color:#f5eef0;text-shadow:0 3px 20px #000;max-width:100%;text-wrap:balance}
#home .home-clan-signature{font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;color:#d3bcc3;margin:.75rem 0 0}
#home .home-clan-emblem{display:block;width:clamp(240px,28vw,350px);height:auto;margin:.75rem auto 0;mix-blend-mode:screen;filter:drop-shadow(0 8px 25px #8f071e35)}
#home .home-dispatch{margin:0;border-radius:0;border:1px solid #9f344c88;border-left:3px solid #dc2546;background:linear-gradient(110deg,#170c13ee,#09090cec);padding:1.25rem 1.5rem}
#home .news-highlight-heading h2{font-size:1.3rem;color:#f4e9ef;letter-spacing:.01em}
#home .home-news-item{padding:.8rem 0;border-top:1px solid #a267752e;margin-top:.7rem}#home .home-news-item h3{margin:.4rem 0 0;font-size:1.08rem}#home .home-news-item h3 a{color:#f5e6eb;text-decoration:none}#home .home-news-item h3 a:hover{text-decoration:underline}#home #home-news>.subtle{margin:.9rem 0 0}
#home .home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}#home .home-section-heading h2,#home .home-recruitment h2{font-size:1.4rem;margin:0 0 .5rem;color:#f4e9ef}#home .home-section-heading p,#home .home-recruitment p{color:#c8b9c0;font-size:.95rem;line-height:1.6;margin:0}#home .home-section-heading>a{flex-shrink:0;color:#e2b9c5;text-decoration:none;font-size:.88rem}
#home .home-area-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
#home .home-area-link{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:62px minmax(0,1fr) 20px;align-items:center;gap:1rem;padding:1rem;min-height:104px;border:1px solid #85717d55;background:#0d0b10;color:#f6edf1;text-decoration:none;border-radius:0;transition:border-color .15s,background .15s}
#home .home-area-link::before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(90deg,#090910e8,#090910ae),var(--home-area-image);background-size:cover;background-position:center;opacity:.9}#home .home-area-link:hover,#home .home-area-link:focus-visible{border-color:#f26d87;background:#3a1725}#home .home-area-link:hover::before{opacity:.7}
#home .home-area-link .area-icon{width:62px;height:62px;object-fit:contain;flex:none}#home .home-area-copy{min-width:0;display:flex;flex-direction:column;gap:.35rem}#home .home-area-copy strong{font-size:1.02rem;line-height:1.3}#home .home-area-games{font-size:.78rem;color:#c8bcc2;line-height:1.6}#home .home-area-arrow{color:#dca7b8;font-size:1.2rem}
#home .home-recruitment{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-top:1px solid #b3546970;border-bottom:1px solid #b3546970;padding:1.5rem;background:linear-gradient(105deg,#50112788,#09090fbb)}
#home .home-join-button{display:inline-flex;align-items:center;gap:1.1rem;flex-shrink:0;min-height:48px;padding:.85rem 1.3rem;color:#fff;background:#a91d3b;border:1px solid #ed647f;font-weight:700;text-decoration:none}#home .home-join-button:hover{background:#ca294c}
@media(min-width:1600px){#home .home-area-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.clan-main #home.clan-hero{padding:1.6rem 0 2rem;gap:1.5rem}#home .home-clan-signature{font-size:.65rem;letter-spacing:.15em}#home .home-clan-emblem{width:min(280px,80vw)}#home .home-area-links{grid-template-columns:1fr}#home .home-area-link{min-height:100px;padding:.85rem;gap:.75rem}#home .home-dispatch{padding:1.1rem}#home .home-section-heading{align-items:flex-start;flex-wrap:wrap}#home .home-recruitment{flex-direction:column;align-items:stretch;padding:1.2rem}#home .home-join-button{justify-content:center}}
@media(prefers-reduced-motion:reduce){#home .home-area-link{transition:none}}

#home.clan-hero:focus{outline:none}

/* Steel clan lettering and a soft edge around the original emblem. */
@font-face{font-family:DNA Rajdhani;src:url("dna-rajdhani-bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
#home #home-title{font-family:"DNA Rajdhani","Arial Narrow",Arial,sans-serif;font-size:clamp(2rem,4.8vw,4rem);font-weight:700;line-height:1.08;letter-spacing:.025em;text-transform:uppercase;color:#e1d9da;background:linear-gradient(180deg,#fff8f6 8%,#d1cbcd 40%,#81767c 51%,#ece5e8 76%,#c4b2ba 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 2px 1px #000) drop-shadow(0 0 15px #b4224633)}
#home .home-clan-emblem{mix-blend-mode:screen;filter:none;mask-image:radial-gradient(ellipse closest-side,#000 87%,rgba(0,0,0,.9) 93%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse closest-side,#000 87%,rgba(0,0,0,.9) 93%,transparent 100%)}
#home .home-clan-identity::before{content:"";position:absolute;width:min(480px,95%);height:360px;left:50%;bottom:0;transform:translateX(-50%);background:radial-gradient(ellipse,#9f173025 0%,#6c0b1920 35%,transparent 70%);pointer-events:none;z-index:-1}
@media(max-width:650px){#home #home-title{font-size:clamp(1.9rem,7.8vw,2.6rem);letter-spacing:.015em}}

/* Round original clan emblems in the dossier header and Discord card. */
.dossier-head .dossier-clan-mark,.discord-server-card .discord-server-icon{border-radius:50%;clip-path:circle(50%);object-fit:contain;}

/* Metallic area lettering uses each area's existing palette. */
.area-page .area-masthead #area-detail-title{font-family:"DNA Rajdhani","Arial Narrow",Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.025em!important;line-height:1.08;color:var(--area-accent);background:linear-gradient(180deg,color-mix(in srgb,var(--area-accent),white 60%) 8%,var(--area-accent) 40%,color-mix(in srgb,var(--area-accent),black 35%) 51%,color-mix(in srgb,var(--area-accent),white 40%) 76%,var(--area-accent) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 1px #000) drop-shadow(0 0 12px color-mix(in srgb,var(--area-accent),transparent 80%));}

body[data-area-brand="productions"]{background-image:linear-gradient(90deg,#07050960,#07050920),url("/trial/assets/dna-productions-studio-20261020.webp");background-size:cover;background-position:center;background-attachment:fixed}
.area-visual-card[data-brand="productions"]{background-image:linear-gradient(0deg,#070509e6,#07050930),url("/trial/assets/dna-productions-studio-20261020.webp")!important}
body[data-area-brand="productions"],.area-visual-card[data-brand="productions"]{--area-accent:#ff8996;--area-muted:#d4bcc4;--area-border:#86404f;--area-surface:#180c12e0;--area-header:#0e080bf5;--area-hover:#3b1724}