:root{--bg:#070a0f;--panel:#10151d;--gold:#d6b36a;--gold2:#f2dfad;--line:#394454;--text:#eee9dc;--muted:#9fa8b5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100%;background:radial-gradient(circle at 50% -10%,#1a2a3b 0,#070a0f 45%);color:var(--text);font-family:Georgia,"Times New Roman",serif}.page{width:min(1450px,96vw);margin:24px auto 50px}.hero{position:relative;overflow:hidden;border:2px solid #687688;border-radius:6px;box-shadow:0 0 0 5px #0a0d12,0 18px 50px #000}.banner{display:block;width:100%;height:auto;min-height:310px;object-fit:cover}.hero-content{position:absolute;left:6%;top:50%;transform:translateY(-50%);max-width:620px}.hero-kicker,.section-kicker{font-size:11px;letter-spacing:2px;color:#b9c1ca}.hero h1{margin:7px 0 2px;font-size:clamp(46px,6vw,82px);letter-spacing:7px;color:#f4e4b7;text-shadow:0 3px 12px #000}.hero p{font-size:20px;color:#d5d8dc;margin:0 0 22px}.hero-actions{display:flex;gap:10px}.gold-button,.ghost-button,.small-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;height:42px;padding:0 17px;border:1px solid #8d7441;font:inherit;cursor:pointer}.gold-button{background:linear-gradient(#d9b86f,#9f7a38);color:#17120a;text-shadow:0 1px #f6df9f}.ghost-button,.small-button{background:#0a0f16;color:#ddd3bc;border-color:#5a6573}.gold-button:hover{filter:brightness(1.1)}.ghost-button:hover,.small-button:hover{border-color:#a48a55;color:#fff}.live-bar{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.6fr;gap:10px;margin:10px 0 18px;padding:12px 16px;background:#0c1219;border:1px solid #394452;color:#9da7b3;font-size:12px}.live-bar div{display:flex;align-items:center;gap:8px}.live-bar strong,.live-bar b{color:#e7d9ad}.live-dot,.dot{width:8px;height:8px;border-radius:50%;background:#45c876;box-shadow:0 0 8px #45c876;display:inline-block}.home-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:14px;margin-bottom:14px}.feature-card,.dashboard,.roster-panel{background:linear-gradient(180deg,#151b24,#0a0e14);border:1px solid #586576;box-shadow:inset 0 0 0 1px #090c11,0 14px 38px #000}.feature-card{padding:24px}.welcome-card h2,.progress-card h2,.dashboard h2,.class-board h2{margin:7px 0 12px;color:#f0dfb2;font-size:25px}.welcome-card p{color:#c1c7ce;line-height:1.65;max-width:720px}.muted{color:#87919d!important;font-size:14px}.signature{text-align:right;color:#a58a53;margin-top:18px;font-style:italic}.progress-head,.progress-foot{display:flex;justify-content:space-between;gap:15px;color:#9fa8b5;font-size:13px}.progress-head strong{font-size:32px;color:#f2dfad}.progress-track{height:14px;background:#080b10;border:1px solid #424c59;margin:18px 0 12px;padding:2px}.progress-track div{height:100%;background:linear-gradient(90deg,#7c5a27,#e0bd6f);box-shadow:0 0 9px rgba(214,179,106,.25);transition:width .5s}.progress-foot b{color:#ddd2b5}.dashboard{padding:20px 22px;margin-bottom:14px}.dashboard-head,.class-board-head{display:flex;align-items:end;justify-content:space-between;gap:15px}.dashboard-head h2,.class-board-head h2{margin-bottom:0}.dashboard-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:18px}.mini-card{display:flex;align-items:center;gap:11px;padding:14px;background:#0b1017;border:1px solid #303a47}.mini-icon{font-size:21px;color:#a9b2bc}.mini-card b{display:block;font-size:23px;color:#ecdba9}.mini-card small{display:block;color:#7f8a97;margin-top:2px}.online-card .mini-icon{color:#4bc878}.class-board{padding:21px 22px;margin-bottom:14px}.class-board-head{margin-bottom:17px}.class-board-head span{font-size:12px;color:#8e98a4}.class-bars{display:grid;grid-template-columns:repeat(2,1fr);gap:13px 28px}.class-line-top{display:flex;justify-content:space-between;font-size:13px;margin-bottom:5px}.class-line-top b{color:#ddd}.class-track{height:6px;background:#080b10;border:1px solid #343e4b}.class-track i{display:block;height:100%}.roster-panel{margin-top:0;padding:22px}.title-row{display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid #4c5968;padding:4px 4px 16px}.eyebrow{font-size:12px;letter-spacing:2px;color:#9fa8b5}.title-row h2{margin:5px 0 0;font-size:31px;letter-spacing:2px;text-shadow:0 2px 2px #000;color:#f2dfad}.sync{font-size:13px;color:#b9c0c9;display:flex;gap:8px;align-items:center}.toolbar{display:grid;grid-template-columns:minmax(0,2.2fr) 1fr .9fr .9fr 125px;gap:10px;margin:17px 0 10px}.toolbar input,.toolbar select,.toolbar button{height:42px;border:1px solid #566273;background:#090d13;color:#e8e3d8;padding:0 13px;font:inherit}.toolbar input:focus,.toolbar select:focus{outline:1px solid var(--gold)}.toolbar button{cursor:pointer;color:#bfc8d3}.toolbar button.active{background:#213b2a;color:#80df9c;border-color:#4c9d66}.stats{display:flex;gap:24px;color:#9da7b3;font-size:13px;margin:5px 2px 14px}.stats b{color:#e8d9ad}.role-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 18px}.role-card{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 16px;border:1px solid #424c59;background:#0b1017;color:#eee;cursor:pointer}.role-card:hover{border-color:#8c7749;background:#141b24}.role-card>span{font-size:24px}.role-card b{font-size:23px}.role-card small{color:#929ca8;letter-spacing:1.5px}.group{margin-top:18px}.group-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.group-title h3{font-size:18px;margin:0;color:#e9d9ad;letter-spacing:1px}.group-title span{border:1px solid #4d5967;background:#0a0e14;padding:4px 9px;color:#cbd2da;font-size:12px}.head,.row{display:grid;grid-template-columns:2fr 1.15fr 1fr .55fr .75fr 1.1fr .85fr;align-items:center}.head{min-height:36px;background:#080b10;border-top:1px solid #495564;border-bottom:1px solid #495564;color:#aeb6c0;font-size:11px;letter-spacing:1.3px;padding:0 14px}.rows{border:1px solid #313a46;border-top:0}.row{width:100%;min-height:68px;padding:8px 14px;border:0;border-bottom:1px solid #272f3a;background:linear-gradient(90deg,#111722,#0d1219);position:relative;color:inherit;text-align:left;font:inherit;cursor:pointer}.row:last-child{border-bottom:0}.row:hover{background:linear-gradient(90deg,#18202c,#111821)}.row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--class)}.row:nth-child(even){background:#0e131b}.row:nth-child(even):hover{background:#18202c}.character{display:flex;align-items:center;gap:11px;min-width:0}.class-icon{width:40px;height:40px;flex:0 0 40px;border:2px solid #5f6976;box-shadow:0 1px 4px #000;overflow:hidden;background:#111;display:grid;place-items:center}.class-icon img{width:100%;height:100%;object-fit:cover}.class-icon span{display:none;color:#fff;font-weight:bold}.character strong{display:block;color:var(--class);font-size:16px}.character small{display:block;color:#747f8d;font-size:11px;margin-top:3px}.class,.race{color:#d9dce1}.level{font-weight:bold;font-size:18px;color:#f1dca5}.role,.spec{color:#c7ced7}.status{color:#9da7b1;font-size:13px}.status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#65707d;margin-right:8px}.status i.on{background:#4bc878;box-shadow:0 0 7px #4bc878}.empty{text-align:center;padding:50px;color:#8993a0;background:#0b0f15}footer{text-align:center;color:#697582;font-size:12px;padding:24px 10px}footer strong{color:#b69b60}.modal{position:fixed;inset:0;display:none;z-index:50}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(3px)}.member-card{position:relative;width:min(650px,92vw);margin:8vh auto 0;background:linear-gradient(180deg,#18202a,#0a0e14);border:1px solid #718096;box-shadow:0 20px 70px #000;padding:28px}.modal-close{position:absolute;right:12px;top:8px;background:none;border:0;color:#aeb8c4;font-size:32px;cursor:pointer}.modal-close:hover{color:#fff}.modal-main>.class-icon{float:left;margin:2px 15px 0 0;width:64px;height:64px}.modal-status{display:inline-flex;align-items:center;gap:7px;float:right;color:#a1aab6;font-size:12px}.modal-status i{width:9px;height:9px;border-radius:50%;background:#65707d}.modal-status.online{color:#79dc96}.modal-status.online i{background:#4bc878;box-shadow:0 0 8px #4bc878}.modal-main h2{margin:2px 0 3px;font-size:28px}.modal-sub{color:#7e8997;font-size:13px;margin-bottom:24px}.details{clear:both;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#2d3743;border:1px solid #2d3743}.details div{background:#0b1017;padding:13px}.details small{display:block;color:#7f8a97;font-size:10px;letter-spacing:1.2px;margin-bottom:4px}.details b{font-size:15px;color:#e2e5e8}.modal-foot{margin-top:18px;color:#929ca8;font-size:12px;text-align:center}
@media(max-width:1000px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}.live-bar{grid-template-columns:1fr 1fr}.toolbar{grid-template-columns:1fr 1fr}.head{display:none}.row{grid-template-columns:1.8fr 1fr .7fr;gap:8px}.row .role,.row .spec,.row .status{font-size:12px}.row .race{display:none}}
@media(max-width:700px){.page{width:100%;margin:0}.hero{border-radius:0;border-left:0;border-right:0}.banner{min-height:340px;height:340px}.hero-content{left:7%;right:7%}.hero p{font-size:17px}.home-grid{grid-template-columns:1fr}.class-bars{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.live-bar{grid-template-columns:1fr 1fr}.roster-panel{padding:14px;border-left:0;border-right:0}.title-row{align-items:flex-start;flex-direction:column}.toolbar{grid-template-columns:1fr}.role-summary{grid-template-columns:1fr}.row{grid-template-columns:1fr .65fr .65fr}.row .class{display:none}.character strong{font-size:14px}.class-icon{width:34px;height:34px;flex-basis:34px}.member-card{margin-top:4vh;padding:22px 16px}.details{grid-template-columns:1fr}.stats{flex-wrap:wrap;gap:8px 18px}}


.progression-section{margin-top:24px;padding:28px}.progression-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.progression-head h2{margin:4px 0 4px;font-size:28px}.progression-head p{margin:0;color:#aaa}.progression-badge{border:1px solid rgba(214,179,106,.35);padding:9px 13px;border-radius:999px;font-size:11px;letter-spacing:1.4px;color:#d6b36a;white-space:nowrap}.progression-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.prog-stat{padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025)}.prog-stat small{display:block;color:#888;font-size:10px;letter-spacing:1.3px}.prog-stat strong{display:block;font-size:30px;margin:5px 0}.prog-stat span{font-size:12px;color:#777}.level-distribution{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.07)}.distribution-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.distribution-title h3{margin:0;font-size:16px}.distribution-title span{font-size:12px;color:#777}.level-ranges{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 22px}.level-range>div{display:flex;justify-content:space-between;font-size:12px;margin-bottom:7px}.level-range span{color:#aaa}.level-range b{color:#ddd}.level-range i{display:block;height:7px;background:rgba(255,255,255,.06);border-radius:10px;overflow:hidden}.level-range em{display:block;height:100%;background:#d6b36a;border-radius:10px;min-width:0}.@media(max-width:800px){.progression-stats{grid-template-columns:repeat(2,1fr)}.level-ranges{grid-template-columns:1fr}.progression-head{flex-direction:column}.progression-badge{align-self:flex-start}}