@import url("news.css");
.server-info-page{padding:clamp(44px,6vw,92px) 18px 110px}.server-info-shell{width:min(1240px,100%);margin:auto}.server-info-hero{text-align:center;margin-bottom:34px}.server-info-hero__eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--gold);font-size:11px;letter-spacing:.27em;font-weight:700}.server-info-hero__eyebrow span{width:38px;height:1px;background:var(--gold);opacity:.6}.server-info-hero h1{margin:18px 0 13px;color:#f2ead8;font:500 clamp(2.35rem,5vw,4.5rem)/1.03 var(--font-head);letter-spacing:.02em}.server-info-hero h1 em{color:var(--gold);font-style:normal}.server-info-hero p{max-width:620px;margin:auto;color:var(--muted);font-size:14px;line-height:1.7}.server-status-panel{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:38px;padding:22px 26px;margin-bottom:22px;border:1px solid var(--stroke);border-radius:18px;background:linear-gradient(110deg,rgba(11,27,49,.95),rgba(8,18,34,.82));box-shadow:var(--shadow)}.server-status-panel__main{display:flex;align-items:center;gap:14px}.server-status-dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green)}.server-status-panel__label,.server-status-panel__launch>span{display:block;color:#8292ad;font-size:10px;letter-spacing:.17em}.server-status-panel__main strong{display:block;margin-top:5px;color:#edf5ff;font-size:15px}.server-status-panel__launch{padding-left:28px;border-left:1px solid var(--stroke)}.server-status-panel__launch strong{display:block;margin-top:5px;color:var(--gold);font:600 18px var(--font-head);letter-spacing:.05em}.server-status-panel__launch small{font:700 10px var(--font-body);letter-spacing:.12em}.server-status-panel__action{padding:12px 16px;border:1px solid rgba(241,201,124,.45);border-radius:8px;color:var(--gold);font-size:12px;letter-spacing:.08em;text-decoration:none}.server-status-panel__action span{padding-left:12px;font-size:17px}.server-info-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:22px}.server-info-card{padding:36px;border:1px solid var(--stroke);border-radius:18px;background:rgba(8,18,34,.78);box-shadow:var(--shadow)}.server-info-card__index{color:var(--gold);font-size:10px;letter-spacing:.2em;font-weight:700}.server-info-card h2{margin:14px 0 12px;color:#f1e8d7;font:500 clamp(1.8rem,3vw,2.7rem)/1.12 var(--font-head)}.server-info-card p{max-width:600px;margin:0;color:var(--muted);font-size:13px;line-height:1.75}.server-feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:35px}.server-feature-list div{padding-top:13px;border-top:1px solid var(--stroke)}.server-feature-list b{display:block;color:var(--gold);font-size:10px;letter-spacing:.13em}.server-feature-list span{display:block;margin-top:8px;color:#dbe5f7;font-size:12px;line-height:1.4}.server-info-card--rules{background:linear-gradient(145deg,rgba(13,29,51,.95),rgba(8,18,34,.8))}.server-rule{display:flex;gap:14px;margin-top:24px;padding-top:17px;border-top:1px solid var(--stroke)}.server-rule>span{color:var(--gold);font:600 12px var(--font-head)}.server-rule strong,.server-rule small{display:block}.server-rule strong{color:#e4edf9;font-size:12px}.server-rule small{margin-top:6px;color:var(--muted);font-size:11px}.server-roadmap-section{margin-top:82px}.server-section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.server-section-heading h2{margin:12px 0 0;color:#f1e8d7;font:500 clamp(1.8rem,3vw,2.7rem) var(--font-head)}.server-section-heading p{margin:0;color:var(--muted);font-size:12px}.server-roadmap-slider{overflow:hidden}.server-roadmap-slider__track{display:flex;gap:12px;overflow-x:auto;padding:6px 1px 18px;scrollbar-width:thin;scrollbar-color:var(--gold) transparent}.server-roadmap-card{flex:0 0 190px;min-height:152px;padding:18px;text-align:left;border:1px solid var(--stroke);border-radius:14px;background:rgba(8,18,34,.82);color:#63748e;cursor:pointer;transition:.2s ease}.server-roadmap-card:hover{transform:translateY(-3px);border-color:rgba(241,201,124,.5)}.server-roadmap-card.is-selected{border-color:var(--gold);background:linear-gradient(150deg,rgba(63,53,30,.92),rgba(12,25,43,.96));box-shadow:0 10px 30px rgba(0,0,0,.25)}.server-roadmap-card__number{display:block;color:var(--gold);font-size:10px;letter-spacing:.16em}.server-roadmap-card__title{display:block;min-height:48px;margin-top:24px;color:#e7edf8;font:600 15px/1.25 var(--font-head)}.server-roadmap-card__status{display:block;margin-top:18px;color:inherit;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.server-roadmap-card--past .server-roadmap-card__status{color:var(--green)}.server-roadmap-card--next .server-roadmap-card__status{color:var(--orange)}.server-roadmap-card.is-selected .server-roadmap-card__status{color:var(--gold)}.server-roadmap-detail{display:grid;grid-template-columns:250px 1fr;gap:22px;margin-top:8px}.server-roadmap-date-box{display:flex;align-items:baseline;align-content:center;justify-content:center;flex-wrap:wrap;column-gap:8px;padding:24px;border:1px solid var(--stroke);border-radius:18px;background:rgba(8,18,34,.75);color:var(--gold);font:500 22px var(--font-head)}.server-roadmap-date-box strong{font-size:80px;line-height:1}.server-roadmap-date-box sup{align-self:flex-start;margin-top:15px;font-size:14px}.server-roadmap-date-box span:last-child{width:100%;text-align:center;color:#8292ad;font:11px var(--font-body);letter-spacing:.18em}.server-roadmap-content{padding:34px;border:1px solid rgba(241,201,124,.32);border-radius:18px;background:linear-gradient(120deg,rgba(14,29,49,.95),rgba(7,16,30,.9))}.server-roadmap-content__label{color:var(--gold);font-size:10px;letter-spacing:.2em}.server-roadmap-content h3{margin:13px 0 10px;color:#f0e7d6;font:500 clamp(1.5rem,3vw,2.6rem) var(--font-head)}.server-roadmap-content p{max-width:650px;margin:0;color:var(--muted);font-size:14px;line-height:1.75}
@media(max-width:700px){.server-info-page{padding:34px 12px 70px}.server-info-hero h1{font-size:2.35rem}.server-status-panel{grid-template-columns:1fr;gap:18px;padding:20px}.server-status-panel__launch{padding:16px 0 0;border-left:0;border-top:1px solid var(--stroke)}.server-status-panel__action{text-align:center}.server-info-grid{grid-template-columns:1fr}.server-info-card{padding:25px}.server-feature-list{grid-template-columns:1fr}.server-section-heading{display:block}.server-section-heading p{margin-top:12px}.server-roadmap-detail{grid-template-columns:1fr}.server-roadmap-date-box{min-height:145px}.server-roadmap-date-box strong{font-size:65px}.server-roadmap-content{padding:25px}}

/* The public shell is a fixed 3440x1440 artboard. Keep this page inside it. */
body.public-page-body-server-info{overflow:hidden}
body.public-page-body-server-info main{height:calc(1440px - 120px);overflow:hidden}
body.public-page-body-server-info .server-info-page{height:100%;min-height:0;padding:34px 28px 24px;overflow:hidden}
body.public-page-body-server-info .server-info-shell{width:min(3200px,100%)}
body.public-page-body-server-info .server-info-hero{margin-bottom:22px}
body.public-page-body-server-info .server-info-hero h1{margin:10px 0 8px;font-size:48px}
body.public-page-body-server-info .server-info-hero__eyebrow{font-size:14px}
body.public-page-body-server-info .server-info-hero p{font-size:18px}
body.public-page-body-server-info .server-status-panel{padding:16px 22px;margin-bottom:16px}
body.public-page-body-server-info .server-status-panel__label,body.public-page-body-server-info .server-status-panel__launch>span{font-size:13px}
body.public-page-body-server-info .server-status-panel__main strong{font-size:20px}
body.public-page-body-server-info .server-status-panel__launch strong{font-size:24px}
body.public-page-body-server-info .server-status-panel__action{font-size:16px;padding:15px 20px}
body.public-page-body-server-info .server-info-card{padding:24px}
body.public-page-body-server-info .server-info-card h2{margin:10px 0 8px;font-size:30px}
body.public-page-body-server-info .server-info-card__index{font-size:13px}
body.public-page-body-server-info .server-info-card p{font-size:17px}
body.public-page-body-server-info .server-feature-list{margin-top:22px}
body.public-page-body-server-info .server-feature-list b{font-size:13px}
body.public-page-body-server-info .server-feature-list span{font-size:16px}
body.public-page-body-server-info .server-rule{margin-top:14px;padding-top:12px}
body.public-page-body-server-info .server-rule>span{font-size:15px}
body.public-page-body-server-info .server-rule strong{font-size:16px}
body.public-page-body-server-info .server-rule small{font-size:14px}
body.public-page-body-server-info .server-roadmap-section{margin-top:34px}
body.public-page-body-server-info .server-section-heading{margin-bottom:14px}
body.public-page-body-server-info .server-section-heading h2{font-size:38px}
body.public-page-body-server-info .server-section-heading p{font-size:16px}
body.public-page-body-server-info .server-roadmap-card{flex-basis:178px;min-height:132px;padding:16px}
body.public-page-body-server-info .server-roadmap-card__number{font-size:13px}
body.public-page-body-server-info .server-roadmap-card__title{min-height:40px;margin-top:16px;font-size:16px}
body.public-page-body-server-info .server-roadmap-card__status{margin-top:12px;font-size:12px}
body.public-page-body-server-info .server-roadmap-slider__track{padding-bottom:8px}
body.public-page-body-server-info .server-roadmap-detail{grid-template-columns:190px 1fr;gap:14px;margin-top:0}
body.public-page-body-server-info .server-roadmap-date-box{padding:14px;min-height:130px;font-size:17px}
body.public-page-body-server-info .server-roadmap-date-box strong{font-size:60px}
body.public-page-body-server-info .server-roadmap-content{padding:24px}
body.public-page-body-server-info .server-roadmap-content__label{font-size:13px}
body.public-page-body-server-info .server-roadmap-content h3{margin:9px 0 6px;font-size:34px}
body.public-page-body-server-info .server-roadmap-content p{font-size:17px}

.server-roadmap-card--current .server-roadmap-card__status{color:var(--green)}
.server-roadmap-content{display:grid;grid-template-columns:minmax(180px,300px) 1fr;align-items:center;gap:30px}
.server-roadmap-content__image{display:block;width:100%;height:240px;max-height:240px;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,0,0,.45))}
.server-roadmap-content__rewards{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 0;padding:0;list-style:none}
.server-roadmap-content__rewards li{padding:7px 10px;border:1px solid rgba(241,201,124,.3);border-radius:999px;color:var(--gold);font-size:12px}
.server-status-panel--schedule-unavailable .server-status-dot{background:var(--orange);box-shadow:0 0 18px var(--orange)}
@media(max-width:700px){.server-roadmap-content{grid-template-columns:1fr}.server-roadmap-content__image{max-height:140px}}


