.live-strip .online-count strong{color:#74efb2;text-shadow:0 0 22px rgba(52,225,139,.35)}
.server-live.realm-offline i{background:#d9504c;box-shadow:0 0 15px #d9504c}.server-live.realm-offline strong{color:#ef7772}
.class-info.class-info-v7{display:grid;grid-template-columns:190px minmax(280px,1fr) minmax(260px,380px);align-items:stretch;gap:28px;padding:0;overflow:hidden;border:1px solid rgba(218,190,119,.25);border-left:2px solid var(--gold);background:linear-gradient(90deg,rgba(3,7,6,.96),rgba(4,8,7,.68))}
.class-portrait{position:relative;min-height:245px;background-image:linear-gradient(0deg,rgba(2,5,4,.86),transparent 55%),url('assets/classes-3d.png');background-size:620% auto;background-position:4% center;transition:background-position .55s ease;isolation:isolate}
.class-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#07100d 100%);z-index:-1}
.class-crest{position:absolute;left:18px;bottom:16px;display:grid;place-items:center;width:58px;height:58px;border:1px solid var(--gold);background:rgba(2,6,5,.78);font:700 20px Cinzel;color:var(--gold2);transform:rotate(45deg);box-shadow:0 0 28px rgba(201,154,70,.18)}
.class-crest::first-line{transform:rotate(-45deg)}
.class-copy-v7{align-self:center;padding:28px 0}.class-copy-v7 h3{font-size:36px}.class-traits{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.class-traits span{padding:7px 9px;border:1px solid rgba(201,154,70,.22);background:rgba(201,154,70,.07);color:#d9c58f;font-size:9px;letter-spacing:.09em;text-transform:uppercase}
.class-info-v7 .class-stats{align-self:center;width:auto;padding:30px 30px 30px 0}.class-info-v7 .class-stats span{grid-template-columns:1fr 105px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.box-track article p{line-height:1.55}.box-track article{min-height:154px}
.register-benefit{display:flex;gap:8px;align-items:flex-start;margin:0 0 5px;padding:10px 12px;border:1px solid rgba(52,225,139,.18);background:rgba(28,128,88,.07);color:#9fd8bd;font-size:10px;line-height:1.5}.register-benefit:before{content:"◆";color:var(--green)}
.modal button:disabled{opacity:.58;cursor:wait;transform:none}.toast[data-type="error"]{border-color:#db5f55;background:#24100e}.toast[data-type="success"]{border-color:#34e18b;background:#0c2117}
@media(max-width:980px){.class-info.class-info-v7{grid-template-columns:150px 1fr}.class-info-v7 .class-stats{grid-column:1/-1;padding:0 25px 25px;grid-template-columns:repeat(3,1fr)}.class-info-v7 .class-stats span{grid-template-columns:1fr}.class-portrait{min-height:220px}.class-copy-v7{padding-right:24px}}
@media(max-width:640px){.class-info.class-info-v7{grid-template-columns:1fr}.class-portrait{min-height:240px;background-size:510% auto}.class-copy-v7{padding:0 20px}.class-info-v7 .class-stats{grid-template-columns:1fr;padding:10px 20px 25px}.class-info-v7 .class-stats span{grid-template-columns:1fr 80px}.classes{min-height:1120px}.live-strip .online-count{display:block!important}}