:root{--dv-bg:#090a0d;--dv-panel:#111318;--dv-line:#292c33;--dv-text:#f3f3f4;--dv-muted:#a2a5ad;--dv-gold:#c9a96e}body.division-page{background:var(--dv-bg);color:var(--dv-text)}.division-page .site-header{z-index:20}.division-page .main-nav a.active{color:var(--dv-gold)}.division-page main{max-width:1440px;margin:auto;padding:0 5.5%}.division-hero{padding:100px 0 68px;max-width:850px}.division-kicker{font-size:.7rem;letter-spacing:.24em;color:var(--dv-gold);font-weight:800}.division-hero h1{font-size:clamp(2.2rem,6vw,4.8rem);line-height:1.03;letter-spacing:-.045em;margin:14px 0}.division-tagline{font-size:1.2rem;color:#ded0b5}.division-hero>p:not(.division-kicker):not(.division-tagline){color:var(--dv-muted);max-width:700px;line-height:1.8}.division-hero-actions{display:flex;gap:12px;margin:26px 0}.division-btn{display:inline-flex;padding:13px 19px;border:1px solid #555963;border-radius:4px;color:#eee;text-decoration:none;font-size:.72rem;letter-spacing:.1em;font-weight:800}.division-btn.primary{background:var(--dv-gold);border-color:var(--dv-gold);color:#111}.division-search,.member-search-wrap>input{display:flex;align-items:center;gap:12px;max-width:570px;background:#14161b;border:1px solid var(--dv-line);padding:0 16px;border-radius:5px}.division-search input,.member-search-wrap>input{width:100%;height:50px;background:transparent;border:0;outline:0;color:white}.directory-summary{border:1px solid var(--dv-line);background:linear-gradient(135deg,#111318,#0d0e12);border-radius:9px;padding:26px;margin-bottom:65px}.summary-heading,.directory-toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px}.summary-heading h2,.directory-toolbar h2{margin:5px 0 0;font-size:1.6rem}.summary-heading small{color:var(--dv-muted)}.summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:22px 0}.summary-item{padding:17px;background:#17191f;border:1px solid #282b32;border-radius:5px}.summary-item strong{display:block;font-size:1.7rem}.summary-item span{font-size:.67rem;letter-spacing:.1em;color:var(--dv-muted)}.spotlight-wrap,.activity-wrap{border-top:1px solid var(--dv-line);padding-top:18px;margin-top:18px}.spotlight-wrap h3,.activity-wrap h3{margin:4px 0 12px}.spotlight-empty,.activity-empty{color:var(--dv-muted);font-size:.85rem}.directory-toolbar{margin:0 0 20px}.toolbar-controls{display:flex;gap:8px;flex-wrap:wrap}.toolbar-controls select{background:#15171c;color:#eee;border:1px solid var(--dv-line);padding:11px;border-radius:4px}.member-search-wrap{margin-bottom:22px}.member-search-wrap>input{max-width:none}.division-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;padding-bottom:75px}.division-card{background:#111318;border:1px solid #292c33;border-radius:8px;overflow:hidden;position:relative}.division-banner{height:118px;background:linear-gradient(120deg,#252830,#111318 70%);position:relative}.division-banner img{width:100%;height:100%;object-fit:cover}.division-card-head{display:flex;align-items:center;gap:14px;padding:0 19px;margin-top:-29px;position:relative}.division-logo{width:58px;height:58px;border:3px solid #111318;border-radius:50%;background:#20232a;display:grid;place-items:center;overflow:hidden;color:var(--dv-gold);font-weight:900}.division-logo img{width:100%;height:100%;object-fit:contain}.division-title{flex:1;min-width:0}.division-title h3{font-size:1.02rem;margin:30px 0 5px}.division-status{font-size:.62rem;letter-spacing:.1em;font-weight:800}.status-recruiting{color:#74d69b}.status-full{color:#ed7777}.status-closed{color:#e6c16f}.status-leader-needed{color:#aaa}.division-edit{position:absolute;right:16px;top:132px;width:33px;height:33px;border:1px solid #555;background:#1a1c22;color:var(--dv-gold);border-radius:50%;cursor:pointer;display:none}.division-edit.visible{display:block}.division-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:18px 19px}.division-meta div{background:#191b21;padding:10px;border-radius:4px;min-width:0}.division-meta small{display:block;color:var(--dv-muted);font-size:.58rem;letter-spacing:.08em}.division-meta strong{font-size:.82rem;overflow-wrap:anywhere}.division-description{padding:0 19px 15px;color:#aeb1b8;font-size:.8rem;line-height:1.6}.division-announcement{margin:0 19px 14px;padding:10px 12px;border-left:2px solid var(--dv-gold);background:#191a1f;font-size:.76rem;color:#ddd}.division-actions{display:flex;gap:8px;padding:0 19px 18px;flex-wrap:wrap}.division-actions button,.division-actions a{background:#1b1d23;border:1px solid #41444d;color:#eee;padding:9px 12px;font-size:.65rem;letter-spacing:.07em;text-decoration:none;border-radius:3px;cursor:pointer}.division-actions .wa{border-color:#527b62}.member-panel{max-height:0;overflow:hidden;transition:max-height .35s ease}.member-panel.open{max-height:1800px}.member-inner{padding:0 19px 18px;border-top:1px solid var(--dv-line)}.member-inner h4{font-size:.75rem;letter-spacing:.12em;color:var(--dv-gold)}.member-table{width:100%;border-collapse:collapse;font-size:.75rem}.member-table th,.member-table td{text-align:left;padding:9px 6px;border-bottom:1px solid #292c33}.member-table th{color:var(--dv-muted);font-size:.62rem}.leader-tag{font-size:.58rem;color:var(--dv-gold);margin-left:5px}.directory-loading{grid-column:1/-1;padding:55px;text-align:center;color:var(--dv-muted)}.directory-error{padding:25px;text-align:center;border:1px solid #704747;color:#f0a0a0}.member-result{padding:12px;border-bottom:1px solid var(--dv-line);cursor:pointer;color:#ddd}.member-result small{color:var(--dv-muted);margin-left:8px}.back-top{position:fixed;right:22px;bottom:22px;width:42px;height:42px;border-radius:50%;background:#c9a96e;color:#111;border:0;display:none;z-index:15}.back-top.show{display:block}.division-footer{border-top:1px solid var(--dv-line);padding:28px 5.5%;display:flex;justify-content:space-between;color:var(--dv-muted);font-size:.75rem}.division-footer strong{color:#ddd;letter-spacing:.08em}@media(max-width:780px){.division-page main{padding:0 18px}.division-hero{padding:65px 0 45px}.summary-grid{grid-template-columns:repeat(2,1fr)}.summary-item:last-child{grid-column:span 2}.directory-toolbar,.summary-heading{align-items:stretch;flex-direction:column}.toolbar-controls select{flex:1;min-width:0}.division-grid{grid-template-columns:1fr}.division-banner{height:105px}.division-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.division-footer{gap:12px;flex-direction:column}.division-edit{top:119px}}


/* Member directory: readable columns and distinct role pills */
.division-page .member-table{display:flex;flex-direction:column;width:100%;gap:0;font-size:.82rem}
.division-page .member-row{display:grid;grid-template-columns:minmax(180px,1.35fr) minmax(105px,.8fr) minmax(180px,1fr);align-items:center;gap:14px;padding:11px 10px;border-bottom:1px solid #292c33;min-width:0}
.division-page .member-row>strong{font-weight:700;color:#f1f1f2;overflow-wrap:anywhere}
.division-page .member-row>span{min-width:0}
.division-page .member-header{padding-top:8px;padding-bottom:8px;color:#9da2ac;font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:#15171c}
.division-page .member-header span{color:#aeb2ba}
.division-page .member-id{font-variant-numeric:tabular-nums;color:#c6c8ce;overflow-wrap:anywhere}
.division-page .leader-member-row{background:rgba(201,169,110,.075);border-left:2px solid var(--dv-gold)}
.division-page .member-role-list{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.division-page .role-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 9px;min-height:23px;border-radius:999px;font-size:.65rem;line-height:1.15;font-weight:850;letter-spacing:.035em;white-space:nowrap;border:1px solid transparent}
.division-page .role-leader{background:rgba(201,169,110,.16);color:#e6c98e;border-color:rgba(201,169,110,.45)}
.division-page .role-exp{background:rgba(47,157,112,.17);color:#75d5a9;border-color:rgba(47,157,112,.4)}
.division-page .role-jung{background:rgba(160,105,220,.18);color:#c7a0f3;border-color:rgba(160,105,220,.42)}
.division-page .role-gold{background:rgba(214,168,75,.17);color:#e9c36e;border-color:rgba(214,168,75,.42)}
.division-page .role-mid{background:rgba(57,121,216,.18);color:#8dbaff;border-color:rgba(57,121,216,.42)}
.division-page .role-roam{background:rgba(214,106,168,.17);color:#f0a1ce;border-color:rgba(214,106,168,.42)}
.division-page .role-roam-sup{background:rgba(214,106,168,.24);color:#ffb6dc;border-color:rgba(214,106,168,.55)}
.division-page .role-mm{background:rgba(37,163,177,.18);color:#85dbe2;border-color:rgba(37,163,177,.42)}
.division-page .role-mage{background:rgba(119,105,220,.18);color:#b8adff;border-color:rgba(119,105,220,.42)}
.division-page .role-flex{background:rgba(125,139,155,.18);color:#c5d0dc;border-color:rgba(125,139,155,.42)}
.division-page .role-allrole{background:rgba(184,184,196,.16);color:#e0e0e8;border-color:rgba(184,184,196,.4)}
.division-page .role-unknown{background:rgba(145,150,160,.13);color:#c3c6ce;border-color:rgba(145,150,160,.3)}
@media(max-width:680px){.division-page .member-inner{padding:0 10px 16px}.division-page .member-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:10px 7px}.division-page .member-header{display:none}.division-page .member-row>strong{grid-column:1;grid-row:1}.division-page .member-row>.member-id,.division-page .member-row>span[role="cell"]:nth-child(2){grid-column:1;grid-row:2;font-size:.72rem}.division-page .member-row>.member-role-list{grid-column:2;grid-row:1 / span 2;justify-content:flex-end}.division-page .role-badge{font-size:.6rem;padding:4px 7px}}