.server-roadmap-card__image{display:block;width:100%;height:72px;margin:-4px 0 10px;object-fit:contain;object-position:center;filter:drop-shadow(0 8px 10px rgba(0,0,0,.4))}

/* Desktop composition: status full width, then server/principles on the left and roadmap on the right. */
@media(min-width:701px){
.server-info-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;gap:22px}
.server-info-hero{grid-column:1 / -1;grid-row:1}
.server-status-panel{grid-column:1 / -1;grid-row:2;margin-bottom:0}
.server-info-grid{grid-column:1;grid-row:3;grid-template-columns:1fr;gap:22px}
.server-roadmap-section{grid-column:2;grid-row:3;margin-top:0!important;align-self:stretch;min-height:100%;display:flex;flex-direction:column}.server-roadmap-layout{display:flex;flex:1;min-height:0;flex-direction:column}.server-roadmap-slider{flex:0 0 auto}.server-roadmap-detail{flex:1;min-height:0}
}@media(max-width:700px){
.server-info-shell{display:block}
.server-status-panel,.server-info-grid,.server-roadmap-section{margin-top:22px}
.server-info-grid{grid-template-columns:1fr}
}
@media(min-width:701px){body.public-page-body-server-info .server-info-hero p{max-width:none;white-space:nowrap}}
/* Keep every roadmap detail card consistent: image left, event title and rewards right. */
@media(min-width:701px){
.server-roadmap-content{grid-template-columns:220px minmax(0,1fr);align-items:center;gap:28px}
.server-roadmap-content__image{grid-column:1;grid-row:1;width:220px;height:180px;max-height:180px}
.server-roadmap-content>div{grid-column:2;grid-row:1;min-width:0}
.server-roadmap-content__rewards{display:flex;grid-column:auto;margin-top:15px}
}/* Keep the card title visible after its thumbnail. */
.server-roadmap-card{min-height:170px;overflow:hidden}
.server-roadmap-card__image{height:52px;margin:-4px 0 6px}
.server-roadmap-card__title{min-height:38px;margin-top:8px;line-height:1.2}
.server-roadmap-card__status{margin-top:8px}/* Roadmap card content must remain visible beneath its image. */
.server-roadmap-card{display:flex;flex-direction:column;justify-content:flex-start;gap:0;min-height:170px}
.server-roadmap-card__image{flex:0 0 52px;height:52px;min-height:52px;margin:0 0 8px}
.server-roadmap-card__number{flex:0 0 auto}
.server-roadmap-card__title{display:block!important;visibility:visible!important;opacity:1!important;min-height:38px;margin:8px 0 0;color:#e7edf8!important;font-size:16px!important;line-height:1.2!important}
.server-roadmap-card__status{display:block!important;visibility:visible!important;margin-top:8px}.server-roadmap-card--future{color:#3f4b60;opacity:.58;cursor:not-allowed;filter:saturate(.45)}
.server-roadmap-card--future:hover{transform:none;border-color:var(--stroke)}
.server-roadmap-card--past{border-color:rgba(241,201,124,.48);color:#c9ad70}
.server-roadmap-card--past .server-roadmap-card__status{color:var(--gold)}
.server-roadmap-card.is-selected{border-color:#58a9ff;background:linear-gradient(150deg,rgba(25,78,124,.95),rgba(8,29,57,.98));box-shadow:0 10px 30px rgba(23,111,190,.28)}
.server-roadmap-card.is-selected .server-roadmap-card__status{color:#8bc8ff}
.server-roadmap-card:disabled{pointer-events:auto}/* Square corners for all server-info boxes and cards. */
.server-info-page .server-status-panel,
.server-info-page .server-info-card,
.server-info-page .server-roadmap-card,
.server-info-page .server-roadmap-date-box,
.server-info-page .server-roadmap-content{border-radius:0}

/* Keep roadmap cards visible without a horizontal scrollbar. */
@media(min-width:701px){
    body.public-page-body-server-info .server-roadmap-slider{overflow:visible}
    body.public-page-body-server-info .server-roadmap-slider__track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;overflow:visible;padding:6px 1px 14px}
    body.public-page-body-server-info .server-roadmap-card{width:100%;min-width:0}
    body.public-page-body-server-info .server-roadmap-detail{flex:0 0 auto;align-items:stretch}
    body.public-page-body-server-info .server-roadmap-date-box,
    body.public-page-body-server-info .server-roadmap-content{height:var(--roadmap-detail-height,auto);min-height:0}
}
@media(max-width:700px){
    .server-roadmap-slider__track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
    .server-roadmap-card{min-width:0;width:100%}
}

/* Keep all 17 roadmap cards in one horizontal slide. */
.server-roadmap-slider{overflow:hidden}
.server-roadmap-slider__track{display:flex!important;flex-wrap:nowrap;gap:12px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--gold) transparent}
.server-roadmap-card{flex:0 0 178px;width:178px;min-width:178px}
.server-roadmap-slider{margin-bottom:22px}
.server-roadmap-slider__track{padding:0}
.server-roadmap-detail{margin-top:0}
.server-roadmap-section,.server-roadmap-layout,.server-roadmap-slider{min-width:0;max-width:100%}
.server-roadmap-slider__track{scroll-behavior:smooth;scroll-snap-type:x proximity}
.server-roadmap-card{scroll-snap-align:center}
.server-roadmap-card--future{cursor:pointer}
.server-roadmap-slider__track{height:100%;align-items:stretch}
.server-roadmap-card{height:100%;min-height:0}
.server-roadmap-slider,.server-roadmap-slider__track,.server-roadmap-card{box-sizing:border-box}
@media(max-width:700px){
    .server-roadmap-slider__track{height:auto;align-items:initial}
    .server-roadmap-card{height:auto;min-height:170px;flex-basis:155px;width:155px;min-width:155px}
}

.server-roadmap-slider__track{padding-top:0!important;padding-bottom:0!important}
.server-roadmap-slider__track{cursor:grab;overscroll-behavior-x:contain;scroll-padding-inline:0}
.server-roadmap-slider__track.is-dragging{cursor:grabbing;scroll-behavior:auto;user-select:none}

.server-roadmap-slider__track{cursor:grab;overscroll-behavior-x:contain;scroll-padding-inline:0}
.server-roadmap-slider__track.is-dragging{cursor:grabbing;scroll-behavior:auto;user-select:none}

/* Constrain roadmap viewport; track scrolls inside viewport. */
body.public-page-body-server-info .server-roadmap-section,
body.public-page-body-server-info .server-roadmap-layout,
body.public-page-body-server-info .server-roadmap-slider{width:100%;min-width:0;max-width:100%;overflow:hidden}
body.public-page-body-server-info .server-roadmap-slider__track{width:100%;max-width:100%;display:flex!important;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;box-sizing:border-box;scroll-behavior:smooth;touch-action:pan-x;}
body.public-page-body-server-info .server-roadmap-card{flex:0 0 178px;width:178px;min-width:178px}
/* Hide roadmap scrollbar while preserving horizontal scrolling. */
.server-roadmap-slider__track{scrollbar-width:none;-ms-overflow-style:none}
.server-roadmap-slider__track::-webkit-scrollbar{display:none;width:0;height:0}

.server-roadmap-card--future{pointer-events:auto!important;cursor:pointer!important}

/* Match date box width to roadmap card width. */
@media(min-width:701px){
    body.public-page-body-server-info .server-roadmap-detail{grid-template-columns:178px minmax(0,1fr)}
    body.public-page-body-server-info .server-roadmap-date-box{width:178px}
}
@media(max-width:700px){
    body.public-page-body-server-info .server-roadmap-detail{grid-template-columns:155px minmax(0,1fr)}
    body.public-page-body-server-info .server-roadmap-date-box{width:155px}
}
/* Only active roadmap card is highlighted; all inactive cards stay dark and selectable. */
.server-roadmap-card:not(.is-selected),
.server-roadmap-card--past:not(.is-selected),
.server-roadmap-card--future:not(.is-selected){
    background:rgba(8,18,34,.82);
    border-color:var(--stroke);
    color:#63748e;
    opacity:.72;
    filter:saturate(.45);
    cursor:pointer;
}
.server-roadmap-card:not(.is-selected):hover{transform:translateY(-3px);border-color:rgba(241,201,124,.5)}
.server-roadmap-card:not(.is-selected) .server-roadmap-card__status{color:inherit}
.server-roadmap-card.is-selected{opacity:1;filter:none;cursor:pointer}
.server-roadmap-card--future{pointer-events:auto!important;cursor:pointer!important}
/* Make default active roadmap card unmistakable. */
.server-roadmap-card.is-selected{
    opacity:1!important;
    filter:none!important;
    border:2px solid #58a9ff!important;
    background:linear-gradient(150deg,rgba(25,78,124,.98),rgba(8,29,57,1))!important;
    color:#f4f8ff!important;
    box-shadow:0 0 0 2px rgba(88,169,255,.22),0 12px 32px rgba(23,111,190,.4)!important;
    transform:translateY(-3px);
}
.server-roadmap-card.is-selected .server-roadmap-card__number,
.server-roadmap-card.is-selected .server-roadmap-card__title,
.server-roadmap-card.is-selected .server-roadmap-card__status{color:#fff!important}
/* Default active card stays highlighted; clicked future cards only update detail. */
.server-roadmap-card.is-selected:not(.is-active){
    opacity:.72!important;
    filter:saturate(.45)!important;
    transform:none!important;
    border-color:var(--stroke)!important;
    background:rgba(8,18,34,.82)!important;
    color:#63748e!important;
    box-shadow:none!important;
}
.server-roadmap-card.is-selected:not(.is-active) .server-roadmap-card__number,
.server-roadmap-card.is-selected:not(.is-active) .server-roadmap-card__title,
.server-roadmap-card.is-selected:not(.is-active) .server-roadmap-card__status{color:inherit!important}
/* Compact 01 / SERVER content. */
.server-info-card--about h2{margin:6px 0 8px}
.server-info-card--about p{line-height:1.35}
.server-info-card--about p br{line-height:.6}
.server-info-card--about .server-feature-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;margin-top:14px}
.server-info-card--about .server-feature-list div{padding-top:6px}
.server-info-card--about .server-feature-list b{font-size:11px;line-height:1}
.server-info-card--about .server-feature-list span{margin-top:3px;font-size:13px;line-height:1.15}
/* Keep server feature icon and text on one line. */
.server-info-card--about .server-feature-list div{display:flex;align-items:center;gap:6px;white-space:nowrap}
.server-info-card--about .server-feature-list b{display:inline;font-size:11px;flex:0 0 auto}
.server-info-card--about .server-feature-list span{display:inline;margin-top:0;font-size:13px;line-height:1.15}
/* Keep active card border fully visible. */
.server-roadmap-slider{overflow:visible}
.server-roadmap-slider__track{overflow-x:auto;overflow-y:visible;padding-top:2px!important}
.server-roadmap-card.is-selected{transform:none!important;box-sizing:border-box}