.content-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.2rem;margin-bottom:.6rem;border-bottom:1px solid rgba(255,255,255,.05)}.content-header-left{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.content-header-left .northstar-logo{width:2.8rem;height:2.8rem;border-radius:100%;border:1px solid rgba(201,162,39,.2);box-shadow:0 0 12px #c9a22714}.content-header-left .sidebar-title{font-size:1.3rem;font-weight:900;letter-spacing:4px;background:linear-gradient(135deg,#ffffff 0%,#c9a227 60%,#ffd700 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-ranks{display:flex;align-items:center;gap:0;background:rgba(201,162,39,.05);border:1px solid rgba(201,162,39,.12);border-radius:5px;padding:.3rem .7rem}.header-rank-item{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:0 .5rem}.header-rank-label{font-size:.5rem;text-transform:uppercase;letter-spacing:1.5px;color:#777}.header-rank-value{font-size:.85rem;font-weight:800;color:#c9a227;line-height:1}.header-rank-divider{width:1px;height:1.6rem;background:rgba(255,255,255,.06)}.external-links ul{display:flex;flex-direction:row;align-items:center;padding:0;margin:0;gap:.5rem}.external-links ul li{list-style:none}.external-links ul li a img{height:2.2rem;width:2.2rem;opacity:.65;transition:opacity .2s;display:block}.external-links ul li a img:hover{opacity:1}.external-links ul .text-icon-link{cursor:pointer;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);width:2.2rem;height:2.2rem;border-radius:100%;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s}.external-links ul .text-icon-link a{user-select:none;text-decoration:none;outline:none;color:#fff9;font-weight:700;font-size:.85rem}.external-links ul .text-icon-link:hover{background:rgba(201,162,39,.12);border-color:#c9a2274d}.external-links ul .text-icon-link:hover a{color:#c9a227}.sidebar-progression-wrapper{display:flex;flex-direction:column;height:100%}.sidebar-progression{padding:1.2rem 1rem 2rem;display:flex;flex-direction:column;gap:.4rem;flex:1;overflow-y:auto;min-height:0}.sidebar-progression-title{font-size:.6rem;letter-spacing:3px;text-transform:uppercase;color:#c9a227;font-weight:600;margin-bottom:.6rem;display:flex;align-items:center;gap:.6rem}.sidebar-progression-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(201,162,39,.25) 0%,transparent 100%)}.sidebar-kill-card{position:relative;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);border-radius:6px;padding:.6rem .8rem;display:flex;flex-direction:column;gap:.2rem;flex-shrink:0;transition:border-color .2s,background .2s;overflow:hidden}.sidebar-kill-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:2px;background:rgba(201,162,39,.2);border-radius:6px 0 0 6px;transition:background .2s}.sidebar-kill-card:hover{border-color:#c9a22726;background:rgba(201,162,39,.03)}.sidebar-kill-card:hover:before{background:#c9a227}.sidebar-tier{font-size:.55rem;text-transform:uppercase;letter-spacing:1.5px;color:#666}.sidebar-kill-row{display:flex;justify-content:space-between;align-items:baseline;gap:.4rem}.sidebar-boss{font-size:.8rem;color:#d0d0d0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-rank{font-size:.9rem;font-weight:800;line-height:1;flex-shrink:0}.sidebar-rank.uncommon{color:#1eff00;text-shadow:0 0 10px rgba(30,255,0,.3)}.sidebar-rank.rare{color:#0070dd;text-shadow:0 0 10px rgba(0,112,221,.35)}.sidebar-rank.epic{color:#a335ee;text-shadow:0 0 10px rgba(163,53,238,.35)}.sidebar-rank.legendary{color:#ff8000;text-shadow:0 0 10px rgba(255,128,0,.3)}.sidebar-date{font-size:.6rem;color:#666;letter-spacing:.3px}.about-wrapper{padding-bottom:2rem}.about-section{padding:1.2rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.about-section:last-child{border-bottom:none}.section-title{font-size:.7rem;letter-spacing:3px;text-transform:uppercase;color:#c9a227;margin-bottom:1rem;font-weight:600}.section-text{font-size:.9rem;color:#c8c8c8;line-height:1.75;margin-bottom:.8rem}.section-text:last-child{margin-bottom:0}.officers{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.4rem}.officer{display:flex;flex-direction:column;gap:.2rem;background:rgba(201,162,39,.04);border:1px solid rgba(201,162,39,.1);border-radius:6px;padding:.9rem 1.2rem;min-width:130px;transition:border-color .2s}.officer:hover{border-color:#c9a22740}.officer-name{font-size:1rem;font-weight:700;color:#fff}.officer-role{font-size:.65rem;text-transform:uppercase;letter-spacing:1.5px;color:#c9a227}.officer-discord{font-size:.8rem;color:#777;margin-top:.2rem;text-decoration:none;transition:color .2s}.officer-discord:before{content:"@";color:#555}.officer-discord:hover{color:#c9a227}@media (max-width: 600px){.officers{flex-direction:column}}.recruit-hero{position:relative;overflow:hidden;background:linear-gradient(160deg,#0e0c08 0%,#0d0b07 60%,#0c0b09 100%);border:1px solid rgba(201,162,39,.12);border-radius:8px;padding:2.5rem 2rem 2rem;margin-bottom:1.5rem}.recruit-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#c9a227 40%,#ffd700 60%,transparent 100%)}.recruit-hero:after{content:"";position:absolute;top:-100px;left:50%;transform:translate(-50%);width:80%;height:300px;background:radial-gradient(ellipse,rgba(201,162,39,.05) 0%,transparent 70%);pointer-events:none}.recruit-hero-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:0}.recruit-headline{font-size:2.8rem;font-weight:900;letter-spacing:2px;text-transform:uppercase;line-height:1;margin:0 0 .75rem;background:linear-gradient(135deg,#ffffff 0%,#c9a227 50%,#ffd700 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.recruit-sub{font-size:.9rem;color:#aaa;line-height:1.65;margin:0 0 1.5rem;max-width:520px}.recruit-roles{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.role-card{display:flex;flex-direction:column;gap:.2rem;background:rgba(201,162,39,.05);border:1px solid rgba(201,162,39,.15);border-radius:6px;padding:.8rem 1.1rem;min-width:90px;transition:border-color .2s,background .2s}.role-card:hover{border-color:#c9a22759;background:rgba(201,162,39,.08)}.role-card .role-icon{font-size:1.2rem}.role-card .role-name{font-size:.9rem;font-weight:700;color:#e8e8e8}.role-card .role-status{font-size:.6rem;text-transform:uppercase;letter-spacing:1.5px;color:#c9a227}.recruit-schedule{display:flex;align-items:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:1rem 1.4rem;margin-bottom:1.5rem;flex-wrap:wrap}.recruit-schedule-item{display:flex;flex-direction:column;gap:.25rem;padding-right:1.4rem}.recruit-schedule-divider{width:1px;height:2rem;background:rgba(255,255,255,.06);margin-right:1.4rem}.recruit-schedule-label{font-size:.6rem;text-transform:uppercase;letter-spacing:1.5px;color:#777}.recruit-schedule-value{font-size:.95rem;color:#e8e8e8;font-weight:600}.recruit-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.recruit-apply-btn{display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;padding:.8rem 2rem;border-radius:4px;background:linear-gradient(135deg,#c9a227 0%,#ffd700 100%);color:#000;cursor:pointer;transition:opacity .2s,box-shadow .2s,transform .15s;box-shadow:0 4px 20px #c9a2274d}.recruit-apply-btn:hover{opacity:.9;box-shadow:0 4px 28px #c9a22780;transform:translateY(-1px)}.recruit-officers{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.recruit-officers-label{font-size:.65rem;text-transform:uppercase;letter-spacing:1.5px;color:#777}.recruit-officer{font-size:.8rem;color:#888;font-family:monospace;text-decoration:none;transition:color .2s}.recruit-officer:hover{color:#c9a227;cursor:pointer}@media (max-width: 600px){.recruit-headline{font-size:2rem}.recruit-schedule-divider{display:none}.recruit-schedule-item{padding:.5rem 0;width:100%}.recruit-actions{flex-direction:column;align-items:flex-start}}body{margin:0;padding:0;color:#fff;overflow-y:scroll}#app{margin:0;padding:0;background-color:#080808;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;font-family:Arial,Helvetica,sans-serif}.main-wrapper{max-width:80rem;width:100%;background-color:#0d0d0d;display:flex;flex:1;flex-direction:row;border-left:1px solid rgba(255,255,255,.03);border-right:1px solid rgba(255,255,255,.03)}@media screen and (max-width: 900px){.main-wrapper{max-width:unset;flex-direction:column}}.main-wrapper .sidebar{padding:0;width:20rem;min-width:20rem;border-right:1px solid rgba(255,255,255,.04);align-self:flex-start;position:sticky;top:0;height:100vh;overflow-y:hidden}@media screen and (max-width: 900px){.main-wrapper .sidebar{width:100%;min-width:unset;position:static;height:unset;overflow-y:unset;border-right:none;border-top:1px solid rgba(255,255,255,.04);order:3}}.main-wrapper .component-wrapper{display:flex;flex:1;flex-direction:column;background-color:#0a0a0a;padding-left:2rem;padding-right:2rem;padding-top:1.5rem}@media screen and (max-width: 900px){.main-wrapper .component-wrapper{order:1}}