:root{--violet:#2b0b63;--purple:#57249b;--purple-2:#7841c5;--blue:#168ee8;--cyan:#66d9ff;--yellow:#ffdb3d;--orange:#ff792d;--green:#45c932;--ink:#17223a;--muted:#61708c;--paper:#fffce8;--white:#fff;--line:rgba(52,24,103,.11);--shadow:0 16px 38px rgba(35,18,76,.16);--radius:20px;--content:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;min-width:0;overflow-x:hidden;font-family:Inter,ui-rounded,"Trebuchet MS",Arial,sans-serif;color:var(--ink);background:linear-gradient(#dff7ff 0,#fff9d9 31rem,#fffced 75%,#351266 75%);min-height:100vh}button,input{font:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.7rem;z-index:100}.site-header{position:relative}.utility-bar{height:34px;background:#211044;color:#ded4f5;font-size:.76rem}.utility-inner{max-width:var(--content);height:100%;margin:auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.server-state{display:flex;align-items:center;gap:.45rem}.server-state i,.status-pill i{width:.55rem;height:.55rem;border-radius:50%;background:#f1a329;box-shadow:0 0 0 4px rgba(241,163,41,.16)}
.hero-sky{min-height:330px;padding:3.5rem 1rem 4.5rem;display:grid;place-content:center;text-align:center;color:#fff;position:relative;overflow:hidden;background:linear-gradient(rgba(16,119,207,.08),rgba(51,13,112,.34)),url('../images/theme/hero-sky.jpg') center 47%/cover no-repeat}.hero-sky:after{content:"";position:absolute;inset:auto 0 0;height:100px;background:linear-gradient(transparent,rgba(40,12,94,.45));pointer-events:none}.hero-brand{position:relative;z-index:1;filter:drop-shadow(0 9px 0 rgba(32,20,78,.3));transform:rotate(-2deg)}.hero-brand span,.hero-brand strong{display:block;font-weight:1000;line-height:.76;letter-spacing:-.06em;-webkit-text-stroke:3px #271142;text-shadow:0 4px 0 rgba(255,255,255,.16)}.hero-brand span{font-size:clamp(3rem,6vw,4.7rem);color:var(--yellow)}.hero-brand strong{font-size:clamp(3.7rem,7vw,5.9rem);color:#9ae3ff}.hero-brand small{display:inline-block;margin-top:.5rem;background:#26104f;color:#ffe64f;padding:.35rem 1.2rem;border-radius:1rem;font-weight:900;letter-spacing:.08em}.hero-sky p{position:relative;z-index:1;margin:1.3rem 0 0;font-weight:900;text-shadow:0 2px 7px rgba(26,18,67,.7)}
.main-nav{max-width:var(--content);margin:-30px auto 0;position:relative;z-index:10;padding:0 1rem}.main-nav>div{display:flex;justify-content:center;align-items:stretch;gap:.15rem;padding:.55rem;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.7);border-radius:20px;box-shadow:var(--shadow)}.main-nav a,.main-nav button,.nav-disabled{display:flex;align-items:center;color:var(--ink);text-decoration:none;font-weight:900;text-transform:uppercase;font-size:.76rem;padding:.82rem .95rem;border-radius:12px;white-space:nowrap}.main-nav button{border:0;background:none;cursor:pointer}.main-nav a:hover,.main-nav button:hover,.nav-group.open>button{background:#e6f6ff;color:#0874c2}.nav-disabled{opacity:.42;cursor:not-allowed}.nav-disabled small{margin-left:.35rem;font-size:.53rem}.nav-group{position:relative;display:flex}.nav-group>button:after{content:"⌄";margin-left:.4rem}.nav-dropdown{position:absolute;display:none;top:calc(100% + .6rem);left:0;min-width:170px;padding:.5rem;background:#fff;border-radius:14px;box-shadow:var(--shadow)}.nav-group.open .nav-dropdown{display:grid}.nav-dropdown a{padding:.7rem .85rem}.menu-toggle{display:none}
.site-main{max-width:var(--content);margin:58px auto 110px;padding:0 1rem;min-width:0}.portal-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:1.25rem;align-items:start}.portal-content{min-width:0}.public-sidebar{display:grid;gap:1rem;position:sticky;top:1rem}.side-panel{overflow:hidden;background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:18px;padding:1.1rem;box-shadow:0 10px 25px rgba(38,18,76,.11)}.side-panel h2{margin:-1.1rem -1.1rem 1rem;padding:.75rem 1.1rem;background:linear-gradient(90deg,var(--orange),#ff9a3c);color:#fff;font-size:.88rem;text-transform:uppercase}.side-panel p{color:var(--muted);font-size:.78rem;line-height:1.45}.side-panel label{display:grid;gap:.35rem;margin:.7rem 0;color:var(--muted);font-size:.72rem;font-weight:800}.side-panel input{min-width:0;width:100%;padding:.72rem;border:1px solid #cfe1f2;border-radius:11px;background:#f3f8fc;color:#8792a4}.side-panel button{width:100%;border:0;border-radius:12px;padding:.72rem;background:#d9dde4;color:#7e8798;font-weight:900;cursor:not-allowed}.side-actions{display:grid;gap:.6rem}.side-action{min-height:64px;display:grid;align-content:center;padding:.75rem 1rem;border-radius:16px;color:#fff;text-decoration:none;box-shadow:0 5px 0 rgba(39,21,74,.18)}.side-action strong,.side-action small{display:block}.side-action strong{font-size:.9rem}.side-action small{font-size:.67rem;opacity:.9}.side-action.green{background:linear-gradient(#51db3b,#35bd27);opacity:.68}.side-action.orange{background:linear-gradient(#ff9b45,#ff7326)}.side-action.blue{background:linear-gradient(#4297f1,#2776dc);opacity:.68}.server-panel h2{background:linear-gradient(90deg,var(--purple),var(--purple-2))}.status-pill{display:flex;align-items:center;gap:.5rem;font-weight:900;font-size:.75rem;color:#b46b09}
.welcome{min-height:315px;padding:3.1rem;border-radius:28px;background:linear-gradient(115deg,rgba(43,11,99,.97),rgba(88,35,156,.88)),url('../images/theme/purple-rays.jpg') center/cover;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow);overflow:hidden}.welcome>div:first-child{position:relative;z-index:1}.welcome h1,.page-head h1{font-size:clamp(2rem,4.6vw,4rem);line-height:.96;margin:.55rem 0 1rem;max-width:700px}.welcome p{max-width:590px;color:#ece3ff;line-height:1.55}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--yellow);font-weight:900;font-size:.75rem}.welcome-art{flex:0 0 160px;height:160px;display:grid;place-items:center;margin-left:1rem;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b9f0ff,#28a8ee 45%,#31116c 47%,#160833);border:8px solid rgba(255,255,255,.2);box-shadow:0 15px 0 rgba(20,6,50,.25);transform:rotate(-8deg)}.welcome-art span{color:#ffdf35;font-size:3.2rem;font-weight:1000;-webkit-text-stroke:2px #281051}.actions{display:flex;gap:.8rem;flex-wrap:wrap}.button{display:inline-block;border:0;border-radius:999px;padding:.85rem 1.4rem;text-decoration:none;font-weight:900}.button.primary{background:linear-gradient(#ff9a43,#ff6b22);color:#fff;box-shadow:0 5px 0 #cf4817}.button.secondary{background:#fff;color:var(--purple)}
.grid-4,.grid-3{display:grid;gap:1rem}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));margin:1.2rem 0 2rem}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{min-width:0;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:var(--radius);padding:1.35rem;box-shadow:0 9px 24px rgba(35,18,76,.09)}.status{border-top:4px solid #75c9f2}.status span,.status small{display:block;color:var(--muted);font-size:.75rem;font-weight:800}.status strong{display:block;margin:.25rem 0;font-size:1.55rem}.status .pending{font-size:1rem;color:var(--orange)}.quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:2.5rem}.quick-links>a,.quick-links>.disabled{position:relative;min-height:105px;overflow:hidden;border-radius:18px;background:#251047;color:#fff;text-decoration:none;box-shadow:var(--shadow)}.quick-links img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.58}.quick-links>a>span,.quick-links>.disabled>span{position:absolute;inset:auto .9rem .75rem;display:grid;text-shadow:0 2px 4px #160927}.quick-links strong{font-size:1.05rem}.quick-links small{font-size:.7rem}.quick-links>.disabled{filter:grayscale(.25);opacity:.72}
.content-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:1.3rem;margin-bottom:2.8rem}.section-title{display:flex;align-items:end;justify-content:space-between;gap:1rem}.section-title h2{margin:.12rem 0 1rem}.section-title span{color:var(--orange);font-size:.7rem;text-transform:uppercase;font-weight:900;letter-spacing:.12em}.section-title a{margin-bottom:1rem;color:var(--purple);font-weight:800}.news-card{margin-bottom:1rem;border-left:4px solid var(--blue)}.news-card h2,.news-card h3,.card h2,.card h3{margin:.55rem 0}.news-card p,.event-card p{color:var(--muted);line-height:1.5}.tag{display:inline-block;background:#dff5ff;color:#0874c2;border-radius:999px;padding:.25rem .65rem;font-size:.67rem;font-weight:900;text-transform:uppercase}.tag.orange{background:#fff0df;color:#ce5919}.table-wrap{overflow:auto;padding:0}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.9rem 1rem;border-bottom:1px solid #e8eaf0}th{font-size:.72rem;text-transform:uppercase;color:var(--muted)}.empty{color:var(--muted);text-align:center}.ranking-locked{text-align:center;background:linear-gradient(#fff,#faf5ff)}.lock-icon{width:42px;height:42px;margin:0 auto;border-radius:50%;display:grid;place-items:center;background:#fff0df;color:var(--orange);font-weight:1000}.ranking-locked p{color:var(--muted);font-size:.85rem;line-height:1.5}.page-head{padding:3rem 1rem;text-align:left}.page-head.centered{text-align:center;display:grid;place-items:center;min-height:50vh}.download-card code{font-size:.7rem;overflow-wrap:anywhere}.guild-card{position:relative}.rank-number{position:absolute;right:1rem;top:1rem;color:#ddd;font-size:2rem;font-weight:1000}.modal{border:0;border-radius:20px;padding:2rem;box-shadow:var(--shadow)}
.footer{color:#fff;max-width:var(--content);margin:auto;padding:4rem 1rem;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:2rem}.footer nav{display:grid;align-content:start;gap:.5rem}.footer nav strong{color:#f3d944}.footer a{color:#fff}.footer p{color:#d9cfee}.footer small{grid-column:1/-1;opacity:.65;border-top:1px solid rgba(255,255,255,.25);padding-top:1rem}
@media(max-width:1050px){.portal-layout{grid-template-columns:210px minmax(0,1fr)}.welcome{padding:2.3rem}.welcome-art{display:none}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.main-nav a,.main-nav button,.nav-disabled{padding:.8rem .65rem;font-size:.69rem}}
@media(max-width:820px){.hero-sky{min-height:245px;padding:2.5rem 1rem 3.5rem}.main-nav{margin-top:-24px}.menu-toggle{display:flex;width:100%;justify-content:space-between;align-items:center;border:0;background:#fff;border-radius:14px;padding:1rem;font-weight:900;box-shadow:var(--shadow)}.menu-toggle i,.menu-toggle i:before,.menu-toggle i:after{display:block;width:20px;height:2px;background:var(--purple);content:""}.menu-toggle i{position:relative}.menu-toggle i:before{position:absolute;top:-6px}.menu-toggle i:after{position:absolute;top:6px}.main-nav>div{display:none;flex-direction:column;align-items:stretch;margin-top:.45rem}.main-nav>div.open{display:flex}.main-nav a,.main-nav button,.nav-disabled{width:100%;justify-content:space-between}.nav-group{display:block}.nav-dropdown{position:static;box-shadow:none;background:#f4f0fb;margin:.25rem}.portal-layout{grid-template-columns:1fr}.public-sidebar{position:static;grid-template-columns:1fr 1fr}.side-actions{grid-row:2;grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.server-panel{grid-column:2}.content-grid{grid-template-columns:1fr}.footer{grid-template-columns:2fr 1fr 1fr}.footer nav:last-of-type{grid-column:2}.footer small{grid-column:1/-1}}
@media(max-width:580px){.utility-inner{justify-content:center}.utility-inner>span:last-child{display:none}.hero-brand span{-webkit-text-stroke-width:2px}.hero-brand strong{-webkit-text-stroke-width:2px}.site-main{margin-top:45px;padding:0 .75rem}.public-sidebar{grid-template-columns:minmax(0,1fr)}.server-panel{grid-column:auto}.side-actions{grid-column:auto;grid-row:auto;grid-template-columns:1fr}.welcome{min-height:0;padding:2rem 1.35rem;border-radius:22px}.welcome h1{font-size:2.15rem}.grid-4,.grid-3,.quick-links{grid-template-columns:minmax(0,1fr)}.grid-4{gap:.7rem}.quick-links{gap:.7rem}.section-title{align-items:center}.responsive thead{display:none}.responsive tr{display:block;padding:.5rem}.responsive td{display:flex;justify-content:space-between}.responsive td:before{content:attr(data-label);font-weight:900}.footer{grid-template-columns:1fr;padding:3rem 1rem}.footer nav:last-of-type{grid-column:auto}.footer small{grid-column:auto}}