/* NeverEndingWorld launch skin — stacked, continuous beta journey. */

:root{
    --world-blue:#68c5f3;
    --world-blue-soft:#9bdcff;
    --world-display:NEWRaleway,Arial,sans-serif;
    --world-ink:#030914;
    --world-panel:rgba(4,13,24,.84);
    --world-line:rgba(164,215,242,.16);
    --world-line-hot:rgba(104,197,243,.52);
    --world-glass:linear-gradient(145deg,rgba(10,31,49,.68),rgba(3,12,22,.58));
    --world-glass-strong:linear-gradient(145deg,rgba(12,38,59,.82),rgba(3,12,22,.76));
    --world-glass-shadow:0 24px 75px rgba(0,0,0,.28),inset 0 1px 0 rgba(206,235,250,.035);
}

html{scroll-padding-top:76px}
body{background:var(--world-ink)}
.world-backdrop{
    inset:-10vh -10vw;
    background-position:center 58%;
    filter:saturate(.72) contrast(1.12) brightness(.42);
    animation-duration:42s;
}
.site-shell{
    background:
        radial-gradient(circle at 78% 12%,rgba(41,133,184,.16),transparent 30%),
        linear-gradient(180deg,rgba(2,8,15,.42),rgba(3,9,18,.72));
}

.site-header{
    height:76px;
    padding-inline:clamp(22px,4vw,72px);
    background:linear-gradient(180deg,rgba(3,9,18,.94),rgba(3,9,18,.7));
    border-bottom:1px solid var(--world-line);
    backdrop-filter:blur(18px);
}
.site-header.is-scrolled{
    height:68px;
    background:rgba(3,10,19,.94);
    border-color:var(--world-line);
}
.site-nav{gap:clamp(16px,1.8vw,30px)}
.site-nav a,.account-link{font-size:9px;letter-spacing:.2em}
.site-nav a:hover{color:var(--world-blue-soft)}
.site-nav a.is-active::after{background:var(--world-blue)}
.site-header .button{min-height:40px;padding:0 21px}

.button{
    position:relative;
    overflow:hidden;
    background:var(--world-blue);
    border-color:var(--world-blue);
    box-shadow:0 12px 35px rgba(32,132,186,.16);
}
.button::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.35),transparent 70%);
    transform:translateX(-120%);
    transition:transform .45s ease;
}
.button:hover::before{transform:translateX(120%)}
.button-ghost{background:rgba(4,14,25,.25);color:var(--ice)}
.text-link{border-bottom-color:var(--world-line-hot)}
.text-link:hover{color:var(--world-blue-soft)}

.endless-home{position:relative;isolation:isolate}
.endless-panel{
    min-height:100svh;
    position:sticky;
    top:0;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border-top:1px solid var(--world-line);
    background:
        linear-gradient(90deg,rgba(3,10,19,.94),rgba(4,14,25,.79) 55%,rgba(3,10,19,.88)),
        radial-gradient(circle at 70% 42%,rgba(65,152,204,.1),transparent 37%);
    backdrop-filter:blur(7px);
    scroll-margin-top:0;
}
.endless-panel::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:
        linear-gradient(90deg,transparent 0 49.95%,rgba(166,220,247,.055) 50%,transparent 50.05%),
        linear-gradient(180deg,transparent 0 49.95%,rgba(166,220,247,.045) 50%,transparent 50.05%);
}
.endless-intro{z-index:1;padding:120px var(--pad) 58px;border-top:0;background:linear-gradient(90deg,rgba(2,8,15,.98),rgba(3,12,22,.74) 51%,rgba(3,10,19,.42))}
.endless-status{z-index:2;background:linear-gradient(135deg,rgba(5,17,30,.97),rgba(3,10,19,.9))}
.endless-features{z-index:3;background:linear-gradient(135deg,rgba(3,10,19,.97),rgba(7,23,38,.92))}
.endless-focus{z-index:4;background:linear-gradient(140deg,rgba(5,20,34,.98),rgba(3,11,20,.93))}
.endless-phases{z-index:5;background:linear-gradient(145deg,rgba(5,18,31,.98),rgba(3,10,19,.94))}
.endless-faq{z-index:6;background:linear-gradient(132deg,rgba(4,15,27,.98),rgba(8,27,42,.94))}
.endless-join{z-index:7;background:linear-gradient(115deg,rgba(49,144,196,.94),rgba(65,166,218,.88));color:#04101b}

.panel-index{
    position:absolute;
    right:clamp(45px,8vw,150px);
    top:50%;
    z-index:-1;
    transform:translateY(-50%);
    font-family:Lineage,serif;
    font-size:clamp(250px,34vw,620px);
    line-height:1;
    color:transparent;
    -webkit-text-stroke:1px rgba(166,220,247,.07);
    user-select:none;
}
.endless-join .panel-index{-webkit-text-stroke-color:rgba(4,16,27,.09)}

.endless-progress{
    position:fixed;
    right:23px;
    top:50%;
    z-index:24;
    transform:translateY(-50%);
    display:flex;
    flex-direction:column;
    gap:13px;
}
.endless-progress a{
    width:34px;
    height:22px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    color:rgba(191,218,234,.42);
    font-size:7px;
    letter-spacing:.12em;
    transition:.25s ease;
}
.endless-progress a::after{
    content:"";
    width:6px;
    height:6px;
    margin-left:8px;
    border:1px solid currentColor;
    transform:rotate(45deg);
    transition:.25s ease;
}
.endless-progress a.is-active{color:var(--world-blue-soft)}
.endless-progress a.is-active::after{background:var(--world-blue);border-color:var(--world-blue);box-shadow:0 0 14px var(--world-blue)}

.endless-intro-grid{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1.5fr) minmax(280px,390px);
    align-items:end;
    gap:clamp(55px,9vw,160px);
}
.endless-copy{max-width:950px}
.beta-live{
    display:flex;
    align-items:center;
    gap:10px;
    margin:29px 0 13px;
    color:var(--world-blue-soft);
    font-size:9px;
    font-weight:700;
    letter-spacing:.2em;
}
.beta-live i{
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--success);
    box-shadow:0 0 0 5px rgba(119,214,181,.1),0 0 18px var(--success);
}
.endless-copy h1{
    max-width:1000px;
    margin:0 0 29px;
    font-family:Lineage,serif;
    font-size:clamp(76px,9vw,154px);
    line-height:.78;
    letter-spacing:-.055em;
    text-shadow:0 10px 60px rgba(0,0,0,.42);
}
.endless-copy h1 em,.endless-join-copy h2 em{color:var(--world-blue-soft);font-style:normal}
.endless-copy>p:not(.beta-live){max-width:670px;margin:0;color:#b7cedd;font-size:15px;line-height:1.8}
.endless-copy .hero-actions{margin-top:37px}
.beta-brief{
    min-height:330px;
    padding:31px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    border:1px solid var(--world-line-hot);
    background:var(--world-glass-strong);
    box-shadow:var(--world-glass-shadow);
    backdrop-filter:blur(18px) saturate(125%);
}
.beta-brief>small{margin-bottom:auto;color:var(--world-blue);font-size:8px;letter-spacing:.2em}
.beta-brief>strong{font-family:Lineage;font-size:36px;font-weight:400;line-height:1.05}
.beta-brief>p{margin:18px 0 29px;color:var(--mist);font-size:11px;line-height:1.75}
.beta-brief>a{display:flex;justify-content:space-between;padding-top:17px;border-top:1px solid var(--world-line);color:var(--world-blue-soft);font-size:8px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.panel-scroll{
    position:absolute;
    left:var(--pad);
    bottom:24px;
    display:flex;
    align-items:center;
    gap:14px;
    color:var(--muted);
    font-size:7px;
    letter-spacing:.19em;
}
.panel-scroll span{width:45px;height:1px;background:var(--world-line-hot)}

.endless-heading{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(270px,.55fr);
    align-items:end;
    gap:8vw;
    margin-bottom:clamp(42px,7vh,80px);
}
.endless-heading h2{
    margin:20px 0 0;
    font-family:var(--world-display);
    font-size:clamp(48px,5.5vw,86px);
    font-weight:700;
    line-height:.96;
    letter-spacing:-.045em;
}
.endless-heading>p{max-width:500px;margin:0;color:#bdd2de;font-size:15px;line-height:1.75}

.service-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-block:1px solid var(--world-line)}
.service-block{
    min-height:310px;
    padding:28px 31px;
    display:flex;
    flex-direction:column;
    border-right:1px solid var(--world-line);
    background:var(--world-glass);
    box-shadow:var(--world-glass-shadow);
    backdrop-filter:blur(16px) saturate(120%);
    transition:.28s ease;
}
.service-block:first-child{border-left:1px solid var(--world-line)}
.service-block:hover{background:rgba(104,197,243,.045);transform:translateY(-5px)}
.service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:45px}
.service-top>span{font-family:var(--world-display);font-size:24px;font-weight:700;color:var(--world-blue)}
.service-top i{width:9px;height:9px;border-radius:50%;background:var(--muted)}
.service-block.is-online .service-top i{background:var(--success);box-shadow:0 0 0 5px rgba(119,214,181,.08),0 0 17px var(--success)}
.service-block>small{color:#91adbd;font-size:10px;letter-spacing:.14em}
.service-block h3{margin:10px 0 12px;font-family:var(--world-display);font-size:42px;font-weight:700;letter-spacing:-.035em}
.service-block.is-online h3{color:var(--world-blue-soft)}
.service-block>p{max-width:380px;color:#b7cbd6;font-size:14px;line-height:1.65}
.service-block footer{margin-top:auto;padding-top:16px;display:flex;justify-content:space-between;border-top:1px solid var(--world-line);font-size:9px;letter-spacing:.11em}
.service-block footer span{color:var(--muted)}.service-block footer strong{color:var(--ice);font-weight:500}
.status-action{width:100%;margin-top:30px;display:flex;align-items:center;justify-content:space-between}.status-action>span{color:#91a9b8;font-size:10px;letter-spacing:.06em}

.beta-feature-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--world-line)}
.beta-feature-grid article{
    min-height:330px;
    padding:29px 34px;
    border-right:1px solid var(--world-line);
    background:var(--world-glass);
    box-shadow:var(--world-glass-shadow);
    backdrop-filter:blur(16px) saturate(120%);
    transition:.28s ease;
}
.beta-feature-grid article:first-child{border-left:1px solid var(--world-line)}
.beta-feature-grid article:hover{background:rgba(104,197,243,.035);transform:translateY(-6px)}
.beta-feature-grid article>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:78px}
.beta-feature-grid article>div span{color:var(--muted);font-size:8px;letter-spacing:.16em}
.beta-feature-grid article>div i{font-family:var(--world-display);font-size:32px;font-weight:700;color:var(--world-blue);font-style:normal}
.beta-feature-grid h3{font-family:var(--world-display);font-size:27px;font-weight:700;line-height:1.15;letter-spacing:-.025em;margin-bottom:17px}
.beta-feature-grid p{max-width:380px;color:#b8ccd7;font-size:14px;line-height:1.7}
.panel-link{align-self:flex-end;margin-top:35px}

.beta-focus-grid{
    width:100%;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    border-block:1px solid var(--world-line);
}
.beta-focus-grid article{
    min-height:310px;
    padding:28px 29px;
    display:flex;
    flex-direction:column;
    border-right:1px solid var(--world-line);
    background:var(--world-glass);
    box-shadow:var(--world-glass-shadow);
    backdrop-filter:blur(17px) saturate(125%);
    -webkit-backdrop-filter:blur(17px) saturate(125%);
    transition:transform .28s ease,border-color .28s ease,background .28s ease;
}
.beta-focus-grid article:first-child{border-left:1px solid var(--world-line)}
.beta-focus-grid article:hover{
    z-index:1;
    transform:translateY(-6px);
    border-color:var(--world-line-hot);
    background:var(--world-glass-strong);
}
.beta-focus-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:60px;
}
.beta-focus-top span{
    color:#91adbd;
    font-family:var(--world-display);
    font-size:20px;
    font-weight:700;
}
.beta-focus-top i{
    width:8px;
    height:8px;
    border:1px solid var(--world-blue);
    transform:rotate(45deg);
    box-shadow:0 0 18px rgba(104,197,243,.25);
}
.beta-focus-grid h3{
    margin:0 0 15px;
    font-family:var(--world-display);
    font-size:clamp(22px,1.75vw,28px);
    font-weight:700;
    line-height:1.15;
    letter-spacing:-.025em;
}
.beta-focus-grid p{margin:0;color:#b9cdd8;font-size:14px;line-height:1.7}
.beta-focus-grid strong{
    margin-top:auto;
    padding-top:25px;
    color:var(--world-blue-soft);
    font-size:8px;
    letter-spacing:.16em;
}

.phase-strip{width:100%;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--world-line)}
.phase-block{
    min-height:345px;
    padding:28px 32px;
    display:flex;
    flex-direction:column;
    border-right:1px solid var(--world-line);
    background:var(--world-glass);
    box-shadow:var(--world-glass-shadow);
    backdrop-filter:blur(16px) saturate(120%);
    opacity:.72;
    transition:.28s ease;
}
.phase-block:first-child{border-left:1px solid var(--world-line)}
.phase-block.status-active{opacity:1;background:linear-gradient(150deg,rgba(57,151,204,.14),transparent)}
.phase-block:hover{opacity:1;background:rgba(104,197,243,.035);transform:translateY(-5px)}
.phase-block>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:55px}
.phase-block>div span{font-family:var(--world-display);font-size:26px;font-weight:700;color:var(--world-blue)}
.phase-block>div small{padding:4px 7px;border:1px solid var(--world-line);font-size:7px;letter-spacing:.14em}
.phase-block.status-active>div small{color:var(--world-blue-soft);border-color:var(--world-line-hot)}
.phase-block h3{font-family:var(--world-display);font-size:25px;font-weight:700;line-height:1.18;letter-spacing:-.025em;margin-bottom:17px}
.phase-block p{color:#b5cad5;font-size:13px;line-height:1.7}
.phase-block>strong{margin-top:auto;color:var(--world-blue-soft);font-size:9px;letter-spacing:.12em;font-weight:700}

.beta-faq-layout{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1.18fr) minmax(330px,.72fr);
    align-items:stretch;
    gap:clamp(24px,3vw,48px);
}
.beta-faq-list{
    border-top:1px solid var(--world-line);
}
.beta-faq-list details{
    border-bottom:1px solid var(--world-line);
    background:linear-gradient(135deg,rgba(12,35,53,.44),rgba(3,12,22,.34));
    transition:background .25s ease,border-color .25s ease;
}
.beta-faq-list details:hover,
.beta-faq-list details[open]{
    border-color:rgba(104,197,243,.3);
    background:linear-gradient(135deg,rgba(21,59,84,.53),rgba(3,12,22,.42));
}
.beta-faq-list summary{
    min-height:76px;
    padding:19px 24px;
    display:grid;
    grid-template-columns:38px minmax(0,1fr) 20px;
    align-items:center;
    gap:15px;
    color:#dff3fc;
    cursor:pointer;
    list-style:none;
}
.beta-faq-list summary::-webkit-details-marker{display:none}
.beta-faq-list summary>span{
    color:var(--world-blue);
    font-family:var(--world-display);
    font-size:14px;
    font-weight:700;
}
.beta-faq-list summary strong{
    font-family:var(--world-display);
    font-size:18px;
    font-weight:700;
    line-height:1.3;
}
.beta-faq-list summary::after{
    content:"+";
    color:var(--world-blue-soft);
    font-family:var(--world-display);
    font-size:24px;
    font-weight:400;
    line-height:1;
    text-align:center;
    transition:transform .25s ease;
}
.beta-faq-list details[open] summary::after{content:"−";transform:rotate(180deg)}
.beta-faq-list details>p{
    max-width:730px;
    margin:0;
    padding:0 62px 24px 77px;
    color:#c0d3dd;
    font-size:14px;
    line-height:1.75;
}
.beta-faq-list summary:focus-visible{
    outline:2px solid var(--world-blue);
    outline-offset:-2px;
}
.bug-report-card{
    padding:30px;
    display:flex;
    flex-direction:column;
    border:1px solid var(--world-line-hot);
    border-radius:20px;
    background:var(--world-glass-strong);
    box-shadow:var(--world-glass-shadow);
    backdrop-filter:blur(21px) saturate(135%);
    -webkit-backdrop-filter:blur(21px) saturate(135%);
}
.bug-report-card>small{color:var(--world-blue);font-size:8px;font-weight:700;letter-spacing:.2em}
.bug-report-card h3{
    margin:20px 0 15px;
    font-family:var(--world-display);
    font-size:clamp(27px,2.4vw,39px);
    font-weight:700;
    line-height:1.04;
    letter-spacing:-.035em;
}
.bug-report-card>p{margin:0;color:#bed1db;font-size:13px;line-height:1.7}
.bug-report-card ul{
    margin:23px 0 26px;
    padding:0;
    list-style:none;
    border-top:1px solid var(--world-line);
}
.bug-report-card li{
    padding:10px 0;
    display:grid;
    grid-template-columns:32px 1fr;
    gap:10px;
    border-bottom:1px solid var(--world-line);
    color:#d4e5ed;
    font-size:11px;
    line-height:1.45;
}
.bug-report-card li span{color:var(--world-blue);font-size:8px;letter-spacing:.1em}
.bug-report-card .button{
    width:100%;
    min-height:50px;
    margin-top:auto;
    justify-content:space-between;
    border-radius:11px;
}

.endless-join{align-items:flex-start}
.endless-join::after{background:linear-gradient(90deg,transparent 49.95%,rgba(4,16,27,.08) 50%,transparent 50.05%)}
.endless-join-copy{position:relative;z-index:2;max-width:1000px}
.endless-join .eyebrow{color:#0d3c57}
.endless-join-copy h2{margin:27px 0 30px;font-family:var(--world-display);font-size:clamp(58px,7vw,110px);font-weight:700;line-height:.94;letter-spacing:-.055em}
.endless-join-copy h2 em{color:#05273b}
.endless-join-copy>p{max-width:680px;color:#123d56;font-size:15px;line-height:1.75}
.endless-join .text-link{color:#05273b;border-color:rgba(4,16,27,.34)}
.endless-join .button-light{background:#061522;border-color:#061522;color:var(--ice)}
.join-orbit{position:absolute;right:8vw;top:50%;width:min(37vw,530px);aspect-ratio:1;transform:translateY(-50%);display:grid;place-items:center;border:1px solid rgba(4,16,27,.16);border-radius:50%}
.join-orbit::before,.join-orbit::after{content:"";position:absolute;border:1px solid rgba(4,16,27,.14);border-radius:50%}.join-orbit::before{inset:11%}.join-orbit::after{inset:25%}
.join-orbit i{position:absolute;width:1px;height:115%;background:rgba(4,16,27,.13);transform:rotate(55deg)}.join-orbit i:nth-child(2){transform:rotate(-55deg)}
.join-orbit span{font-family:Lineage;font-size:160px;color:rgba(4,16,27,.22)}

/* Existing inner pages inherit the new continuous visual language. */
body:not(.page-home) .page-hero,
body:not(.page-home) .play-hub-hero,
body:not(.page-home) .forum-hero,
body:not(.page-home) .forum-member-hero,
body:not(.page-home) .account-hero,
body:not(.page-home) .auth-shell{
    background-color:transparent;
    border-bottom:1px solid var(--world-line);
}
body:not(.page-home) .page-hero h1{line-height:.86}
.feature-entry,.download-card,.wiki-card,.forum-category-card,.package-card,.custom-pack-card,.account-section,.form-card,
.stage-banner,.feature-cta,.timeline-content,.play-hub-status,.play-checklist>div,.help-band,
.rankings-summary>div,.table-wrap,.empty-state,.demo-notice,.prose-card,.article-shell,
.wiki-search,.wiki-help,.wiki-article-shell,.forum-search-bar,.forum-topic-row,.forum-post,
.forum-reply,.forum-signin,.forum-topic-header,.forum-member-shell,.profile-editor,
.donation-builder,.donation-summary,.donation-principles,.donation-login-callout,.custom-pack-section,
.auth-context,.center-panel{
    border-color:var(--world-line);
    background:var(--world-glass);
    box-shadow:var(--world-glass-shadow);
    backdrop-filter:blur(16px) saturate(120%);
    -webkit-backdrop-filter:blur(16px) saturate(120%);
}
.download-card.is-primary,.feature-entry:hover,.wiki-card:hover,.forum-category-card:hover,
.package-card:hover,.custom-pack-card:hover,.forum-topic-row:hover{
    background:var(--world-glass-strong);
    border-color:var(--world-line-hot);
}
.download-card.is-unavailable{
    background:var(--world-glass);
    border-color:var(--world-line);
}
.rankings-shell,.feature-catalog,.timeline,.play-install,.forum-shell,.wiki-shell{
    background:transparent;
}
.rank-table thead,.tab-nav{
    background:rgba(4,14,25,.58);
    backdrop-filter:blur(14px);
}
.site-footer{position:relative;z-index:10;background:rgba(3,9,18,.96);border-color:var(--world-line)}

/* Public beta pages use the readable display face; Lineage remains decorative. */
body:not(.page-home) :where(
    .page-hero h1,
    .stage-banner strong,
    .feature-entry h2,
    .feature-cta h2,
    .timeline-content h2,
    .play-hub-copy h1,
    .play-hub-status>strong,
    .play-install-head h2,
    .play-install .download-card h2,
    .help-band h2
){
    font-family:var(--world-display);
    font-weight:700;
    letter-spacing:-.035em;
}
body:not(.page-home) .page-hero h1{line-height:.98}
body:not(.page-home) .stage-banner p,
body:not(.page-home) .feature-entry p,
body:not(.page-home) .feature-cta p,
body:not(.page-home) .timeline-content>p,
body:not(.page-home) .play-hub-copy p,
body:not(.page-home) .play-install .download-card p,
body:not(.page-home) .help-band p{color:#bfd2dc}
body:not(.page-home) .feature-entry p{font-size:14px}
body:not(.page-home) .play-install .download-card p{font-size:14px;line-height:1.7}
body:not(.page-home) .play-install .download-card li{font-size:11px;line-height:1.5}
body:not(.page-home) .play-hub-status dt{font-size:9px}
body:not(.page-home) .play-hub-status dd{font-size:13px}
body:not(.page-home) .play-checklist strong{font-size:12px}
body:not(.page-home) .play-checklist small{font-size:10px;line-height:1.5}

@media (max-width:1050px){
    .site-nav{gap:12px}.site-nav a{font-size:7px}
    .endless-intro-grid{grid-template-columns:minmax(0,1fr) 310px;gap:5vw}
    .endless-copy h1{font-size:clamp(72px,10vw,112px)}
    .service-block,.beta-feature-grid article,.phase-block{padding:25px}
    .beta-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .beta-focus-grid article:nth-child(odd){border-left:1px solid var(--world-line)}
    .beta-focus-grid article:nth-child(-n+2){border-bottom:1px solid var(--world-line)}
    .beta-focus-grid article{min-height:245px}
    .beta-focus-top{margin-bottom:35px}
    .beta-faq-layout{grid-template-columns:minmax(0,1fr) minmax(300px,.7fr)}
}

@media (max-width:800px){
    html{scroll-padding-top:64px}
    .site-header{height:68px}
    .site-nav{inset:68px 0 auto;gap:7px;padding-block:28px}
    .site-nav a{font-size:11px}
    .endless-progress{display:none}
    .endless-panel{
        position:relative;
        top:auto;
        min-height:auto;
        padding-top:105px;
        padding-bottom:80px;
        backdrop-filter:none;
    }
    .endless-intro{min-height:100svh}
    .endless-intro-grid,.endless-heading{grid-template-columns:1fr}
    .endless-intro-grid{gap:45px}
    .endless-copy h1{font-size:clamp(63px,18vw,92px)}
    .endless-copy>p:not(.beta-live){font-size:13px}
    .beta-brief{min-height:280px;max-width:500px}
    .panel-scroll{display:none}
    .endless-heading{align-items:start;gap:22px;margin-bottom:45px}
    .endless-heading h2{font-size:clamp(52px,14vw,78px)}
    .service-grid,.beta-feature-grid,.beta-focus-grid,.phase-strip{grid-template-columns:1fr}
    .service-block,.beta-feature-grid article,.beta-focus-grid article,.phase-block{min-height:280px;border-left:1px solid var(--world-line);border-bottom:1px solid var(--world-line)}
    .service-block:last-child,.beta-feature-grid article:last-child,.beta-focus-grid article:last-child,.phase-block:last-child{border-bottom:0}
    .beta-feature-grid article>div{margin-bottom:45px}
    .beta-focus-grid article:nth-child(-n+2){border-bottom:1px solid var(--world-line)}
    .beta-faq-layout{grid-template-columns:1fr}
    .bug-report-card{min-height:480px}
    .status-action{align-items:flex-start;flex-direction:column;gap:22px}
    .panel-link{align-self:flex-start}
    .join-orbit{right:-25vw;width:90vw;opacity:.42}
    .endless-join-copy h2{font-size:clamp(65px,17vw,96px)}
    .endless-join .hero-actions{align-items:flex-start;flex-direction:column}
}

@media (max-width:430px){
    .endless-panel{padding-inline:20px}
    .endless-copy h1{font-size:60px}
    .beta-live{font-size:7px}
    .beta-brief{padding:24px}
    .endless-heading h2{font-size:52px}
    .service-block h3{font-size:41px}
    .beta-faq-list summary{padding-inline:18px;grid-template-columns:30px minmax(0,1fr) 20px}
    .beta-faq-list summary strong{font-size:16px}
    .beta-faq-list details>p{padding:0 38px 22px 63px;font-size:13px}
    .bug-report-card{padding:24px}
    .endless-join-copy h2{font-size:62px}
}

@media (prefers-reduced-motion:reduce){
    .endless-panel{position:relative}
}

/* Redesign study 01: global shell and opening viewport. */

:root{
    --concept-glass:linear-gradient(145deg,rgba(12,35,54,.68),rgba(3,12,22,.54));
    --concept-glass-heavy:linear-gradient(145deg,rgba(13,40,61,.84),rgba(3,12,22,.78));
    --concept-stroke:rgba(176,224,248,.18);
    --concept-stroke-hot:rgba(118,207,249,.58);
    --concept-shadow:0 30px 100px rgba(0,0,0,.36),inset 0 1px rgba(220,242,252,.055);
}

.world-backdrop{
    inset:-7vh -5vw;
    background-image:url('/public/assets/images/world-castle.png');
    background-position:center 54%;
    background-size:cover;
    filter:saturate(.7) contrast(1.06) brightness(.53);
    animation:concept-world-drift 28s ease-in-out infinite alternate;
}
.site-shell{
    background:
        radial-gradient(circle at 72% 22%,rgba(87,181,230,.1),transparent 32%),
        linear-gradient(180deg,rgba(2,8,15,.2),rgba(2,8,15,.72));
}
.site-header{
    position:fixed;
    top:18px;
    left:50%;
    right:auto;
    width:min(calc(100% - 36px),1380px);
    height:66px;
    padding:0 12px 0 22px;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    transform:translateX(-50%);
    border:1px solid var(--concept-stroke);
    border-radius:18px;
    background:rgba(3,12,22,.68);
    box-shadow:0 18px 60px rgba(0,0,0,.25),inset 0 1px rgba(222,244,255,.04);
    backdrop-filter:blur(22px) saturate(135%);
    -webkit-backdrop-filter:blur(22px) saturate(135%);
}
.site-header.is-scrolled{
    top:10px;
    width:min(calc(100% - 24px),1380px);
    height:62px;
    background:rgba(3,12,22,.84);
    border-color:rgba(176,224,248,.24);
}
.header-signal{
    justify-self:start;
    display:flex;
    align-items:center;
    gap:10px;
    color:#b9d9ea;
    font-size:8px;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
}
.header-signal i{
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--success);
    box-shadow:0 0 0 5px rgba(119,214,181,.08),0 0 18px rgba(119,214,181,.72);
}
.site-nav{
    position:static;
    grid-column:2;
    transform:none;
    gap:clamp(15px,1.6vw,28px);
}
.site-nav a,.account-link{font-size:10px;letter-spacing:.12em}
.header-actions{grid-column:3;justify-self:end}
.site-header .button{
    min-height:42px;
    padding-inline:19px;
    border-radius:11px;
}

.concept-hero{
    position:relative;
    min-height:100svh;
    padding:128px clamp(25px,5vw,92px) 28px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    overflow:hidden;
    isolation:isolate;
}
.concept-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    background:
        linear-gradient(90deg,rgba(2,8,15,.9) 0%,rgba(3,10,18,.68) 43%,rgba(3,10,18,.2) 78%,rgba(2,8,15,.48) 100%),
        linear-gradient(0deg,rgba(2,8,15,.92),transparent 44%);
}
.concept-hero::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:
        linear-gradient(90deg,transparent calc(50% - .5px),rgba(189,228,248,.055) 50%,transparent calc(50% + .5px)),
        linear-gradient(180deg,transparent calc(58% - .5px),rgba(189,228,248,.045) 58%,transparent calc(58% + .5px));
}
.concept-hero-number{
    position:absolute;
    right:3vw;
    top:42%;
    z-index:-1;
    transform:translateY(-50%);
    font-family:Lineage,serif;
    font-size:clamp(300px,40vw,720px);
    line-height:.7;
    color:transparent;
    -webkit-text-stroke:1px rgba(187,227,248,.065);
    user-select:none;
}
.concept-hero-grid{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1.38fr) minmax(330px,430px);
    align-items:end;
    gap:clamp(48px,8vw,145px);
}
.concept-hero-copy{max-width:930px}
.concept-kicker{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:34px;
    color:#c1e2f2;
    font-size:10px;
    font-weight:700;
    letter-spacing:.18em;
}
.concept-kicker span{width:43px;height:1px;background:#70c8f1}
.concept-live{
    display:flex;
    align-items:center;
    gap:11px;
    margin:0 0 17px;
    color:#91dcfb;
    font-size:10px;
    font-weight:700;
    letter-spacing:.15em;
}
.concept-live i{
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--success);
    box-shadow:0 0 0 6px rgba(119,214,181,.08),0 0 21px rgba(119,214,181,.85);
}
.concept-hero h1{
    max-width:960px;
    margin:0;
    display:flex;
    flex-direction:column;
    font-family:var(--world-display);
    font-weight:700;
    letter-spacing:-.06em;
    text-shadow:0 15px 70px rgba(0,0,0,.36);
}
.concept-hero h1 span{
    color:#dff4ff;
    font-size:clamp(72px,8.5vw,136px);
    line-height:.86;
}
.concept-hero h1 small{
    max-width:870px;
    margin-top:16px;
    color:#88cfee;
    font-size:clamp(36px,4.5vw,70px);
    line-height:1;
    font-weight:500;
    letter-spacing:-.045em;
}
.concept-lead{
    max-width:700px;
    margin:31px 0 0;
    color:#d0e0e8;
    font-size:16px;
    line-height:1.75;
    text-shadow:0 2px 18px rgba(0,0,0,.55);
}
.concept-actions{
    margin-top:35px;
    display:flex;
    align-items:center;
    gap:30px;
}
.concept-primary{border-radius:12px}
.concept-link{
    display:flex;
    align-items:center;
    gap:30px;
    padding:14px 0;
    border-bottom:1px solid rgba(118,207,249,.38);
    color:#cae8f7;
    font-size:10px;
    font-weight:700;
    letter-spacing:.17em;
    text-transform:uppercase;
}
.concept-link:hover{color:#78cff6;border-color:#78cff6}
.concept-entry-card{
    min-height:465px;
    padding:27px;
    display:flex;
    flex-direction:column;
    border:1px solid var(--concept-stroke-hot);
    border-radius:22px;
    background:var(--concept-glass-heavy);
    box-shadow:var(--concept-shadow);
    backdrop-filter:blur(24px) saturate(135%);
    -webkit-backdrop-filter:blur(24px) saturate(135%);
}
.concept-entry-card>header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom:22px;
    border-bottom:1px solid var(--concept-stroke);
}
.concept-entry-card>header>span{color:#8fbbd1;font-size:7px;letter-spacing:.2em}
.concept-entry-card>header strong{
    display:flex;
    align-items:center;
    gap:8px;
    color:#8de2c2;
    font-size:7px;
    letter-spacing:.16em;
}
.concept-entry-card>header i{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 12px var(--success)}
.concept-entry-card h2{
    margin:27px 0 23px;
    font-family:var(--world-display);
    font-size:29px;
    font-weight:700;
    line-height:1.12;
    letter-spacing:-.035em;
}
.concept-entry-card ol{margin:0;padding:0;list-style:none}
.concept-entry-card li{
    display:grid;
    grid-template-columns:31px 1fr;
    gap:15px;
    align-items:start;
    padding:13px 0;
    border-top:1px solid rgba(176,224,248,.1);
}
.concept-entry-card li>span{padding-top:2px;color:#69c7f1;font-family:var(--world-display);font-size:15px;font-weight:700}
.concept-entry-card li p{display:flex;flex-direction:column;margin:0}
.concept-entry-card li strong{font-size:12px;font-weight:700;letter-spacing:.025em}
.concept-entry-card li small{margin-top:4px;color:#9db4c2;font-size:11px;line-height:1.5}
.concept-entry-card>a{
    margin-top:auto;
    padding-top:18px;
    display:flex;
    justify-content:space-between;
    border-top:1px solid var(--concept-stroke);
    color:#9edbfa;
    font-size:9px;
    font-weight:700;
    letter-spacing:.16em;
    text-transform:uppercase;
}
.concept-entry-card>a b{font-size:16px;font-weight:400}
.concept-meta{
    width:100%;
    margin-top:38px;
    display:grid;
    grid-template-columns:150px 100px minmax(210px,1fr) auto;
    align-items:stretch;
    border:1px solid var(--concept-stroke);
    border-radius:17px;
    background:rgba(4,14,24,.48);
    box-shadow:0 18px 65px rgba(0,0,0,.18);
    backdrop-filter:blur(17px);
    -webkit-backdrop-filter:blur(17px);
}
.concept-meta>div{
    min-height:66px;
    padding:14px 19px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border-right:1px solid var(--concept-stroke);
}
.concept-meta small{color:#8da7b6;font-size:8px;letter-spacing:.13em}
.concept-meta strong{margin-top:5px;color:#d9edf7;font-size:12px;font-weight:600}
.concept-meta>a{
    min-width:215px;
    padding:0 22px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#8fcce9;
    font-size:9px;
    font-weight:700;
    letter-spacing:.17em;
}
.concept-meta>a i{font-size:16px;font-style:normal}

/* Cinematic single-world homepage — inspired by clear MMO portal layouts. */
.reborn-home{
    position:relative;
    isolation:isolate;
    background:
        radial-gradient(circle at 84% 18%,rgba(79,168,216,.08),transparent 27%),
        linear-gradient(180deg,rgba(2,8,15,.26),rgba(3,9,16,.94));
}
.reborn-home::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background-image:linear-gradient(rgba(164,215,242,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(164,215,242,.025) 1px,transparent 1px);
    background-size:84px 84px;
    mask-image:linear-gradient(180deg,transparent,black 14%,black 85%,transparent);
}
.reborn-hero{
    min-height:100svh;
    padding-top:112px;
    padding-bottom:78px;
    display:flex;
    align-items:center;
}
.reborn-hero-card{
    position:relative;
    width:min(1180px,100%);
    min-height:650px;
    margin:0 auto;
    overflow:hidden;
    border:1px solid rgba(181,222,243,.2);
    border-radius:30px;
    background:#080b10 url('/public/assets/images/world-bg.jpg') 28% 6%/cover no-repeat;
    box-shadow:0 42px 120px rgba(0,0,0,.45),inset 0 1px rgba(230,245,252,.055);
    isolation:isolate;
}
.reborn-hero-card::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:
        linear-gradient(90deg,rgba(4,7,11,.14) 0%,rgba(4,8,13,.3) 35%,rgba(4,10,17,.9) 63%,rgba(3,9,16,.97) 100%),
        linear-gradient(0deg,rgba(3,8,14,.98),transparent 43%);
}
.reborn-hero-card::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    box-shadow:inset 0 0 120px rgba(0,0,0,.38);
}
.reborn-hero-copy{
    position:relative;
    z-index:2;
    width:54%;
    margin-left:auto;
    padding:77px 62px 142px 36px;
}
.reborn-kicker{
    color:#b6dced;
    font-size:9px;
    font-weight:700;
    letter-spacing:.19em;
    text-transform:uppercase;
}
.reborn-live{
    display:flex;
    align-items:center;
    gap:10px;
    margin:23px 0 20px;
    color:#8fe0c1;
    font-size:9px;
    font-weight:700;
    letter-spacing:.16em;
}
.reborn-live i{
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--success);
    box-shadow:0 0 0 5px rgba(119,214,181,.09),0 0 18px rgba(119,214,181,.75);
}
.reborn-hero h1{
    margin:0;
    display:flex;
    flex-direction:column;
    font-family:var(--world-display);
    font-weight:700;
    letter-spacing:-.055em;
    text-shadow:0 13px 60px rgba(0,0,0,.45);
}
.reborn-hero h1 span{color:#e6f6fd;font-size:clamp(62px,6vw,92px);line-height:.88}
.reborn-hero h1 em{margin-top:14px;color:#8dd3f3;font-size:clamp(32px,3vw,48px);font-style:normal;font-weight:500;line-height:1.02;letter-spacing:-.045em}
.reborn-hero-lead{max-width:550px;margin:27px 0 0;color:#c5d6de;font-size:14px;line-height:1.75}
.reborn-actions{margin-top:30px;display:flex;align-items:center;gap:27px}
.reborn-actions .button{min-width:174px;border-radius:12px}
.reborn-text-link{
    min-height:46px;
    display:inline-flex;
    align-items:center;
    gap:26px;
    border-bottom:1px solid rgba(123,201,238,.32);
    color:#d0e9f5;
    font-size:9px;
    font-weight:700;
    letter-spacing:.16em;
    text-transform:uppercase;
    transition:.22s ease;
}
.reborn-text-link:hover{color:var(--world-blue-soft);border-color:var(--world-blue)}
.reborn-promise-strip{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:3;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border-top:1px solid rgba(179,221,243,.18);
    background:rgba(3,10,17,.78);
    backdrop-filter:blur(22px) saturate(125%);
    -webkit-backdrop-filter:blur(22px) saturate(125%);
}
.reborn-promise-strip>div{
    min-height:95px;
    padding:18px 25px;
    display:grid;
    grid-template-columns:30px 1fr;
    align-items:center;
    gap:13px;
    border-right:1px solid rgba(179,221,243,.14);
}
.reborn-promise-strip>div:last-child{border-right:0}
.reborn-promise-strip>div>span{color:var(--world-blue);font-family:var(--world-display);font-size:14px;font-weight:700}
.reborn-promise-strip p{margin:0;display:flex;flex-direction:column}
.reborn-promise-strip strong{font-size:12px;letter-spacing:.01em}
.reborn-promise-strip small{margin-top:3px;color:#8fa8b5;font-size:9px}

.reborn-section{
    position:relative;
    padding-top:115px;
    padding-bottom:120px;
    border-top:1px solid rgba(164,215,242,.1);
}
.reborn-section>*{width:min(1180px,100%);margin-inline:auto}
.reborn-section-heading{
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(300px,.55fr);
    align-items:end;
    gap:8vw;
    margin-bottom:52px;
}
.reborn-section-heading small{color:#83c9e9;font-size:9px;font-weight:700;letter-spacing:.19em}
.reborn-section-heading h2{
    margin:16px 0 0;
    font-family:var(--world-display);
    font-size:clamp(51px,5vw,78px);
    font-weight:700;
    line-height:.95;
    letter-spacing:-.05em;
}
.reborn-section-heading>p{max-width:470px;margin:0;color:#b9ced9;font-size:14px;line-height:1.75}

.reborn-world-section{background:linear-gradient(180deg,rgba(3,10,18,.96),rgba(5,16,27,.95))}
.reborn-world-card{
    position:relative;
    min-height:650px;
    overflow:hidden;
    border:1px solid rgba(168,216,240,.22);
    border-radius:29px;
    background:#07111b url('/public/assets/images/world-castle.png') center 58%/cover no-repeat;
    box-shadow:0 36px 100px rgba(0,0,0,.38);
    isolation:isolate;
}
.reborn-world-card::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:
        linear-gradient(90deg,rgba(3,10,18,.97),rgba(4,14,24,.86) 48%,rgba(4,13,22,.38)),
        linear-gradient(0deg,rgba(3,9,16,.94),transparent 49%);
}
.reborn-world-copy{width:61%;padding:66px 62px 158px}
.reborn-card-badges{display:flex;align-items:center;gap:9px}
.reborn-card-badges span{
    padding:6px 9px;
    border:1px solid rgba(173,220,244,.22);
    border-radius:7px;
    color:#b6cfdb;
    font-size:7px;
    font-weight:700;
    letter-spacing:.14em;
}
.reborn-card-badges .is-live{display:flex;align-items:center;gap:8px;color:#95e0c3;border-color:rgba(119,214,181,.35)}
.reborn-card-badges .is-live i{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 12px var(--success)}
.reborn-world-label{margin:46px 0 7px;color:#84b9d2;font-size:8px;font-weight:700;letter-spacing:.19em}
.reborn-world-copy h3{
    margin:0;
    font-family:var(--world-display);
    font-size:clamp(63px,7vw,104px);
    font-weight:700;
    line-height:.9;
    letter-spacing:-.06em;
}
.reborn-world-copy h3 em{color:var(--world-blue-soft);font-style:normal}
.reborn-world-copy>p:not(.reborn-world-label){max-width:600px;margin:24px 0 0;color:#c5d5dd;font-size:14px;line-height:1.75}
.reborn-world-tags{margin-top:27px;display:flex;flex-wrap:wrap;gap:8px}
.reborn-world-tags span{padding:6px 9px;border:1px solid rgba(164,215,242,.18);background:rgba(4,13,22,.42);color:#aac7d6;font-size:7px;letter-spacing:.14em}
.reborn-outline-button{
    min-height:52px;
    padding:0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:23px;
    border:1px solid rgba(171,220,243,.35);
    border-radius:12px;
    color:#d2e9f5;
    font-size:9px;
    font-weight:700;
    letter-spacing:.15em;
    text-transform:uppercase;
    transition:.22s ease;
}
.reborn-outline-button:hover{border-color:var(--world-blue);background:rgba(104,197,243,.08);transform:translateY(-2px)}
.reborn-world-signal{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    display:grid;
    grid-template-columns:230px 230px 1fr;
    border-top:1px solid rgba(176,220,242,.18);
    background:rgba(3,10,17,.8);
    backdrop-filter:blur(21px) saturate(125%);
    -webkit-backdrop-filter:blur(21px) saturate(125%);
}
.reborn-world-signal>div{
    min-height:103px;
    padding:17px 22px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border-right:1px solid rgba(176,220,242,.15);
}
.reborn-world-signal small{color:#7f9ba9;font-size:7px;letter-spacing:.16em}
.reborn-world-signal strong{margin-top:5px;display:flex;align-items:center;gap:8px;color:#d6e9f2;font-size:12px}
.reborn-world-signal strong i{width:7px;height:7px;border-radius:50%;background:#78909c}
.reborn-world-signal strong.is-online{color:#99e2c6}
.reborn-world-signal strong.is-online i{background:var(--success);box-shadow:0 0 13px var(--success)}
.reborn-world-signal>div>span{margin-top:3px;color:#78909d;font-size:7px;letter-spacing:.11em}
.reborn-world-signal>a{padding:0 28px;display:flex;align-items:center;justify-content:space-between;color:#b9dff1;font-size:9px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.reborn-world-signal>a b{font-size:18px;font-weight:400}
.reborn-status-note{margin-top:14px;color:#718b99;font-size:8px;letter-spacing:.08em;text-align:right}

.reborn-features-section{background:linear-gradient(145deg,rgba(3,10,18,.97),rgba(7,22,36,.94))}
.reborn-feature-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.reborn-feature-grid article{
    min-height:365px;
    padding:32px;
    display:flex;
    flex-direction:column;
    border:1px solid rgba(164,215,242,.15);
    margin-left:-1px;
    background:linear-gradient(145deg,rgba(11,31,47,.68),rgba(3,12,22,.58));
    transition:.27s ease;
}
.reborn-feature-grid article:first-child{margin-left:0;border-radius:20px 0 0 20px}
.reborn-feature-grid article:last-child{border-radius:0 20px 20px 0}
.reborn-feature-grid article:hover{z-index:1;border-color:rgba(104,197,243,.48);background:linear-gradient(145deg,rgba(18,50,72,.78),rgba(3,12,22,.67));transform:translateY(-7px)}
.reborn-feature-grid header{display:flex;align-items:center;justify-content:space-between}
.reborn-feature-grid header span{color:#7893a2;font-size:8px;letter-spacing:.15em}
.reborn-feature-grid header i{color:var(--world-blue);font-family:var(--world-display);font-size:29px;font-weight:700;font-style:normal}
.reborn-feature-grid h3{margin:75px 0 16px;font-family:var(--world-display);font-size:27px;font-weight:700;line-height:1.14;letter-spacing:-.025em}
.reborn-feature-grid p{margin:0;color:#b5cad5;font-size:13px;line-height:1.75}
.reborn-feature-grid>article>strong{margin-top:auto;color:#8cccea;font-size:7px;letter-spacing:.16em}

.reborn-phases-section{background:linear-gradient(180deg,rgba(4,13,22,.97),rgba(3,9,16,.98))}
.reborn-phase-grid{
    display:grid;
    grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);
    grid-template-rows:repeat(2,minmax(250px,1fr));
    gap:14px;
}
.reborn-phase-card{
    position:relative;
    min-height:280px;
    padding:30px;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border:1px solid rgba(164,215,242,.16);
    border-radius:22px;
    background:linear-gradient(145deg,rgba(11,31,47,.74),rgba(3,12,22,.68));
    transition:.27s ease;
    isolation:isolate;
}
.reborn-phase-card:first-child{grid-row:1/3;min-height:575px;padding:40px;background:#07111b url('/public/assets/images/world-castle.png') center 58%/cover no-repeat}
.reborn-phase-card:first-child::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,10,18,.97),rgba(4,14,24,.72) 68%,rgba(4,13,22,.38)),linear-gradient(0deg,rgba(3,9,16,.96),transparent 60%)}
.reborn-phase-card:hover{border-color:rgba(104,197,243,.45);transform:translateY(-4px)}
.reborn-phase-top{display:flex;align-items:center;justify-content:space-between}
.reborn-phase-top>span{color:#8ebbd0;font-size:8px;letter-spacing:.18em}
.reborn-phase-top small{padding:5px 7px;border:1px solid rgba(164,215,242,.18);border-radius:6px;color:#849ca8;font-size:7px;letter-spacing:.13em}
.reborn-phase-card.status-active .reborn-phase-top small{color:#97e1c4;border-color:rgba(119,214,181,.34)}
.reborn-phase-copy{margin:auto 0 26px}
.reborn-phase-copy>p{margin:0 0 8px;color:#80bdd9;font-size:8px;letter-spacing:.16em}
.reborn-phase-copy h3{margin:0;font-family:var(--world-display);font-size:36px;font-weight:700;line-height:1.05;letter-spacing:-.035em}
.reborn-phase-card:first-child .reborn-phase-copy h3{font-size:clamp(51px,5vw,76px)}
.reborn-phase-copy>span{max-width:600px;margin-top:17px;display:block;color:#b5cad5;font-size:12px;line-height:1.7}
.reborn-phase-card footer{padding-top:15px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(164,215,242,.15)}
.reborn-phase-card footer strong{color:#9bd5f0;font-size:7px;letter-spacing:.14em}
.reborn-phase-card footer b{font-size:17px;font-weight:400}
.reborn-section-link{
    width:max-content;
    margin-top:30px;
    margin-right:max(calc((100% - 1180px)/2),0px);
    display:flex;
    align-items:center;
    gap:28px;
    border-bottom:1px solid rgba(104,197,243,.35);
    padding-bottom:7px;
    color:#cae5f2;
    font-size:9px;
    font-weight:700;
    letter-spacing:.15em;
    text-transform:uppercase;
}

.reborn-testing-section{background:linear-gradient(145deg,rgba(4,14,24,.98),rgba(7,24,38,.94))}
.reborn-testing-grid{border-top:1px solid rgba(164,215,242,.16)}
.reborn-testing-grid article{
    min-height:125px;
    padding:24px 25px;
    display:grid;
    grid-template-columns:48px minmax(0,1fr) 14px;
    align-items:center;
    gap:26px;
    border-bottom:1px solid rgba(164,215,242,.16);
    background:linear-gradient(90deg,rgba(12,34,51,.42),transparent);
    transition:.25s ease;
}
.reborn-testing-grid article:hover{padding-left:34px;background:linear-gradient(90deg,rgba(28,75,103,.42),transparent)}
.reborn-testing-grid article>span{color:var(--world-blue);font-family:var(--world-display);font-size:17px;font-weight:700}
.reborn-testing-grid h3{margin:0;font-family:var(--world-display);font-size:24px;font-weight:700}
.reborn-testing-grid p{max-width:710px;margin:7px 0 0;color:#aebfca;font-size:12px;line-height:1.65}
.reborn-testing-grid article>i{width:8px;height:8px;border:1px solid var(--world-blue);transform:rotate(45deg)}

.reborn-faq-section{background:linear-gradient(180deg,rgba(3,10,18,.98),rgba(5,17,29,.97))}
.reborn-faq-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.7fr);gap:36px}
.reborn-faq-list{border-top:1px solid rgba(164,215,242,.16)}
.reborn-faq-list details{border-bottom:1px solid rgba(164,215,242,.16);background:rgba(9,27,42,.34)}
.reborn-faq-list details[open]{background:rgba(18,50,72,.42)}
.reborn-faq-list summary{
    min-height:78px;
    padding:19px 23px;
    display:grid;
    grid-template-columns:40px 1fr 20px;
    align-items:center;
    gap:14px;
    list-style:none;
    cursor:pointer;
}
.reborn-faq-list summary::-webkit-details-marker{display:none}
.reborn-faq-list summary>span{color:var(--world-blue);font-family:var(--world-display);font-size:14px;font-weight:700}
.reborn-faq-list summary strong{font-family:var(--world-display);font-size:18px;font-weight:700}
.reborn-faq-list summary::after{content:"+";color:var(--world-blue-soft);font-size:22px}
.reborn-faq-list details[open] summary::after{content:"−"}
.reborn-faq-list details>p{margin:0;padding:0 60px 24px 77px;color:#b9ccd7;font-size:13px;line-height:1.75}
.reborn-report-card{
    padding:31px;
    display:flex;
    flex-direction:column;
    border:1px solid rgba(104,197,243,.48);
    border-radius:22px;
    background:linear-gradient(145deg,rgba(14,42,63,.84),rgba(3,12,22,.77));
    box-shadow:0 28px 80px rgba(0,0,0,.3);
}
.reborn-report-card>small{color:var(--world-blue);font-size:8px;font-weight:700;letter-spacing:.18em}
.reborn-report-card h3{margin:20px 0 14px;font-family:var(--world-display);font-size:34px;font-weight:700;line-height:1.08;letter-spacing:-.035em}
.reborn-report-card>p{margin:0;color:#b7ccd7;font-size:12px;line-height:1.7}
.reborn-report-card ul{margin:24px 0 28px;padding:0;list-style:none;border-top:1px solid rgba(164,215,242,.15)}
.reborn-report-card li{padding:10px 0 10px 18px;position:relative;border-bottom:1px solid rgba(164,215,242,.15);color:#c9dce5;font-size:10px}
.reborn-report-card li::before{content:"";position:absolute;left:1px;top:15px;width:5px;height:5px;border:1px solid var(--world-blue);transform:rotate(45deg)}
.reborn-report-card .button{width:100%;margin-top:auto;border-radius:12px}

.reborn-play-section{padding-top:90px;padding-bottom:110px;background:rgba(3,9,16,.98)}
.reborn-play-card{
    position:relative;
    min-height:460px;
    padding:70px;
    display:flex;
    align-items:center;
    overflow:hidden;
    border:1px solid rgba(164,215,242,.2);
    border-radius:28px;
    background:#07111b url('/public/assets/images/world-castle.png') center 59%/cover no-repeat;
    box-shadow:0 35px 100px rgba(0,0,0,.35);
    isolation:isolate;
}
.reborn-play-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,10,18,.97),rgba(4,14,24,.8) 60%,rgba(4,13,22,.42))}
.reborn-play-card>div{position:relative;z-index:2;max-width:720px}
.reborn-play-card small{color:#88cbe9;font-size:8px;font-weight:700;letter-spacing:.19em}
.reborn-play-card h2{margin:17px 0 20px;font-family:var(--world-display);font-size:clamp(53px,5.5vw,82px);font-weight:700;line-height:.93;letter-spacing:-.055em}
.reborn-play-card p{max-width:620px;margin:0;color:#bfd2dc;font-size:14px;line-height:1.75}
.reborn-play-mark{position:absolute;right:6%;top:50%;transform:translateY(-50%);color:rgba(151,211,239,.11);font-family:Lineage;font-size:260px}

/* Play page — the same stacked glass journey as the beta homepage. */
.play-world{position:relative;isolation:isolate}
.play-world-hero{
    position:relative;
    min-height:100svh;
    padding:128px clamp(25px,5vw,92px) 28px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    overflow:hidden;
    isolation:isolate;
}
.play-world-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    background:
        linear-gradient(90deg,rgba(2,8,15,.93) 0%,rgba(3,10,18,.72) 46%,rgba(3,10,18,.31) 78%,rgba(2,8,15,.62) 100%),
        linear-gradient(0deg,rgba(2,8,15,.95),transparent 48%);
}
.play-world-hero::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:
        linear-gradient(90deg,transparent calc(50% - .5px),rgba(189,228,248,.055) 50%,transparent calc(50% + .5px)),
        linear-gradient(180deg,transparent calc(58% - .5px),rgba(189,228,248,.045) 58%,transparent calc(58% + .5px));
}
.play-world-hero .panel-index{z-index:-1}
.play-world-hero-grid{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(340px,430px);
    align-items:end;
    gap:clamp(48px,8vw,145px);
}
.play-world-copy{max-width:900px}
.play-world-copy .concept-live{margin-top:29px}
.page-play .play-world-copy h1{
    max-width:900px;
    margin:0;
    font-family:var(--world-display);
    font-size:clamp(70px,8vw,126px);
    font-weight:700;
    line-height:.86;
    letter-spacing:-.06em;
    text-shadow:0 15px 70px rgba(0,0,0,.4);
}
.play-world-copy h1 em{color:var(--world-blue-soft);font-style:normal}
.play-world-copy>p:not(.concept-live){
    max-width:690px;
    margin:30px 0 0;
    color:#d0e0e8;
    font-size:16px;
    line-height:1.75;
    text-shadow:0 2px 18px rgba(0,0,0,.55);
}
.play-world-status{
    min-height:400px;
    padding:27px;
    display:flex;
    flex-direction:column;
    border:1px solid var(--concept-stroke-hot);
    border-radius:22px;
    background:var(--concept-glass-heavy);
    box-shadow:var(--concept-shadow);
    backdrop-filter:blur(24px) saturate(135%);
    -webkit-backdrop-filter:blur(24px) saturate(135%);
}
.play-world-status>header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom:21px;
    border-bottom:1px solid var(--concept-stroke);
}
.play-world-status>header>span{color:#8fbbd1;font-size:7px;letter-spacing:.2em}
.play-world-status>header strong{display:flex;align-items:center;gap:8px;color:#8de2c2;font-size:7px;letter-spacing:.16em}
.play-world-status>header i{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 12px var(--success)}
.page-play .play-world-status h2{
    margin:27px 0 14px;
    font-family:var(--world-display);
    font-size:32px;
    font-weight:700;
    line-height:1.08;
    letter-spacing:-.035em;
}
.play-world-status>p{margin:0 0 25px;color:#aec4d0;font-size:12px;line-height:1.65}
.play-world-status dl{
    display:grid;
    grid-template-columns:1fr 1fr;
    margin:auto -27px -27px;
    border-top:1px solid var(--concept-stroke);
}
.play-world-status dl>div{padding:15px 20px;border-right:1px solid var(--concept-stroke);border-bottom:1px solid var(--concept-stroke)}
.play-world-status dl>div:nth-child(even){border-right:0}
.play-world-status dl>div:nth-last-child(-n+2){border-bottom:0}
.play-world-status dt{color:#819caa;font-size:7px;letter-spacing:.16em;text-transform:uppercase}
.play-world-status dd{margin:4px 0 0;color:#d9edf7;font-size:11px}
.play-world-meta{margin-top:30px}

.play-world-install{z-index:2;background:linear-gradient(135deg,rgba(4,15,27,.98),rgba(8,27,42,.94))}
.page-play .play-world-install .download-grid{
    width:100%;
    padding:0;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    border-block:1px solid var(--world-line);
}
.page-play .play-world-install .download-card{
    min-height:380px;
    padding:29px 31px;
    display:flex;
    flex-direction:column;
    color:var(--ice);
    border:0;
    border-right:1px solid var(--world-line);
    background:var(--world-glass);
    box-shadow:var(--world-glass-shadow);
    backdrop-filter:blur(17px) saturate(125%);
    -webkit-backdrop-filter:blur(17px) saturate(125%);
    transform:none;
    opacity:1;
    transition:transform .28s ease,border-color .28s ease,background .28s ease;
}
.page-play .play-world-install .download-card:first-child{border-left:1px solid var(--world-line)}
.page-play .play-world-install .download-card:hover{
    z-index:2;
    transform:translateY(-7px);
    border-color:var(--world-line-hot);
    background:var(--world-glass-strong);
}
.page-play .play-world-install .download-card.is-primary{
    border-color:rgba(104,197,243,.42);
    background:linear-gradient(145deg,rgba(35,105,145,.25),rgba(3,12,22,.7));
}
.page-play .play-world-install .download-card.is-unavailable{cursor:pointer}
.page-play .play-world-install .download-card:focus-visible{outline:2px solid var(--world-blue);outline-offset:4px}
.page-play .play-world-install .download-card-top{margin-bottom:38px}
.page-play .play-world-install .download-card-top span{
    position:static;
    color:var(--world-blue);
    font-family:var(--world-display);
    font-size:24px;
    font-weight:700;
}
.page-play .play-world-install .download-card-top i{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border:1px solid var(--world-line-hot);
    color:var(--world-blue-soft);
    font-size:15px;
    font-style:normal;
    transition:.25s ease;
}
.page-play .play-world-install .download-card:hover .download-card-top i{
    color:#06101b;
    background:var(--world-blue);
    transform:rotate(45deg);
}
.page-play .play-world-install .download-card>small{color:#9bcde5;font-size:8px;letter-spacing:.18em}
.page-play .play-world-install .download-card h2{
    margin:13px 0 14px;
    font-family:var(--world-display);
    font-size:27px;
    font-weight:700;
    line-height:1.12;
    letter-spacing:-.025em;
}
.page-play .play-world-install .download-card p{min-height:72px;margin:0 0 17px;color:#b9cdd8;font-size:13px;line-height:1.7}
.page-play .play-world-install .download-card ul{
    margin:0 0 20px;
    padding:12px 0;
    list-style:none;
    border-top:1px solid var(--world-line);
}
.page-play .play-world-install .download-card li{position:relative;padding:4px 0 4px 17px;color:#9fb8c6;font-size:10px}
.page-play .play-world-install .download-card li::before{
    content:"";
    position:absolute;
    left:1px;
    top:11px;
    width:5px;
    height:5px;
    border:1px solid var(--world-blue);
    transform:rotate(45deg);
}
.page-play .play-world-install .play-card-action{
    margin-top:auto;
    padding-top:15px;
    border-top:1px solid var(--world-line);
    color:var(--world-blue-soft);
    font-size:8px;
}

.play-world-checks{z-index:3;background:linear-gradient(145deg,rgba(5,18,31,.98),rgba(3,10,19,.94))}
.play-checks-layout{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);
    align-items:stretch;
    gap:clamp(24px,3vw,48px);
}
.play-checklist-world{
    display:grid;
    grid-template-columns:1fr 1fr;
    border-top:1px solid var(--world-line);
    border-left:1px solid var(--world-line);
}
.play-checklist-world article{
    min-height:180px;
    padding:26px;
    display:grid;
    grid-template-columns:38px 1fr;
    gap:17px;
    border-right:1px solid var(--world-line);
    border-bottom:1px solid var(--world-line);
    background:var(--world-glass);
    box-shadow:var(--world-glass-shadow);
    backdrop-filter:blur(16px) saturate(120%);
    -webkit-backdrop-filter:blur(16px) saturate(120%);
    transition:.25s ease;
}
.play-checklist-world article:hover{background:var(--world-glass-strong);border-color:var(--world-line-hot)}
.play-checklist-world article>span{color:var(--world-blue);font-family:var(--world-display);font-size:16px;font-weight:700}
.play-checklist-world h3{margin:0 0 9px;font-family:var(--world-display);font-size:20px;font-weight:700;line-height:1.2}
.play-checklist-world p{margin:0;color:#b5cad5;font-size:12px;line-height:1.65}
.play-account-card{
    padding:30px;
    display:flex;
    flex-direction:column;
    border:1px solid var(--world-line-hot);
    border-radius:20px;
    background:var(--world-glass-strong);
    box-shadow:var(--world-glass-shadow);
    backdrop-filter:blur(21px) saturate(135%);
    -webkit-backdrop-filter:blur(21px) saturate(135%);
}
.play-account-card>small{color:var(--world-blue);font-size:8px;font-weight:700;letter-spacing:.2em}
.play-account-card h3{margin:21px 0 15px;font-family:var(--world-display);font-size:31px;font-weight:700;line-height:1.08;letter-spacing:-.035em}
.play-account-card>p{margin:0;color:#bed1db;font-size:13px;line-height:1.7}
.play-account-card>div{
    margin:24px 0;
    padding:16px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-block:1px solid var(--world-line);
}
.play-account-card>div>span{color:#91adbd;font-size:8px;letter-spacing:.14em}
.play-account-card>div strong{display:flex;align-items:center;gap:8px;color:#8de2c2;font-size:8px;letter-spacing:.12em}
.play-account-card>div i{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 13px var(--success)}
.play-account-card .button{width:100%;margin-top:auto;border-radius:11px}

.play-world-support{
    z-index:4;
    align-items:flex-start;
    background:linear-gradient(115deg,rgba(49,144,196,.94),rgba(65,166,218,.88));
    color:#04101b;
}
.play-world-support::after{background:linear-gradient(90deg,transparent 49.95%,rgba(4,16,27,.08) 50%,transparent 50.05%)}
.play-world-support .panel-index{-webkit-text-stroke-color:rgba(4,16,27,.09)}
.play-world-support .eyebrow{color:#0d3c57}
.play-world-support .endless-join-copy h2{font-family:var(--world-display)}
.play-world-support .endless-join-copy h2 em{color:#05273b}
.play-world-support .endless-join-copy>p{color:#123d56}
.play-world-support .text-link{color:#05273b;border-color:rgba(4,16,27,.34)}
.play-world-support .button-light{background:#061522;border-color:#061522;color:var(--ice)}

@keyframes concept-world-drift{
    0%{transform:scale(1.03) translate3d(-.8%,0,0)}
    100%{transform:scale(1.1) translate3d(1.1%,-1.2%,0)}
}

@media (max-width:1080px){
    .header-signal span{display:none}
    .site-nav{gap:13px}
    .site-nav a{font-size:9px}
    .concept-hero-grid{grid-template-columns:minmax(0,1fr) 350px;gap:45px}
    .concept-hero h1 span{font-size:clamp(68px,9vw,106px)}
    .concept-hero h1 small{font-size:clamp(34px,4.8vw,58px)}
    .play-world-hero-grid{grid-template-columns:minmax(0,1fr) 350px;gap:45px}
    .page-play .play-world-copy h1{font-size:clamp(66px,9vw,102px)}
    .page-play .play-world-install .download-card{padding:25px}
    .play-checks-layout{grid-template-columns:minmax(0,1fr) 330px}
    .reborn-hero-copy{width:58%;padding-right:45px}
    .reborn-world-copy{width:68%}
    .reborn-phase-grid{grid-template-columns:minmax(0,1.3fr) 320px}
}
@media (max-width:800px){
    .site-header{
        top:10px;
        width:calc(100% - 20px);
        height:60px;
        grid-template-columns:44px 1fr auto;
        padding:0 8px;
        border-radius:15px;
    }
    .site-header.is-scrolled{top:7px;width:calc(100% - 14px);height:58px}
    .header-signal{
        display:flex;
        grid-column:2;
        grid-row:1;
        justify-self:center;
    }
    .header-signal span{display:inline}
    .nav-toggle{grid-column:1;display:flex}
    .site-nav{
        position:absolute;
        inset:68px 0 auto;
        grid-column:auto;
        width:100%;
        padding:22px;
        gap:4px;
        border:1px solid var(--concept-stroke);
        border-radius:16px;
        background:rgba(3,12,22,.96);
        transform:translateY(-12px);
    }
    .site-nav.is-open{transform:translateY(0)}
    .site-nav a{font-size:10px}
    .header-actions{grid-column:3}
    .site-header .button{min-height:40px}
    .concept-hero{
        min-height:auto;
        padding:118px 20px 24px;
        justify-content:flex-start;
    }
    .concept-hero-grid{grid-template-columns:1fr;gap:42px}
    .concept-kicker{margin-bottom:28px;font-size:9px}
    .concept-live{font-size:9px}
    .concept-hero h1 span{font-size:clamp(56px,14vw,82px);line-height:.9}
    .concept-hero h1 small{margin-top:12px;font-size:clamp(31px,8vw,48px);line-height:1.02}
    .concept-lead{font-size:15px}
    .concept-actions{align-items:flex-start;flex-direction:column;gap:13px}
    .concept-entry-card{min-height:425px}
    .concept-meta{grid-template-columns:1fr 1fr;margin-top:24px}
    .concept-meta>div{min-height:61px}
    .concept-meta>div:nth-child(2){border-right:0}
    .concept-meta>div:nth-child(3){grid-column:1/-1;border-top:1px solid var(--concept-stroke);border-right:0}
    .concept-meta>a{grid-column:1/-1;min-height:58px;border-top:1px solid var(--concept-stroke)}
    .play-world-hero{
        min-height:auto;
        padding:118px 20px 24px;
        justify-content:flex-start;
    }
    .play-world-hero-grid{grid-template-columns:1fr;gap:42px}
    .page-play .play-world-copy h1{font-size:clamp(56px,14vw,82px);line-height:.9}
    .play-world-copy>p:not(.concept-live){font-size:15px}
    .play-world-status{min-height:390px;max-width:500px}
    .page-play .play-world-install .download-grid{grid-template-columns:1fr}
    .page-play .play-world-install .download-card{
        min-height:360px;
        border-left:1px solid var(--world-line);
        border-bottom:1px solid var(--world-line);
    }
    .page-play .play-world-install .download-card:last-child{border-bottom:0}
    .play-checks-layout{grid-template-columns:1fr}
    .play-checklist-world{grid-template-columns:1fr}
    .play-account-card{min-height:430px}
    .play-world-support .join-orbit{right:-25vw;width:90vw;opacity:.42}
    .play-world-support .hero-actions{align-items:flex-start;flex-direction:column}
    .reborn-hero{min-height:auto;padding:96px 20px 65px}
    .reborn-hero-card{min-height:900px;background-position:35% 5%}
    .reborn-hero-card::before{background:linear-gradient(180deg,rgba(4,8,13,.08),rgba(3,9,16,.76) 43%,rgba(3,9,16,.98) 67%)}
    .reborn-hero-copy{width:100%;margin:0;padding:435px 25px 225px}
    .reborn-hero h1 span{font-size:clamp(54px,15vw,76px)}
    .reborn-hero h1 em{font-size:clamp(30px,8vw,43px)}
    .reborn-hero-lead{font-size:13px}
    .reborn-actions{align-items:flex-start;flex-direction:column;gap:10px}
    .reborn-promise-strip{grid-template-columns:1fr}
    .reborn-promise-strip>div{min-height:64px;padding:11px 20px;border-right:0;border-bottom:1px solid rgba(179,221,243,.14)}
    .reborn-promise-strip>div:last-child{border-bottom:0}
    .reborn-section{padding:85px 20px}
    .reborn-section-heading{grid-template-columns:1fr;gap:21px;margin-bottom:38px}
    .reborn-section-heading h2{font-size:clamp(48px,13vw,68px)}
    .reborn-world-card{min-height:790px;background-position:43% 58%}
    .reborn-world-card::before{background:linear-gradient(180deg,rgba(3,10,18,.72),rgba(3,10,18,.94) 49%,rgba(3,9,16,.99))}
    .reborn-world-copy{width:100%;padding:42px 25px 245px}
    .reborn-world-copy h3{font-size:67px}
    .reborn-world-signal{grid-template-columns:1fr 1fr}
    .reborn-world-signal>div{min-height:90px}
    .reborn-world-signal>a{grid-column:1/-1;min-height:66px;border-top:1px solid rgba(176,220,242,.15)}
    .reborn-status-note{text-align:left}
    .reborn-feature-grid{grid-template-columns:1fr}
    .reborn-feature-grid article{min-height:290px;margin:-1px 0 0;border-radius:0}
    .reborn-feature-grid article:first-child{margin-top:0;border-radius:18px 18px 0 0}
    .reborn-feature-grid article:last-child{border-radius:0 0 18px 18px}
    .reborn-feature-grid h3{margin-top:45px}
    .reborn-phase-grid{grid-template-columns:1fr;grid-template-rows:auto}
    .reborn-phase-card,.reborn-phase-card:first-child{grid-row:auto;min-height:330px;padding:27px}
    .reborn-phase-card:first-child{min-height:470px}
    .reborn-phase-copy h3,.reborn-phase-card:first-child .reborn-phase-copy h3{font-size:42px}
    .reborn-section-link{margin-right:0}
    .reborn-testing-grid article{grid-template-columns:38px 1fr 10px;gap:15px;padding:22px 15px}
    .reborn-testing-grid article:hover{padding-left:19px}
    .reborn-testing-grid h3{font-size:21px}
    .reborn-faq-layout{grid-template-columns:1fr}
    .reborn-report-card{min-height:480px}
    .reborn-play-section{padding-top:65px;padding-bottom:75px}
    .reborn-play-card{min-height:610px;padding:40px 25px;background-position:42% 59%;align-items:flex-end}
    .reborn-play-card::before{background:linear-gradient(180deg,rgba(3,10,18,.35),rgba(3,10,18,.97) 56%)}
    .reborn-play-card h2{font-size:55px}
    .reborn-play-mark{right:-10%;font-size:190px}
}
@media (max-width:430px){
    .site-header .button{padding-inline:14px;font-size:7px}
    .concept-hero h1 span{font-size:52px}
    .concept-hero h1 small{font-size:31px}
    .concept-entry-card{padding:23px}
    .concept-entry-card h2{font-size:27px}
    .page-play .play-world-copy h1{font-size:52px}
    .play-world-status{padding:23px}
    .play-world-status dl{margin:auto -23px -23px}
    .page-play .play-world-install .download-card{padding:24px}
    .play-checklist-world article{grid-template-columns:31px 1fr;padding:23px}
    .play-account-card{padding:24px}
    .reborn-hero{padding-inline:14px}
    .reborn-hero-card{min-height:920px;border-radius:22px}
    .reborn-hero-copy{padding:415px 20px 225px}
    .reborn-hero h1 span{font-size:50px}
    .reborn-hero h1 em{font-size:29px}
    .reborn-section{padding-inline:16px}
    .reborn-section-heading h2{font-size:46px}
    .reborn-world-card{border-radius:21px}
    .reborn-world-copy h3{font-size:57px}
    .reborn-world-signal>div{padding-inline:15px}
    .reborn-feature-grid article{padding:25px}
    .reborn-faq-list summary{padding-inline:16px;grid-template-columns:31px 1fr 18px}
    .reborn-faq-list summary strong{font-size:16px}
    .reborn-faq-list details>p{padding:0 35px 22px 61px}
    .reborn-report-card{padding:24px}
    .reborn-play-card{border-radius:21px}
    .reborn-play-card h2{font-size:47px}
}
@media (min-width:801px) and (max-height:850px){
    .endless-panel{
        position:relative;
        top:auto;
        min-height:900px;
        overflow:visible;
        padding-top:118px;
        padding-bottom:72px;
    }
}
@media (prefers-reduced-motion:reduce){
    .world-backdrop{animation:none}
}

/* Redesign study 03: cinematic Shadowlands-inspired beta world. */

:root{
    --shadow-bg:#07090c;
    --shadow-bg-soft:#0a1017;
    --shadow-ink:#eef4f7;
    --shadow-muted:#95a5af;
    --shadow-silver:#b9d5e3;
    --shadow-blue:#6ab9e5;
    --shadow-gold:#b89a63;
    --shadow-line:rgba(194,218,230,.16);
}
.page-home .world-backdrop{
    inset:0;
    background:#07090c;
    filter:none;
    animation:none;
}
.page-home .site-shell{
    overflow:hidden;
    background:
        radial-gradient(circle at 50% 0,rgba(58,104,130,.1),transparent 24%),
        var(--shadow-bg);
}
.page-home .site-header{
    top:0;
    width:100%;
    height:72px;
    padding:0 clamp(22px,4.5vw,76px);
    border:0;
    border-bottom:1px solid rgba(207,224,232,.11);
    border-radius:0;
    background:linear-gradient(180deg,rgba(3,5,8,.96),rgba(3,6,10,.73));
    box-shadow:none;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}
.page-home .site-header.is-scrolled{
    top:0;
    width:100%;
    height:64px;
    border-color:rgba(207,224,232,.14);
    background:rgba(4,7,11,.94);
}
.page-home .site-header .button{
    min-height:38px;
    padding-inline:22px;
    border-radius:0;
    background:var(--shadow-gold);
    color:#090b0d;
}
.page-home .header-signal{color:#d4e0e6}
.page-home .site-nav{gap:clamp(18px,2vw,34px)}
.page-home .site-nav a{
    color:#a7b2b8;
    font-size:9px;
    letter-spacing:.18em;
}
.page-home .site-nav a:hover,
.page-home .site-nav a.is-active{color:#f0f5f7}
.page-home .site-nav a.is-active::after{background:var(--shadow-gold)}
.page-home main{position:relative}

.shadow-home{
    position:relative;
    isolation:isolate;
    color:var(--shadow-ink);
    background:
        linear-gradient(90deg,transparent calc(50% - .5px),rgba(203,224,234,.025) 50%,transparent calc(50% + .5px)),
        var(--shadow-bg);
}
.shadow-home::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    opacity:.24;
    background-image:
        radial-gradient(circle,rgba(216,234,241,.35) 0 1px,transparent 1.5px),
        radial-gradient(circle,rgba(184,154,99,.32) 0 1px,transparent 1.5px);
    background-position:0 0,73px 41px;
    background-size:151px 173px,211px 237px;
    mask-image:linear-gradient(180deg,#000,transparent 82%);
}
.shadow-section{
    position:relative;
    padding:clamp(100px,10vw,160px) max(6vw,40px);
}
.shadow-ornament{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    margin:0 auto 34px;
    color:var(--shadow-gold);
    font-size:8px;
    font-weight:700;
    letter-spacing:.28em;
}
.shadow-ornament i{
    width:58px;
    height:1px;
    background:linear-gradient(90deg,transparent,var(--shadow-gold));
}
.shadow-ornament i:last-child{transform:scaleX(-1)}
.shadow-title{
    width:min(1180px,100%);
    margin:0 auto 62px;
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
    gap:70px;
    align-items:end;
}
.shadow-title>small,
.shadow-testing-copy>small,
.shadow-join-content>small{
    grid-column:1/-1;
    margin-bottom:-49px;
    color:var(--shadow-blue);
    font-size:8px;
    font-weight:700;
    letter-spacing:.26em;
}
.shadow-title h2,
.shadow-testing-copy h2,
.shadow-join-content h2{
    margin:0;
    font-family:Lineage,Georgia,serif;
    font-size:clamp(55px,6.2vw,96px);
    font-weight:400;
    line-height:.88;
    letter-spacing:-.025em;
    text-transform:uppercase;
}
.shadow-title p{
    max-width:470px;
    margin:0 0 6px;
    color:var(--shadow-muted);
    font-size:14px;
    line-height:1.85;
}
.shadow-title.is-centered{
    display:block;
    max-width:850px;
    text-align:center;
}
.shadow-title.is-centered>small{display:block;margin:0 0 23px}
.shadow-title.is-centered h2{font-size:clamp(58px,6vw,92px)}
.shadow-title.is-centered p{max-width:690px;margin:24px auto 0}

.shadow-button,
.shadow-link{
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    gap:32px;
    min-height:52px;
    padding:0 24px;
    border:1px solid transparent;
    color:#07090b;
    background:var(--shadow-gold);
    font-size:8px;
    font-weight:800;
    letter-spacing:.2em;
    text-transform:uppercase;
    transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease;
}
.shadow-button:hover{transform:translateY(-2px);background:#d2b477}
.shadow-link{
    padding-inline:0 2px;
    color:#dbe7ec;
    background:transparent;
    border-bottom-color:rgba(208,225,233,.28);
}
.shadow-link:hover{color:#fff;border-bottom-color:var(--shadow-gold)}
.shadow-actions{display:flex;align-items:center;gap:28px}

.shadow-hero{
    position:relative;
    min-height:100svh;
    padding:132px max(7vw,48px) 42px;
    display:flex;
    align-items:center;
    overflow:hidden;
    isolation:isolate;
    background:#06080b;
}
.shadow-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:
        linear-gradient(90deg,rgba(3,5,8,.94) 0%,rgba(3,6,10,.62) 42%,rgba(3,6,10,.18) 72%,rgba(3,5,8,.55) 100%),
        linear-gradient(0deg,#07090c 0%,transparent 32%,rgba(3,5,8,.32) 100%),
        radial-gradient(circle at 38% 39%,rgba(184,154,99,.11),transparent 30%);
}
.shadow-hero::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:
        linear-gradient(90deg,transparent 49.95%,rgba(217,233,240,.055) 50%,transparent 50.05%),
        linear-gradient(180deg,transparent 72%,rgba(217,233,240,.06) 72.1%,transparent 72.2%);
}
.shadow-hero-art{
    position:absolute;
    inset:72px 0 0;
    z-index:-2;
    transform:scaleX(-1) scale(1.02);
    background:url('/public/assets/images/world-bg.jpg') 43% 0/cover no-repeat;
    filter:saturate(.62) contrast(1.06) brightness(.7);
    animation:shadow-hero-drift 22s ease-in-out infinite alternate;
}
@keyframes shadow-hero-drift{
    from{transform:scaleX(-1) scale(1.02) translate3d(0,0,0)}
    to{transform:scaleX(-1) scale(1.07) translate3d(-1.2%,.5%,0)}
}
.shadow-hero-content{
    position:relative;
    width:min(650px,52vw);
    margin:0 auto 85px 3vw;
    text-align:center;
}
.shadow-eyebrow{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    margin:0 0 26px;
    color:#d3e3ea;
    font-size:8px;
    font-weight:700;
    letter-spacing:.28em;
}
.shadow-eyebrow span{
    width:40px;
    height:1px;
    background:var(--shadow-gold);
}
.shadow-hero h1{margin:0;text-transform:uppercase}
.shadow-hero h1 span,
.shadow-hero h1 em{
    display:block;
    font-family:Lineage,Georgia,serif;
    font-weight:400;
    font-style:normal;
    line-height:.88;
    text-shadow:0 8px 30px rgba(0,0,0,.55);
}
.shadow-hero h1 span{font-size:clamp(58px,7.1vw,112px)}
.shadow-hero h1 em{
    margin-top:10px;
    color:var(--shadow-silver);
    font-size:clamp(34px,4.3vw,69px);
}
.shadow-hero-copy{
    max-width:610px;
    margin:27px auto 0;
    color:#b7c3c9;
    font-size:14px;
    line-height:1.8;
}
.shadow-hero .shadow-actions{justify-content:center;margin-top:31px}
.shadow-hero-promises{
    position:absolute;
    left:50%;
    bottom:50px;
    width:min(930px,78%);
    transform:translateX(-50%);
    display:grid;
    grid-template-columns:repeat(3,1fr);
}
.shadow-hero-promises article{
    min-height:70px;
    padding:0 30px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    border-right:1px solid var(--shadow-line);
}
.shadow-hero-promises article:last-child{border-right:0}
.shadow-hero-promises i{
    color:var(--shadow-gold);
    font-family:Georgia,serif;
    font-size:21px;
    font-style:normal;
}
.shadow-hero-promises strong,
.shadow-hero-promises span{display:block}
.shadow-hero-promises strong{font-size:11px;letter-spacing:.04em}
.shadow-hero-promises span{margin-top:5px;color:#788892;font-size:9px}
.shadow-scroll{
    position:absolute;
    right:28px;
    bottom:41px;
    display:flex;
    align-items:center;
    gap:14px;
    transform:rotate(90deg) translateX(100%);
    transform-origin:right bottom;
    color:#74838c;
    font-size:7px;
    letter-spacing:.2em;
    text-transform:uppercase;
}
.shadow-scroll i{width:54px;height:1px;background:#74838c}

.shadow-status{
    min-height:900px;
    overflow:hidden;
    background:
        linear-gradient(180deg,#07090c 0%,rgba(5,8,12,.62) 24%,rgba(5,8,12,.9) 100%),
        url('/public/assets/images/world-castle.png') center 57%/cover no-repeat;
}
.shadow-status::after,
.shadow-features::after,
.shadow-phases::after,
.shadow-faq::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    width:min(1180px,88%);
    height:1px;
    transform:translateX(-50%);
    background:linear-gradient(90deg,transparent,var(--shadow-line),transparent);
}
.shadow-status-panel{
    width:min(1180px,100%);
    min-height:345px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1.35fr .65fr;
    border-top:1px solid rgba(202,224,234,.24);
    border-bottom:1px solid rgba(202,224,234,.17);
    background:rgba(5,10,15,.73);
    box-shadow:0 36px 80px rgba(0,0,0,.28);
    backdrop-filter:blur(10px);
}
.shadow-status-world{
    padding:48px 55px;
    border-right:1px solid var(--shadow-line);
}
.shadow-status-world>small,
.shadow-phase-current>small,
.shadow-phase-next small,
.shadow-feature-story small,
.shadow-report>small{
    color:var(--shadow-blue);
    font-size:8px;
    font-weight:700;
    letter-spacing:.24em;
}
.shadow-status-world h3{
    margin:15px 0 10px;
    font-family:Lineage,Georgia,serif;
    font-size:74px;
    font-weight:400;
    line-height:1;
    text-transform:uppercase;
}
.shadow-status-world h3 em{color:var(--shadow-gold);font-style:normal}
.shadow-status-world p{max-width:660px;color:#a8b6bd;font-size:13px;line-height:1.75}
.shadow-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}
.shadow-tags span{
    padding:8px 10px;
    border:1px solid rgba(193,219,231,.16);
    color:#8fa3ad;
    font-size:7px;
    font-weight:700;
    letter-spacing:.16em;
}
.shadow-service-list{display:flex;flex-direction:column}
.shadow-service-list article{
    flex:1;
    min-height:105px;
    padding:24px 30px;
    display:grid;
    grid-template-columns:10px 1fr auto;
    align-items:center;
    gap:13px;
    border-bottom:1px solid var(--shadow-line);
}
.shadow-service-list article>i,
.shadow-phase-current>span i{
    width:7px;
    height:7px;
    border-radius:50%;
}
.shadow-service-list article>i.is-online,
.shadow-phase-current>span i{
    background:#7cdbb9;
    box-shadow:0 0 13px rgba(124,219,185,.7);
}
.shadow-service-list article>i.is-offline{background:#c76e6e}
.shadow-service-list article small,
.shadow-service-list article strong{display:block}
.shadow-service-list article small{color:#6e808a;font-size:7px;letter-spacing:.18em}
.shadow-service-list article strong{margin-top:6px;font-size:12px}
.shadow-service-list article>span{color:#61727c;font-size:7px;letter-spacing:.12em}
.shadow-service-list>a{
    min-height:72px;
    padding:0 30px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#e1ebef;
    font-size:8px;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
}
.shadow-service-list>a:hover{color:var(--shadow-gold)}
.shadow-status-note{
    width:min(1180px,100%);
    margin:18px auto 0;
    color:#52616a;
    font-size:8px;
    text-align:right;
}

.shadow-features{background:#07090c}
.shadow-principles{
    width:min(1180px,100%);
    margin:0 auto 85px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-top:1px solid var(--shadow-line);
    border-bottom:1px solid var(--shadow-line);
}
.shadow-principles article{
    position:relative;
    min-height:190px;
    padding:32px 25px;
    display:flex;
    align-items:flex-start;
    gap:19px;
    border-right:1px solid var(--shadow-line);
}
.shadow-principles article:last-child{border-right:0}
.shadow-principles article>span{
    min-width:48px;
    color:rgba(184,154,99,.72);
    font-family:Lineage,Georgia,serif;
    font-size:42px;
    line-height:1;
}
.shadow-principles small{color:#5f737d;font-size:7px;letter-spacing:.18em}
.shadow-principles h3{margin:10px 0 9px;font-size:15px}
.shadow-principles p{margin:0;color:#82939c;font-size:10px;line-height:1.65}
.shadow-feature-story{
    position:relative;
    width:min(1050px,100%);
    min-height:470px;
    margin:0 auto;
    padding:70px 58px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:
        linear-gradient(90deg,rgba(4,7,10,.98) 0%,rgba(4,8,12,.89) 39%,rgba(4,8,12,.2) 70%),
        url('/public/assets/images/world-bg.jpg') 58% 18%/cover no-repeat;
    box-shadow:0 35px 90px rgba(0,0,0,.32);
}
.shadow-feature-story::after{
    content:"";
    position:absolute;
    inset:13px;
    border:1px solid rgba(200,220,229,.11);
    pointer-events:none;
}
.shadow-feature-story>div{position:relative;z-index:1;max-width:450px}
.shadow-feature-story h3{
    margin:17px 0 17px;
    font-family:Lineage,Georgia,serif;
    font-size:54px;
    font-weight:400;
    line-height:.93;
    text-transform:uppercase;
}
.shadow-feature-story p{margin:0 0 27px;color:#a0afb6;font-size:12px;line-height:1.75}

.shadow-phases{
    overflow:hidden;
    background:
        radial-gradient(circle at 70% 45%,rgba(83,139,168,.12),transparent 28%),
        #080b10;
}
.shadow-phase-story{
    width:min(1180px,100%);
    min-height:560px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1.22fr .78fr;
    background:
        linear-gradient(90deg,rgba(3,7,11,.24),rgba(3,7,11,.93) 63%),
        linear-gradient(0deg,rgba(3,7,11,.9),transparent 55%),
        url('/public/assets/images/world-castle.png') 27% 58%/cover no-repeat;
    border-top:1px solid rgba(204,224,233,.2);
    border-bottom:1px solid rgba(204,224,233,.14);
}
.shadow-phase-current{
    padding:70px 58px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
}
.shadow-phase-current h3{
    max-width:590px;
    margin:17px 0 15px;
    font-family:Lineage,Georgia,serif;
    font-size:62px;
    font-weight:400;
    line-height:.92;
    text-transform:uppercase;
}
.shadow-phase-current p{max-width:540px;color:#a2b1b8;font-size:12px;line-height:1.75}
.shadow-phase-current>span{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:25px;
    color:#b8c9d1;
    font-size:8px;
    font-weight:700;
    letter-spacing:.19em;
}
.shadow-phase-next{
    padding:58px 40px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:rgba(4,8,12,.72);
    border-left:1px solid var(--shadow-line);
}
.shadow-phase-next article{padding:25px 0;border-bottom:1px solid var(--shadow-line)}
.shadow-phase-next h3{margin:10px 0 8px;font-family:Lineage,Georgia,serif;font-size:30px;font-weight:400;text-transform:uppercase}
.shadow-phase-next p{margin:0;color:#758790;font-size:10px;line-height:1.65}
.shadow-phase-next .shadow-link{align-self:flex-start;margin-top:27px}

.shadow-testing{
    min-height:780px;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(400px,.7fr);
    gap:80px;
    align-items:center;
    overflow:hidden;
    background:#07090c;
}
.shadow-testing-art{
    position:absolute;
    inset:0 42% 0 0;
    background:
        linear-gradient(90deg,rgba(5,8,11,.28),rgba(5,8,11,.84) 90%,#07090c),
        linear-gradient(0deg,#07090c,transparent 24%,transparent 70%,#07090c),
        url('/public/assets/images/world-bg.jpg') 32% 20%/cover no-repeat;
    filter:saturate(.55);
}
.shadow-testing-copy{position:relative;z-index:1;max-width:620px;padding-left:4vw}
.shadow-testing-copy>small{display:block;margin:0 0 22px}
.shadow-testing-copy h2{font-size:clamp(58px,6vw,92px)}
.shadow-testing-copy p{max-width:490px;color:#94a5ad;font-size:13px;line-height:1.8}
.shadow-testing-list{position:relative;z-index:1}
.shadow-testing-list article{
    padding:25px 0;
    display:grid;
    grid-template-columns:45px 1fr;
    gap:16px;
    border-bottom:1px solid var(--shadow-line);
}
.shadow-testing-list article>span{color:var(--shadow-gold);font-family:Georgia,serif;font-size:18px}
.shadow-testing-list h3{margin:0 0 7px;font-size:17px}
.shadow-testing-list p{margin:0;color:#778992;font-size:10px;line-height:1.6}
.shadow-testing-list .shadow-button{margin-top:30px}

.shadow-faq{background:#090d12}
.shadow-faq-layout{
    width:min(1100px,100%);
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
    gap:60px;
}
.shadow-faq-list{border-top:1px solid var(--shadow-line)}
.shadow-faq-list details{border-bottom:1px solid var(--shadow-line)}
.shadow-faq-list summary{
    min-height:82px;
    padding:0 20px;
    display:grid;
    grid-template-columns:42px 1fr 18px;
    align-items:center;
    gap:13px;
    cursor:pointer;
    list-style:none;
}
.shadow-faq-list summary::-webkit-details-marker{display:none}
.shadow-faq-list summary span{color:var(--shadow-gold);font-family:Georgia,serif;font-size:16px}
.shadow-faq-list summary strong{font-size:15px}
.shadow-faq-list summary i{color:#78909c;font-style:normal;font-size:18px}
.shadow-faq-list details[open] summary i{transform:rotate(45deg)}
.shadow-faq-list details>p{
    max-width:660px;
    margin:0;
    padding:0 45px 27px 75px;
    color:#8798a1;
    font-size:11px;
    line-height:1.75;
}
.shadow-report{
    min-height:350px;
    padding:45px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    border:1px solid rgba(195,219,230,.15);
    background:
        linear-gradient(145deg,rgba(18,30,39,.84),rgba(5,10,15,.9)),
        url('/public/assets/images/world-castle.png') center/cover;
}
.shadow-report h3{
    margin:17px 0 13px;
    font-family:Lineage,Georgia,serif;
    font-size:42px;
    font-weight:400;
    line-height:.95;
    text-transform:uppercase;
}
.shadow-report p{color:#93a3ab;font-size:11px;line-height:1.7}
.shadow-report .shadow-link{margin-top:17px}

.shadow-join{
    min-height:720px;
    display:flex;
    align-items:center;
    background:
        linear-gradient(90deg,rgba(4,7,10,.96) 0%,rgba(4,7,10,.72) 46%,rgba(4,7,10,.2) 79%),
        linear-gradient(0deg,#07090c,transparent 27%,rgba(4,7,10,.2)),
        url('/public/assets/images/world-castle.png') center 58%/cover no-repeat;
}
.shadow-join-content{width:min(650px,56%);margin-left:4vw}
.shadow-join-content>small{display:block;margin:0 0 23px}
.shadow-join-content h2{font-size:clamp(62px,6.6vw,103px)}
.shadow-join-content p{max-width:570px;margin:24px 0 29px;color:#a3b1b8;font-size:13px;line-height:1.8}
.page-home .site-footer{
    background:#05070a;
    border-color:rgba(195,219,230,.12);
}

@media (max-width:1050px){
    .page-home .site-header{padding-inline:18px}
    .page-home .site-nav{gap:13px}
    .page-home .site-nav a{font-size:8px}
    .shadow-hero-content{width:58vw;margin-left:0}
    .shadow-hero-promises{width:90%}
    .shadow-title{gap:35px}
    .shadow-principles{grid-template-columns:repeat(2,1fr)}
    .shadow-principles article:nth-child(2){border-right:0}
    .shadow-principles article:nth-child(-n+2){border-bottom:1px solid var(--shadow-line)}
    .shadow-testing{grid-template-columns:1fr minmax(360px,.8fr);gap:40px}
}
@media (max-width:800px){
    .page-home .site-header,
    .page-home .site-header.is-scrolled{
        top:0;
        width:100%;
        height:66px;
        padding:0 18px;
        border-radius:0;
    }
    .page-home .site-nav{
        inset:66px 0 auto;
        padding:28px 24px;
        gap:6px;
        background:rgba(4,7,11,.98);
        border-bottom:1px solid var(--shadow-line);
    }
    .page-home .site-nav a{font-size:10px}
    .shadow-section{padding:90px 28px}
    .shadow-hero{
        min-height:940px;
        padding:105px 25px 42px;
        align-items:flex-end;
    }
    .shadow-hero-art{
        inset:66px 0 35%;
        transform:none;
        background-position:31% 4%;
        filter:saturate(.58) contrast(1.07) brightness(.7);
    }
    .shadow-hero::before{
        background:
            linear-gradient(180deg,rgba(3,5,8,.05) 0%,rgba(3,6,10,.18) 34%,#07090c 65%,#07090c 100%),
            linear-gradient(90deg,rgba(3,5,8,.28),rgba(3,5,8,.05));
    }
    .shadow-hero-content{
        width:100%;
        margin:0 0 220px;
        text-align:left;
    }
    .shadow-eyebrow{justify-content:flex-start}
    .shadow-hero h1 span{font-size:clamp(58px,15vw,86px)}
    .shadow-hero h1 em{font-size:clamp(34px,9vw,52px)}
    .shadow-hero-copy{margin-left:0}
    .shadow-hero .shadow-actions{justify-content:flex-start}
    .shadow-hero-promises{
        left:25px;
        right:25px;
        bottom:45px;
        width:auto;
        transform:none;
        grid-template-columns:1fr;
        border-top:1px solid var(--shadow-line);
    }
    .shadow-hero-promises article{
        min-height:58px;
        padding:0 9px;
        justify-content:flex-start;
        border-right:0;
        border-bottom:1px solid var(--shadow-line);
    }
    .shadow-scroll{display:none}
    .shadow-title{display:block;margin-bottom:42px}
    .shadow-title>small{display:block;margin:0 0 20px}
    .shadow-title h2{font-size:58px}
    .shadow-title p{margin-top:24px}
    .shadow-status-panel{grid-template-columns:1fr}
    .shadow-status-world{border-right:0;border-bottom:1px solid var(--shadow-line)}
    .shadow-status-world h3{font-size:60px}
    .shadow-principles{grid-template-columns:1fr}
    .shadow-principles article{
        min-height:150px;
        border-right:0;
        border-bottom:1px solid var(--shadow-line);
    }
    .shadow-feature-story{padding:55px 35px;background-position:51% 17%}
    .shadow-feature-story::before{
        content:"";
        position:absolute;
        inset:0;
        background:linear-gradient(90deg,rgba(4,7,10,.96),rgba(4,7,10,.76));
    }
    .shadow-phase-story{grid-template-columns:1fr}
    .shadow-phase-current{min-height:440px;padding:45px 35px}
    .shadow-phase-next{border-left:0;border-top:1px solid var(--shadow-line)}
    .shadow-testing{
        min-height:1000px;
        padding-top:480px;
        grid-template-columns:1fr;
        gap:28px;
    }
    .shadow-testing-art{inset:0 0 48%}
    .shadow-testing-copy{padding-left:0}
    .shadow-faq-layout{grid-template-columns:1fr}
    .shadow-join{min-height:720px;background-position:38% 58%}
    .shadow-join::before{
        content:"";
        position:absolute;
        inset:0;
        background:linear-gradient(90deg,rgba(4,7,10,.95),rgba(4,7,10,.7));
    }
    .shadow-join-content{position:relative;z-index:1;width:100%;margin-left:0}
}
@media (max-width:520px){
    .shadow-section{padding:78px 18px}
    .shadow-ornament{gap:10px}
    .shadow-ornament i{width:34px}
    .shadow-hero{padding-inline:18px}
    .shadow-hero-content{margin-bottom:230px}
    .shadow-hero h1 span{font-size:55px}
    .shadow-hero h1 em{font-size:33px}
    .shadow-hero-copy{font-size:12px}
    .shadow-actions{flex-direction:column;align-items:flex-start;gap:12px}
    .shadow-hero-promises{left:18px;right:18px}
    .shadow-title h2,
    .shadow-title.is-centered h2,
    .shadow-testing-copy h2{font-size:47px}
    .shadow-status-world{padding:37px 24px}
    .shadow-status-world h3{font-size:48px}
    .shadow-service-list article{padding-inline:23px}
    .shadow-principles article{padding:27px 17px}
    .shadow-feature-story{min-height:530px;padding:45px 24px}
    .shadow-feature-story h3{font-size:43px}
    .shadow-phase-current{padding:37px 25px}
    .shadow-phase-current h3{font-size:47px}
    .shadow-phase-next{padding:38px 25px}
    .shadow-testing{padding-top:420px}
    .shadow-testing-art{inset:0 0 54%}
    .shadow-faq-list summary{padding-inline:8px;grid-template-columns:32px 1fr 15px}
    .shadow-faq-list summary strong{font-size:13px}
    .shadow-faq-list details>p{padding:0 28px 24px 53px}
    .shadow-report{padding:32px 26px}
    .shadow-join{min-height:680px}
    .shadow-join-content h2{font-size:53px}
}
@media (prefers-reduced-motion:reduce){
    .shadow-hero-art{animation:none}
}

/* Redesign study 04: Innadril-inspired adaptive landing page. */

:root{
    --inn-bg:#100d0c;
    --inn-bg-deep:#080706;
    --inn-panel:#171311;
    --inn-panel-soft:#1d1815;
    --inn-text:#eee7df;
    --inn-muted:#9c9187;
    --inn-orange:#ce8136;
    --inn-orange-hot:#eea557;
    --inn-line:rgba(222,202,181,.14);
}
.page-home .site-shell{
    background:
        radial-gradient(circle at 50% 5%,rgba(176,103,51,.09),transparent 26%),
        var(--inn-bg-deep);
}
.page-home .site-header{
    height:60px;
    padding-inline:clamp(24px,4vw,68px);
    border-color:rgba(221,199,177,.12);
    background:rgba(9,8,7,.9);
}
.page-home .site-header.is-scrolled{height:58px;background:rgba(8,7,6,.96)}
.page-home .site-header .button{
    min-height:36px;
    padding-inline:21px;
    background:var(--inn-orange);
}
.page-home .site-nav a{color:#a89d94;font-size:8px}
.page-home .site-nav a:hover,
.page-home .site-nav a.is-active{color:#fff8f1}
.page-home .site-nav a.is-active::after{background:var(--inn-orange)}
.page-home .header-signal i{background:#73d8ad}

.inn-home{
    position:relative;
    color:var(--inn-text);
    background:
        radial-gradient(circle at 50% 0,rgba(173,95,47,.09),transparent 20%),
        var(--inn-bg-deep);
    isolation:isolate;
}
.inn-home::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    opacity:.14;
    pointer-events:none;
    background-image:
        radial-gradient(circle,rgba(235,203,170,.45) 0 1px,transparent 1.5px),
        radial-gradient(circle,rgba(207,129,54,.38) 0 1px,transparent 1.5px);
    background-position:0 0,71px 93px;
    background-size:163px 181px,223px 257px;
    mask-image:linear-gradient(#000,transparent 88%);
}
.inn-section{
    position:relative;
    padding:clamp(95px,9vw,145px) max(6vw,38px);
}
.inn-heading{
    width:min(1050px,100%);
    margin:0 auto 54px;
}
.inn-heading.is-centered{text-align:center}
.inn-heading small,
.inn-showcase-copy>small,
.inn-guide-window aside>small,
.inn-join-copy>small{
    display:block;
    color:var(--inn-orange);
    font-size:8px;
    font-weight:800;
    letter-spacing:.24em;
}
.inn-heading h2,
.inn-showcase-copy h2,
.inn-join-copy h2{
    margin:12px 0 0;
    font-family:Lineage,Georgia,serif;
    font-size:clamp(52px,5.3vw,82px);
    font-weight:400;
    line-height:.9;
    text-transform:uppercase;
}
.inn-heading p{
    max-width:650px;
    margin:20px auto 0;
    color:var(--inn-muted);
    font-size:12px;
    line-height:1.75;
}
.inn-button,
.inn-ghost-link{
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    gap:32px;
    min-height:46px;
    padding:0 21px;
    color:#100b07;
    background:var(--inn-orange);
    border:1px solid var(--inn-orange);
    font-size:8px;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
    transition:.22s ease;
}
.inn-button:hover{
    transform:translateY(-2px);
    color:#080503;
    background:var(--inn-orange-hot);
    border-color:var(--inn-orange-hot);
}
.inn-ghost-link{
    padding-inline:3px;
    color:#d7ccc2;
    background:transparent;
    border:0;
    border-bottom:1px solid rgba(221,200,181,.24);
}
.inn-ghost-link:hover{color:#fff;border-color:var(--inn-orange)}
.inn-actions{display:flex;align-items:center;justify-content:center;gap:24px}

.inn-hero{
    position:relative;
    min-height:100svh;
    padding:105px max(6vw,40px) 70px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:#090807;
    isolation:isolate;
}
.inn-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:
        radial-gradient(ellipse at 68% 31%,rgba(212,139,75,.15),transparent 25%),
        linear-gradient(90deg,rgba(7,6,5,.82),rgba(7,6,5,.42) 42%,rgba(7,6,5,.34) 70%,rgba(7,6,5,.62) 100%),
        linear-gradient(0deg,#0a0807 0%,transparent 30%,rgba(7,6,5,.18) 100%);
}
.inn-hero::after{
    content:"";
    position:absolute;
    inset:60px 0 0;
    z-index:-1;
    opacity:.36;
    pointer-events:none;
    background:
        radial-gradient(ellipse at 18% 33%,transparent 0 13%,rgba(224,207,192,.12) 13.2% 13.6%,transparent 13.8%),
        radial-gradient(ellipse at 82% 31%,transparent 0 16%,rgba(224,207,192,.1) 16.2% 16.6%,transparent 16.8%);
    filter:blur(7px);
}
.inn-hero-image{
    position:absolute;
    inset:60px 0 0;
    z-index:-2;
    background:url('/public/assets/images/l2-hero.jpg') 52% center/cover no-repeat;
    filter:saturate(.56) contrast(1.08) brightness(.58);
    animation:inn-hero-drift 24s ease-in-out infinite alternate;
}
@keyframes inn-hero-drift{
    from{transform:scale(1.01)}
    to{transform:scale(1.055) translate3d(-.7%,.3%,0)}
}
.inn-hero-copy{
    width:min(540px,46vw);
    margin-left:4vw;
    margin-right:auto;
    text-align:center;
}
.inn-kicker{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin:0 0 17px;
    color:#b6a89d;
    font-size:7px;
    font-weight:700;
    letter-spacing:.24em;
}
.inn-kicker i{width:35px;height:1px;background:var(--inn-orange)}
.inn-sigil{
    display:block;
    margin-bottom:4px;
    color:var(--inn-orange);
    font-family:Georgia,serif;
    font-size:35px;
    line-height:1;
}
.inn-hero h1{margin:0;text-transform:uppercase}
.inn-hero h1 small,
.inn-hero h1 strong{display:block;font-family:Lineage,Georgia,serif;font-weight:400}
.inn-hero h1 small{color:#d9ccc0;font-size:clamp(24px,2.6vw,40px);line-height:1}
.inn-hero h1 strong{margin-top:5px;color:#fff8f0;font-size:clamp(52px,5.8vw,89px);line-height:.86;text-shadow:0 8px 25px rgba(0,0,0,.55)}
.inn-hero-copy>p:not(.inn-kicker){
    max-width:520px;
    margin:22px auto 0;
    color:#b5aaa0;
    font-size:12px;
    line-height:1.75;
}
.inn-hero .inn-actions{margin-top:26px}
.inn-scroll{
    position:absolute;
    right:30px;
    bottom:35px;
    display:flex;
    align-items:center;
    gap:12px;
    color:#766c64;
    font-size:7px;
    letter-spacing:.2em;
    text-transform:uppercase;
    transform:rotate(90deg) translateX(100%);
    transform-origin:right bottom;
}
.inn-scroll i{width:46px;height:1px;background:#766c64}

.inn-status{
    position:relative;
    z-index:2;
    padding:0 max(6vw,38px);
    background:#0a0807;
    border-top:1px solid var(--inn-line);
    border-bottom:1px solid var(--inn-line);
}
.inn-status-inner{
    width:min(1120px,100%);
    min-height:92px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1.15fr .8fr .8fr .75fr;
}
.inn-status-inner>div,
.inn-status-inner>a{
    padding:19px 25px;
    display:flex;
    align-items:center;
    border-right:1px solid var(--inn-line);
}
.inn-status-inner>div:first-child{flex-direction:column;align-items:flex-start;justify-content:center}
.inn-status-inner>div:first-child small{color:#756b63;font-size:6px;letter-spacing:.18em}
.inn-status-inner>div:first-child strong{margin-top:5px;font-family:Lineage,serif;font-size:21px;font-weight:400;text-transform:uppercase}
.inn-status-inner>div:first-child span{color:#8e8178;font-size:8px}
.inn-status-service{display:grid!important;grid-template-columns:9px 1fr auto;gap:11px}
.inn-status-service>i{width:7px;height:7px;border-radius:50%}
.inn-status-service>i.is-online{background:#77d9af;box-shadow:0 0 12px rgba(119,217,175,.65)}
.inn-status-service>i.is-offline{background:#c96d63}
.inn-status-service p{margin:0}
.inn-status-service small,
.inn-status-service strong{display:block}
.inn-status-service small{color:#71675f;font-size:6px;letter-spacing:.15em}
.inn-status-service strong{margin-top:5px;font-size:10px}
.inn-status-service>span{color:#6c625b;font-size:7px}
.inn-status-inner>a{
    justify-content:space-between;
    border-right:0;
    color:#d9ccc1;
    font-size:8px;
    font-weight:800;
    letter-spacing:.16em;
    text-transform:uppercase;
}
.inn-status-inner>a:hover{color:var(--inn-orange)}

.inn-stages{
    min-height:900px;
    background:
        linear-gradient(180deg,rgba(12,9,8,.93),rgba(12,9,8,.73) 48%,#0b0908),
        url('/public/assets/images/l2-stage-world.jpg') center 57%/cover no-repeat;
}
.inn-stage-window{
    position:relative;
    width:min(1420px,100%);
    margin:0 auto;
    padding:0 42px;
}
.inn-stage-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(260px,1fr));
    background:rgba(12,10,9,.88);
    border:1px solid rgba(224,198,172,.17);
    box-shadow:0 30px 80px rgba(0,0,0,.32);
}
.inn-stage-grid article{
    min-width:0;
    border-right:1px solid var(--inn-line);
}
.inn-stage-grid article:last-child{border-right:0}
.inn-stage-art{
    position:relative;
    min-height:190px;
    padding:30px 27px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    overflow:hidden;
    background:
        linear-gradient(0deg,rgba(13,10,8,.95),rgba(13,10,8,.14)),
        url('/public/assets/images/l2-stage-world.jpg') center 61%/cover no-repeat;
}
.inn-stage-grid article:nth-child(even) .inn-stage-art{background-position:68% 55%}
.inn-stage-art::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:2px;
    background:transparent;
}
.inn-stage-grid article.status-active .inn-stage-art::after{background:var(--inn-orange)}
.inn-stage-art small{color:#c5b7aa;font-size:9px;letter-spacing:.18em}
.inn-stage-art strong{margin-top:10px;font-family:Lineage,serif;font-size:clamp(27px,1.8vw,34px);font-weight:600;line-height:1;text-transform:uppercase}
.inn-stage-title{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:14px;
    margin-top:10px;
}
.inn-stage-title strong{min-width:0;margin-top:0}
.inn-stage-title em{
    flex:0 0 auto;
    padding:6px 8px;
    border:1px solid rgba(238,165,87,.48);
    background:rgba(206,129,54,.1);
    color:var(--inn-orange-hot);
    font-size:8px;
    font-style:normal;
    font-weight:800;
    line-height:1;
    letter-spacing:.14em;
    white-space:nowrap;
}
.inn-stage-art span{
    position:absolute;
    top:15px;
    right:14px;
    padding:5px 7px;
    border:1px solid rgba(229,203,178,.18);
    color:#8d7f73;
    font-size:8px;
    letter-spacing:.14em;
}
.inn-stage-details{min-height:285px;padding:29px 27px}
.inn-stage-details>p{margin:0 0 22px;color:#b9aba0;font-size:12.5px;line-height:1.68}
.inn-stage-details ul{margin:0;padding:0;list-style:none}
.inn-stage-details li{
    position:relative;
    padding:11px 0 11px 15px;
    color:#9d9086;
    font-size:10px;
    line-height:1.45;
    border-top:1px solid rgba(224,199,176,.08);
}
.inn-stage-details li::before{content:"";position:absolute;left:0;top:16px;width:4px;height:4px;background:var(--inn-orange)}
.inn-stage-edge{
    position:absolute;
    top:50%;
    color:#8d7c6d;
    font-family:Lineage,serif;
    font-size:20px;
    text-transform:uppercase;
    writing-mode:vertical-rl;
}
.inn-stage-edge.is-start{left:0;transform:translateY(-50%) rotate(180deg)}
.inn-stage-edge.is-end{right:0;transform:translateY(-50%)}
.inn-section-link{
    width:max-content;
    margin:28px auto 0;
    display:flex;
    gap:23px;
    color:#b9aa9d;
    font-size:10px;
    font-weight:800;
    letter-spacing:.17em;
    text-transform:uppercase;
}
.inn-section-link:hover{color:var(--inn-orange)}

.inn-showcase{
    min-height:700px;
    padding-top:100px;
    padding-bottom:100px;
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(400px,.9fr);
    align-items:center;
    gap:clamp(40px,6vw,100px);
    background:
        radial-gradient(circle at 18% 48%,rgba(190,102,48,.12),transparent 30%),
        #120e0c;
}
.inn-showcase::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    width:min(1120px,86%);
    height:1px;
    transform:translateX(-50%);
    background:linear-gradient(90deg,transparent,var(--inn-line),transparent);
}
.inn-showcase-art{
    min-height:530px;
    box-shadow:0 35px 80px rgba(0,0,0,.3);
}
.inn-showcase-art.is-character{
    background:
        linear-gradient(90deg,rgba(12,9,8,.13),rgba(12,9,8,.72)),
        linear-gradient(0deg,rgba(12,9,8,.8),transparent 38%),
        url('/public/assets/images/l2-features.jpg') 51% center/cover no-repeat;
}
.inn-showcase-copy{max-width:610px}
.inn-showcase-copy h2{font-size:clamp(48px,4.7vw,73px)}
.inn-showcase-copy>p{
    margin:22px 0 25px;
    color:#a6998e;
    font-size:12px;
    line-height:1.75;
}
.inn-feature-list,
.inn-focus-list{margin-bottom:24px;border-top:1px solid var(--inn-line)}
.inn-feature-list article,
.inn-focus-list article{
    padding:17px 0;
    display:grid;
    grid-template-columns:35px 1fr;
    gap:13px;
    border-bottom:1px solid var(--inn-line);
}
.inn-feature-list article>span,
.inn-focus-list article>span{color:var(--inn-orange);font-family:Georgia,serif;font-size:15px}
.inn-feature-list strong,
.inn-focus-list strong{font-size:12px}
.inn-feature-list p,
.inn-focus-list p{margin:5px 0 0;color:#746a62;font-size:9px;line-height:1.55}
.inn-showcase-reverse{
    grid-template-columns:minmax(400px,.9fr) minmax(0,1.1fr);
    background:
        radial-gradient(circle at 81% 45%,rgba(184,112,55,.1),transparent 28%),
        #0c0a09;
}
.inn-showcase-reverse .inn-showcase-art{grid-column:2;grid-row:1}
.inn-showcase-reverse .inn-showcase-copy{grid-column:1;grid-row:1;justify-self:end}
.inn-showcase-art.is-castle{
    background:
        linear-gradient(90deg,rgba(10,8,7,.72),rgba(10,8,7,.1)),
        linear-gradient(0deg,rgba(10,8,7,.76),transparent 42%),
        url('/public/assets/images/l2-beta-focus.jpg') center/cover no-repeat;
}

.inn-guide{
    min-height:800px;
    background:
        linear-gradient(180deg,rgba(12,9,8,.96),rgba(12,9,8,.76),#0a0807),
        url('/public/assets/images/l2-guide.jpg') center/cover no-repeat;
}
.inn-guide-window{
    width:min(1080px,100%);
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
    border:1px solid rgba(225,201,180,.16);
    background:rgba(12,10,9,.82);
    box-shadow:0 30px 85px rgba(0,0,0,.3);
}
.inn-faq-list{padding:20px 35px;border-right:1px solid var(--inn-line)}
.inn-faq-list details{border-bottom:1px solid var(--inn-line)}
.inn-faq-list details:last-child{border-bottom:0}
.inn-faq-list summary{
    min-height:72px;
    display:grid;
    grid-template-columns:36px 1fr 18px;
    align-items:center;
    gap:12px;
    cursor:pointer;
    list-style:none;
}
.inn-faq-list summary::-webkit-details-marker{display:none}
.inn-faq-list summary span{color:var(--inn-orange);font-family:Georgia,serif;font-size:14px}
.inn-faq-list summary strong{font-size:12px}
.inn-faq-list summary i{color:#796d64;font-style:normal;font-size:17px}
.inn-faq-list details[open] summary i{transform:rotate(45deg)}
.inn-faq-list details>p{
    margin:0;
    padding:0 25px 22px 48px;
    color:#847870;
    font-size:10px;
    line-height:1.65;
}
.inn-guide-window aside{
    padding:47px 40px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
}
.inn-guide-window aside h3{
    margin:13px 0 14px;
    font-family:Lineage,Georgia,serif;
    font-size:40px;
    font-weight:400;
    line-height:.92;
    text-transform:uppercase;
}
.inn-guide-window aside p{color:#8f8278;font-size:10px;line-height:1.7}
.inn-guide-window aside .inn-button{margin-top:17px}

.inn-join{
    min-height:650px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    background:
        radial-gradient(ellipse at 50% 42%,rgba(205,130,61,.16),transparent 30%),
        linear-gradient(180deg,#0a0807 0%,rgba(9,7,6,.55) 25%,rgba(9,7,6,.86) 100%),
        url('/public/assets/images/l2-join.jpg') center/cover no-repeat;
}
.inn-join-copy{position:relative;z-index:1;width:min(720px,100%)}
.inn-join-copy h2{font-size:clamp(58px,6.4vw,98px)}
.inn-join-copy p{max-width:600px;margin:22px auto 28px;color:#aa9e93;font-size:12px;line-height:1.75}
.page-home .site-footer{background:#080706;border-color:var(--inn-line)}

@media (max-width:1050px){
    .page-home .site-nav{gap:12px}
    .inn-hero-copy{width:min(520px,51vw);margin-left:2vw}
    .inn-status-inner{grid-template-columns:1fr 1fr 1fr}
    .inn-status-inner>div:first-child{grid-column:1/-1;border-bottom:1px solid var(--inn-line)}
    .inn-stage-grid{grid-template-columns:repeat(2,1fr)}
    .inn-stage-grid article:nth-child(2){border-right:0}
    .inn-stage-grid article:nth-child(-n+2){border-bottom:1px solid var(--inn-line)}
    .inn-showcase{grid-template-columns:1fr 1fr;gap:40px}
}
@media (max-width:800px){
    .page-home .site-header,
    .page-home .site-header.is-scrolled{height:62px}
    .page-home .site-nav{
        inset:62px 0 auto;
        background:rgba(9,8,7,.98);
        border-color:var(--inn-line);
    }
    .inn-section{padding:82px 26px}
    .inn-hero{
        min-height:920px;
        padding:90px 24px 55px;
        align-items:flex-end;
    }
    .inn-hero-image{
        inset:62px 0 34%;
        background-position:57% center;
    }
    .inn-hero::before{
        background:
            linear-gradient(180deg,rgba(7,6,5,.04),rgba(7,6,5,.1) 37%,#0a0807 66%,#0a0807),
            radial-gradient(ellipse at 62% 24%,rgba(212,139,75,.14),transparent 28%);
    }
    .inn-hero-copy{width:100%;margin:0 0 30px;text-align:left}
    .inn-kicker{justify-content:flex-start}
    .inn-sigil{display:none}
    .inn-hero h1 strong{font-size:63px}
    .inn-hero-copy>p:not(.inn-kicker){margin-left:0}
    .inn-hero .inn-actions{justify-content:flex-start}
    .inn-scroll{display:none}
    .inn-status{padding-inline:0}
    .inn-status-inner{grid-template-columns:1fr 1fr}
    .inn-status-inner>a{grid-column:1/-1;border-top:1px solid var(--inn-line)}
    .inn-stage-grid{grid-template-columns:1fr}
    .inn-stage-grid article{border-right:0;border-bottom:1px solid var(--inn-line)}
    .inn-stage-window{padding-inline:27px}
    .inn-stage-details{min-height:auto}
    .inn-showcase,
    .inn-showcase-reverse{grid-template-columns:1fr;gap:35px}
    .inn-showcase-art,
    .inn-showcase-reverse .inn-showcase-art{grid-column:1;grid-row:1;min-height:430px}
    .inn-showcase-copy,
    .inn-showcase-reverse .inn-showcase-copy{grid-column:1;grid-row:2;max-width:none;justify-self:stretch}
    .inn-guide-window{grid-template-columns:1fr}
    .inn-faq-list{border-right:0;border-bottom:1px solid var(--inn-line)}
    .inn-join{background-position:42% 10%}
}
@media (max-width:520px){
    .inn-section{padding:72px 18px}
    .inn-heading h2,
    .inn-showcase-copy h2{font-size:45px}
    .inn-hero{padding-inline:18px}
    .inn-hero h1 small{font-size:25px}
    .inn-hero h1 strong{font-size:50px}
    .inn-hero-copy>p:not(.inn-kicker){font-size:11px}
    .inn-actions{flex-direction:column;align-items:flex-start}
    .inn-status-inner{grid-template-columns:1fr}
    .inn-status-inner>div,
    .inn-status-inner>a{border-right:0;border-bottom:1px solid var(--inn-line)}
    .inn-status-inner>div:first-child{grid-column:auto}
    .inn-status-inner>a{grid-column:auto}
    .inn-stage-window{padding-inline:20px}
    .inn-stage-edge{font-size:14px}
    .inn-showcase-art,
    .inn-showcase-reverse .inn-showcase-art{min-height:360px}
    .inn-faq-list{padding-inline:18px}
    .inn-faq-list summary{grid-template-columns:30px 1fr 15px}
    .inn-faq-list details>p{padding-left:42px}
    .inn-guide-window aside{padding:37px 25px}
    .inn-join{min-height:620px}
    .inn-join-copy h2{font-size:53px}
}
@media (prefers-reduced-motion:reduce){
    .inn-hero-image{animation:none}
}

/* Play page — unified with the warm Lineage II beta landing page. */
.page-play{
    --world-blue:var(--inn-orange);
    --world-blue-soft:#f0b06f;
    --world-line:var(--inn-line);
    --world-line-hot:rgba(206,129,54,.52);
    --world-glass:linear-gradient(145deg,rgba(27,21,17,.84),rgba(10,8,7,.78));
    --world-glass-strong:linear-gradient(145deg,rgba(39,28,21,.92),rgba(10,8,7,.9));
    --world-glass-shadow:0 28px 80px rgba(0,0,0,.36),inset 0 1px 0 rgba(242,211,181,.04);
    --concept-stroke:rgba(222,202,181,.14);
    --concept-stroke-hot:rgba(206,129,54,.48);
    --concept-glass-heavy:rgba(14,11,9,.84);
    background:var(--inn-bg-deep);
}
.page-play .site-shell{
    background:
        radial-gradient(circle at 50% 4%,rgba(176,103,51,.1),transparent 27%),
        var(--inn-bg-deep);
}
.page-play .site-header{
    top:0;
    left:50%;
    right:auto;
    width:100%;
    height:60px;
    padding-inline:clamp(24px,4vw,68px);
    border:0;
    border-bottom:1px solid var(--inn-line);
    border-radius:0;
    background:rgba(9,8,7,.91);
    box-shadow:none;
}
.page-play .site-header.is-scrolled{
    top:0;
    width:100%;
    height:58px;
    border-color:var(--inn-line);
    background:rgba(8,7,6,.97);
}
.page-play .site-header .button,
.page-play .button{
    color:#100b07;
    background:var(--inn-orange);
    border-color:var(--inn-orange);
    border-radius:0;
}
.page-play .site-header .button:hover,
.page-play .button:hover{
    color:#080503;
    background:var(--inn-orange-hot);
    border-color:var(--inn-orange-hot);
}
.page-play .site-nav a{color:#a89d94;font-size:8px}
.page-play .site-nav a:hover,
.page-play .site-nav a.is-active{color:#fff8f1}
.page-play .site-nav a.is-active::after{background:var(--inn-orange)}
.page-play .header-signal i{background:#73d8ad}
.page-play .endless-progress a.is-active{color:var(--inn-orange-hot)}
.page-play .endless-progress a.is-active::after{
    background:var(--inn-orange);
    border-color:var(--inn-orange);
    box-shadow:0 0 14px rgba(206,129,54,.65);
}

.page-play .play-world{
    max-width:100%;
    overflow-x:hidden;
    color:var(--inn-text);
    background:var(--inn-bg-deep);
}
.page-play .play-world-hero{
    max-width:100%;
    min-height:100svh;
    padding-top:108px;
    border-bottom:1px solid var(--inn-line);
}
.page-play .play-world-hero::before{
    background:
        linear-gradient(90deg,rgba(7,6,5,.93) 0%,rgba(7,6,5,.75) 43%,rgba(7,6,5,.32) 72%,rgba(7,6,5,.62) 100%),
        linear-gradient(0deg,#0a0807 0%,transparent 47%,rgba(8,7,6,.2) 100%),
        url('/public/assets/images/l2-play.jpg') center/cover no-repeat;
    animation:play-hero-drift 25s ease-in-out infinite alternate;
}
@keyframes play-hero-drift{
    from{transform:scale(1.01);background-position:center,center,50% 50%}
    to{transform:scale(1.055);background-position:center,center,53% 48%}
}
.page-play .play-world-hero::after{
    background:
        linear-gradient(90deg,transparent calc(50% - .5px),rgba(229,205,182,.04) 50%,transparent calc(50% + .5px)),
        linear-gradient(180deg,transparent calc(58% - .5px),rgba(229,205,182,.035) 58%,transparent calc(58% + .5px));
}
.page-play .panel-index{
    color:transparent;
    -webkit-text-stroke-color:rgba(224,198,172,.07);
}
.page-play .eyebrow,
.page-play .concept-live{color:var(--inn-orange-hot)}
.page-play .eyebrow span{background:var(--inn-orange)}
.page-play .play-world-copy .concept-live{color:#d5c4b5}
.page-play .play-world-copy .concept-live i{background:#73d8ad;box-shadow:0 0 14px rgba(115,216,173,.62)}
.page-play .play-world-copy h1{
    max-width:780px;
    font-family:Lineage,Georgia,serif;
    font-weight:400;
    letter-spacing:-.025em;
    text-transform:uppercase;
}
.page-play .play-world-hero-grid,
.page-play .play-world-copy,
.page-play .play-world-status{
    min-width:0;
    max-width:100%;
}
.page-play .play-world-copy h1 em{color:var(--inn-orange-hot)}
.page-play .play-world-copy>p:not(.concept-live){max-width:610px;color:#c7bbb0}
.page-play .concept-link{
    color:#ddd0c4;
    border-color:rgba(221,200,181,.24);
}
.page-play .concept-link:hover{color:#fff;border-color:var(--inn-orange)}
.page-play .play-world-status{
    border-color:rgba(224,198,172,.22);
    border-radius:0;
    background:rgba(13,10,8,.88);
    box-shadow:0 30px 85px rgba(0,0,0,.4);
}
.page-play .play-world-status>header,
.page-play .play-world-status dl,
.page-play .play-world-status dl>div{border-color:var(--inn-line)}
.page-play .play-world-status>header>span,
.page-play .play-world-status dt{color:#8d7f73}
.page-play .play-world-status>header strong{color:#80d8b4}
.page-play .play-world-status h2{
    font-family:Lineage,Georgia,serif;
    font-weight:400;
    letter-spacing:0;
    text-transform:uppercase;
}
.page-play .play-world-status>p{color:#aa9d92}
.page-play .play-world-status dd{color:#e6dbd1}
.page-play .concept-meta{
    border-color:var(--inn-line);
    background:rgba(11,9,8,.86);
}
.page-play .concept-meta>div,
.page-play .concept-meta>a{border-color:var(--inn-line)}
.page-play .concept-meta small{color:#766b63}
.page-play .concept-meta strong,
.page-play .concept-meta>a{color:#d9ccc1}

.page-play .endless-panel{border-color:var(--inn-line)}
.page-play .play-world-install{
    background:
        linear-gradient(135deg,rgba(12,9,8,.97),rgba(12,9,8,.82)),
        url('/public/assets/images/l2-stage-world.jpg') center/cover no-repeat;
}
.page-play .endless-heading h2,
.page-play .play-checklist-world h3,
.page-play .play-account-card h3,
.page-play .play-world-support .endless-join-copy h2{
    font-family:Lineage,Georgia,serif;
    font-weight:400;
    letter-spacing:0;
    text-transform:uppercase;
}
.page-play .play-world-install .download-card h2{
    font-family:NEWRaleway,Arial,sans-serif;
    font-weight:700;
    letter-spacing:-.02em;
    text-transform:none;
}
.page-play .endless-heading>p{color:#a99d92}
.page-play .play-world-install .download-grid{border-color:var(--inn-line)}
.page-play .play-world-install .download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.page-play .play-world-install .download-card{
    min-height:420px;
    color:var(--inn-text);
    overflow:hidden;
    isolation:isolate;
    border-color:rgba(236,218,200,.2);
    background:
        linear-gradient(145deg,rgba(255,244,231,.08),rgba(25,18,14,.28) 42%,rgba(8,7,6,.5));
    box-shadow:
        0 30px 85px rgba(0,0,0,.34),
        inset 0 1px 0 rgba(255,245,232,.14),
        inset 0 0 45px rgba(255,255,255,.018);
    backdrop-filter:blur(24px) saturate(125%);
    -webkit-backdrop-filter:blur(24px) saturate(125%);
}
.page-play .play-world-install .download-card::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:
        radial-gradient(circle at 18% 0,rgba(255,244,231,.12),transparent 34%),
        linear-gradient(115deg,rgba(255,255,255,.045),transparent 32%);
}
.page-play .play-world-install .download-card:first-child{border-color:rgba(236,218,200,.2)}
.page-play .play-world-install .download-card:hover{
    border-color:rgba(238,165,87,.58);
    background:
        linear-gradient(145deg,rgba(255,244,231,.12),rgba(43,27,17,.4) 44%,rgba(10,8,7,.55));
    box-shadow:
        0 34px 95px rgba(0,0,0,.4),
        inset 0 1px 0 rgba(255,245,232,.2),
        0 0 0 1px rgba(206,129,54,.1);
}
.page-play .play-world-install .download-card.is-primary{
    border-color:rgba(226,145,65,.5);
    background:
        linear-gradient(145deg,rgba(206,129,54,.28),rgba(72,42,23,.22) 45%,rgba(10,8,7,.48));
    box-shadow:
        0 30px 85px rgba(0,0,0,.36),
        inset 0 1px 0 rgba(255,220,180,.2),
        inset 0 0 50px rgba(206,129,54,.045);
}
.page-play .play-world-install .download-card>small,
.page-play .play-world-install .download-card-top span,
.page-play .play-world-install .play-card-action{color:var(--inn-orange-hot)}
.page-play .play-world-install .download-card-top i{border-color:rgba(206,129,54,.44);color:var(--inn-orange-hot)}
.page-play .play-world-install .download-card:hover .download-card-top i{color:#100b07;background:var(--inn-orange)}
.page-play .play-world-install .download-card p{color:#b8aaa0}
.page-play .play-world-install .download-card ul,
.page-play .play-world-install .play-card-action{border-color:var(--inn-line)}
.page-play .play-world-install .download-card li{color:#988b81}
.page-play .play-world-install .download-card li::before{border-color:var(--inn-orange)}

.page-play .play-world-checks{
    background:
        linear-gradient(145deg,rgba(11,9,8,.97),rgba(11,9,8,.83)),
        url('/public/assets/images/l2-guide.jpg') center/cover no-repeat;
}
.page-play .play-checklist-world{border-color:var(--inn-line)}
.page-play .play-checklist-world article{
    border-color:var(--inn-line);
    background:rgba(14,11,9,.84);
    box-shadow:0 22px 65px rgba(0,0,0,.3);
}
.page-play .play-checklist-world article:hover{background:rgba(31,23,18,.94);border-color:rgba(206,129,54,.44)}
.page-play .play-checklist-world article>span{color:var(--inn-orange)}
.page-play .play-checklist-world p,
.page-play .play-account-card>p{color:#aa9d92}
.page-play .play-account-card{
    border-color:rgba(206,129,54,.42);
    border-radius:0;
    background:rgba(15,11,9,.9);
    box-shadow:0 28px 80px rgba(0,0,0,.36);
}
.page-play .play-account-card>small{color:var(--inn-orange-hot)}
.page-play .play-account-card>div{border-color:var(--inn-line)}
.page-play .play-account-card>div>span{color:#8f8176}
.page-play .play-account-card .button{border-radius:0}

.page-play .play-world-support{
    color:var(--inn-text);
    background:
        linear-gradient(90deg,rgba(9,7,6,.96),rgba(9,7,6,.78) 58%,rgba(9,7,6,.52)),
        url('/public/assets/images/l2-beta-focus.jpg') center/cover no-repeat;
}
.page-play .play-world-support .eyebrow{color:var(--inn-orange-hot)}
.page-play .play-world-support .endless-join-copy h2 em{color:var(--inn-orange-hot)}
.page-play .play-world-support .endless-join-copy>p{color:#b8aca1}
.page-play .play-world-support .text-link{color:#ddd0c4;border-color:rgba(221,200,181,.24)}
.page-play .play-world-support .button-light{color:#100b07;background:var(--inn-orange);border-color:var(--inn-orange)}
.page-play .site-footer{background:#080706;border-color:var(--inn-line)}

@media (max-width:800px){
    .page-play .site-header,
    .page-play .site-header.is-scrolled{
        top:0;
        width:100%;
        height:62px;
        padding-inline:18px;
        border-radius:0;
    }
    .page-play .site-nav{
        inset:62px 0 auto;
        background:rgba(9,8,7,.98);
        border-color:var(--inn-line);
    }
    .page-play .play-world-hero{padding-top:96px}
    .page-play .play-world-hero-grid,
    .page-play .play-world-copy,
    .page-play .play-world-status{width:100%}
    .page-play .play-world-copy>p:not(.concept-live),
    .page-play .play-world-status h2,
    .page-play .play-world-status>p{overflow-wrap:anywhere}
    .page-play .play-world-status h2{font-size:28px}
    .page-play .play-world-hero::before{
        background:
            linear-gradient(180deg,rgba(7,6,5,.24),rgba(7,6,5,.72) 42%,#0a0807 73%),
            url('/public/assets/images/l2-play.jpg') 58% top/auto 58% no-repeat,
            #0a0807;
        animation:none;
    }
    .page-play .play-world-install,
    .page-play .play-world-checks,
    .page-play .play-world-support{background-position:center}
}
@media (prefers-reduced-motion:reduce){
    .page-play .play-world-hero::before{animation:none}
}

/* Give every progression card its own visual chapter. */
.inn-stage-art{min-height:180px;transition:background-size .45s ease,filter .3s ease}
.inn-stage-grid article:nth-child(1) .inn-stage-art{
    background:
        linear-gradient(0deg,rgba(13,10,8,.96),rgba(13,10,8,.18)),
        url('/public/assets/images/l2-stage-world.jpg') 28% 58%/cover no-repeat;
}
.inn-stage-grid article:nth-child(2) .inn-stage-art{
    background:
        linear-gradient(0deg,rgba(13,10,8,.96),rgba(13,10,8,.2)),
        url('/public/assets/images/l2-features.jpg') 50% 36%/cover no-repeat;
}
.inn-stage-grid article:nth-child(3) .inn-stage-art{
    background:
        linear-gradient(0deg,rgba(13,10,8,.96),rgba(13,10,8,.2)),
        url('/public/assets/images/l2-beta-focus.jpg') 47% center/cover no-repeat;
}
.inn-stage-grid article:nth-child(4) .inn-stage-art{
    background:
        linear-gradient(0deg,rgba(13,10,8,.96),rgba(13,10,8,.2)),
        url('/public/assets/images/l2-guide.jpg') 52% center/cover no-repeat;
}
.inn-stage-grid article{transition:background .25s ease}
.inn-stage-grid article:hover{background:rgba(41,29,21,.54)}
.inn-stage-grid article:hover .inn-stage-art{filter:brightness(1.1)}

/* Dedicated phase roadmap — warm, readable, and consistent with the beta page. */
.page-phases{
    --world-blue:var(--inn-orange);
    --world-blue-soft:#f0b06f;
    --world-line:var(--inn-line);
    --world-line-hot:rgba(206,129,54,.52);
    --world-glass:linear-gradient(145deg,rgba(27,21,17,.9),rgba(10,8,7,.86));
    --world-glass-strong:linear-gradient(145deg,rgba(39,28,21,.94),rgba(10,8,7,.92));
    background:var(--inn-bg-deep);
}
.page-phases .world-backdrop{
    background:#080706 url('/public/assets/images/l2-stage-world.jpg') center/cover no-repeat;
    filter:saturate(.58) contrast(1.08) brightness(.28);
}
.page-phases .site-shell{
    background:
        radial-gradient(circle at 50% 4%,rgba(176,103,51,.1),transparent 27%),
        var(--inn-bg-deep);
}
.page-phases .site-header{
    top:0;
    left:50%;
    right:auto;
    width:100%;
    height:60px;
    padding-inline:clamp(24px,4vw,68px);
    border:0;
    border-bottom:1px solid var(--inn-line);
    border-radius:0;
    background:rgba(9,8,7,.91);
    box-shadow:none;
}
.page-phases .site-header.is-scrolled{
    top:0;
    width:100%;
    height:58px;
    border-color:var(--inn-line);
    background:rgba(8,7,6,.97);
}
.page-phases .site-header .button{
    min-height:36px;
    color:#100b07;
    background:var(--inn-orange);
    border-color:var(--inn-orange);
    border-radius:0;
}
.page-phases .site-nav a{color:#a89d94;font-size:8px}
.page-phases .site-nav a:hover,
.page-phases .site-nav a.is-active{color:#fff8f1}
.page-phases .site-nav a.is-active::after{background:var(--inn-orange)}
.page-phases .header-signal i{background:#73d8ad}
.page-phases .phases-hero{
    min-height:760px;
    padding:150px max(7vw,52px) 95px;
    justify-content:flex-end;
    background:#090807;
    border-color:var(--inn-line);
}
.page-phases .phases-hero::before{
    inset:0;
    background:url('/public/assets/images/l2-stage-world.jpg') center/cover no-repeat;
    filter:saturate(.63) contrast(1.08) brightness(.55);
}
.page-phases .phases-hero::after{
    background:
        linear-gradient(90deg,rgba(8,7,6,.96),rgba(8,7,6,.66) 54%,rgba(8,7,6,.24)),
        linear-gradient(0deg,#0a0807,transparent 45%,rgba(8,7,6,.18));
}
.page-phases .phases-hero .eyebrow{color:var(--inn-orange-hot)}
.page-phases .phases-hero h1{
    max-width:920px;
    margin:31px 0 25px;
    font-family:Lineage,Georgia,serif;
    font-size:clamp(72px,8vw,126px);
    font-weight:400;
    line-height:.82;
    letter-spacing:-.025em;
    text-transform:uppercase;
}
.page-phases .phases-hero>p{
    max-width:650px;
    color:#b8aaa0;
    font-size:15px;
}
.page-phases .timeline{
    max-width:none;
    margin:0;
    padding:110px max(7vw,52px) 145px;
    background:
        radial-gradient(circle at 78% 16%,rgba(176,103,51,.09),transparent 27%),
        #0a0807;
}
.page-phases .timeline-item{
    width:min(1160px,100%);
    min-height:0;
    margin:0 auto 25px;
    grid-template-columns:135px minmax(0,1fr);
    align-items:stretch;
}
.page-phases .timeline-marker{
    padding:32px 28px 0 0;
    border-right:0;
    text-align:right;
}
.page-phases .timeline-marker span{
    color:#6f6259;
    font-family:Lineage,Georgia,serif;
    font-size:58px;
}
.page-phases .timeline-marker i{
    top:42px;
    right:-7px;
    width:13px;
    height:13px;
    border:3px solid #0a0807;
    background:#766a61;
    box-shadow:0 0 0 1px var(--inn-line);
}
.page-phases .timeline-item.status-active .timeline-marker i{
    background:var(--inn-orange);
    box-shadow:0 0 0 1px var(--inn-orange),0 0 24px rgba(206,129,54,.46);
}
.page-phases .timeline-content{
    position:relative;
    max-width:none;
    padding:42px 48px 45px;
    overflow:hidden;
    border:1px solid var(--inn-line);
    background:rgba(17,13,11,.88);
    box-shadow:0 24px 70px rgba(0,0,0,.28);
    backdrop-filter:blur(11px);
    -webkit-backdrop-filter:blur(11px);
    transition:transform .25s ease,border-color .25s ease,background .25s ease;
}
.page-phases .timeline-item.status-active .timeline-content{
    border-color:rgba(206,129,54,.44);
    background:
        linear-gradient(90deg,rgba(15,11,9,.97),rgba(15,11,9,.82)),
        url('/public/assets/images/l2-stage-world.jpg') center/cover no-repeat;
}
.page-phases .timeline-content:hover{
    transform:translateY(-4px);
    border-color:rgba(206,129,54,.42);
    background-color:rgba(34,24,18,.94);
}
.page-phases .phase-topline{color:#80746b}
.page-phases .phase-status{color:#a99a8e;border-color:var(--inn-line)}
.page-phases .status-active .phase-status{color:var(--inn-orange-hot);border-color:rgba(206,129,54,.54)}
.page-phases .timeline-content h2{
    margin:27px 0 18px;
    color:var(--inn-text);
    font-family:Lineage,Georgia,serif;
    font-size:clamp(46px,5vw,72px);
    font-weight:400;
    letter-spacing:0;
    text-transform:uppercase;
}
.page-phases .timeline-content>p{max-width:760px;color:#ad9f94}
.page-phases .timeline-content .check-list{max-width:800px;margin-bottom:23px}
.page-phases .timeline-content .check-list li{
    color:#94877d;
    border-color:var(--inn-line);
}
.page-phases .timeline-content .check-list li::before{border-color:var(--inn-orange)}
.page-phases .timeline-content time{color:var(--inn-orange-hot)}
.page-phases .site-footer{background:#080706;border-color:var(--inn-line)}

@media (max-width:800px){
    .page-play .play-world-install .download-grid{grid-template-columns:1fr}
    .page-phases .site-header,
    .page-phases .site-header.is-scrolled{
        top:0;
        width:100%;
        height:62px;
        padding-inline:18px;
        border-radius:0;
    }
    .page-phases .site-nav{
        inset:62px 0 auto;
        background:rgba(9,8,7,.98);
        border-color:var(--inn-line);
    }
    .page-phases .phases-hero{
        min-height:760px;
        padding:120px 22px 65px;
    }
    .page-phases .phases-hero::before{background-position:42% center}
    .page-phases .phases-hero::after{
        background:
            linear-gradient(180deg,rgba(8,7,6,.24),rgba(8,7,6,.66) 45%,#0a0807 82%),
            linear-gradient(90deg,rgba(8,7,6,.72),transparent);
    }
    .page-phases .phases-hero h1{font-size:clamp(58px,15vw,82px)}
    .page-phases .timeline{padding:75px 20px 100px}
    .page-phases .timeline-item{grid-template-columns:52px minmax(0,1fr)}
    .page-phases .timeline-marker{padding:24px 13px 0 0}
    .page-phases .timeline-marker span{font-size:28px}
    .page-phases .timeline-marker i{top:27px;right:-6px;width:11px;height:11px}
    .page-phases .timeline-content{padding:29px 24px 32px}
    .page-phases .timeline-content h2{font-size:42px}
}

/* Readability pass: the public website uses one clean typeface everywhere. */
body,
button,
input,
select,
textarea,
.site-shell,
.site-shell *{
    font-family:NEWRaleway,Arial,sans-serif!important;
}

/* Unified glass language for every public information box. */
:root{
    --nw-glass-border:rgba(244,225,207,.2);
    --nw-glass-border-hot:rgba(238,165,87,.5);
    --nw-glass-bg:linear-gradient(145deg,rgba(255,247,236,.04),rgba(27,20,16,.055) 48%,rgba(8,7,6,.1));
    --nw-glass-bg-hot:linear-gradient(145deg,rgba(206,129,54,.075),rgba(62,38,23,.055) 48%,rgba(8,7,6,.12));
    --nw-glass-shadow:0 28px 80px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,246,233,.13);
}

.page-home .site-header,
.page-play .site-header,
.page-phases .site-header{
    background:rgba(10,8,7,.52);
    border-color:var(--nw-glass-border);
    box-shadow:0 12px 40px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.06);
    backdrop-filter:blur(24px) saturate(130%);
    -webkit-backdrop-filter:blur(24px) saturate(130%);
}

.inn-status{
    background:rgba(10,8,7,.46);
    backdrop-filter:blur(18px) saturate(120%);
    -webkit-backdrop-filter:blur(18px) saturate(120%);
}
.inn-status-inner,
.inn-stage-grid,
.inn-guide-window,
.page-play .play-world-status,
.page-play .concept-meta,
.page-play .play-checklist-world article,
.page-play .play-account-card,
.page-phases .timeline-content{
    border-color:var(--nw-glass-border);
    background:var(--nw-glass-bg);
    box-shadow:var(--nw-glass-shadow);
    backdrop-filter:blur(12px) saturate(120%);
    -webkit-backdrop-filter:blur(12px) saturate(120%);
}

.inn-stage-grid{background:rgba(21,16,13,.09)}
.inn-stage-grid article{background:rgba(255,255,255,.008)}
.inn-stage-grid article.status-active{
    background:linear-gradient(145deg,rgba(206,129,54,.075),rgba(15,11,9,.08));
}
.inn-stage-details{background:transparent}

.inn-feature-list,
.inn-focus-list{border-top:0}
.inn-feature-list article,
.inn-focus-list article{
    margin-bottom:8px;
    padding:15px 16px;
    border:1px solid rgba(244,225,207,.12);
    background:linear-gradient(145deg,rgba(255,247,236,.035),rgba(12,9,8,.09));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    backdrop-filter:blur(14px) saturate(120%);
    -webkit-backdrop-filter:blur(14px) saturate(120%);
    transition:border-color .22s ease,background .22s ease,transform .22s ease;
}
.inn-feature-list article:hover,
.inn-focus-list article:hover{
    transform:translateX(4px);
    border-color:var(--nw-glass-border-hot);
    background:linear-gradient(145deg,rgba(206,129,54,.08),rgba(15,11,9,.12));
}

.inn-guide-window{background:rgba(18,13,10,.1)}
.inn-faq-list{background:transparent}
.inn-faq-list details{
    margin-bottom:8px;
    padding-inline:14px;
    border:1px solid rgba(244,225,207,.11);
    background:rgba(255,247,236,.018);
}
.inn-guide-window aside{
    border-left:1px solid rgba(244,225,207,.12);
    background:linear-gradient(145deg,rgba(206,129,54,.075),rgba(12,9,8,.1));
}

.page-play .play-world-status,
.page-play .concept-meta,
.page-play .play-account-card{
    background:var(--nw-glass-bg);
}
.page-play .play-world-install .download-grid{background:transparent}
.page-play .play-world-install .download-card{
    background:var(--nw-glass-bg);
    border-color:var(--nw-glass-border);
}
.page-play .play-world-install .download-card.is-primary{
    background:var(--nw-glass-bg-hot);
    border-color:var(--nw-glass-border-hot);
}
.page-play .play-checklist-world article:hover{
    border-color:var(--nw-glass-border-hot);
    background:var(--nw-glass-bg-hot);
}

.page-phases .timeline{
    background:
        linear-gradient(180deg,rgba(8,7,6,.84),rgba(8,7,6,.72)),
        url('/public/assets/images/l2-stage-world.jpg') center/cover fixed;
}
.page-phases .timeline-content,
.page-phases .timeline-item.status-active .timeline-content{
    background:var(--nw-glass-bg);
}
.page-phases .timeline-item.status-active .timeline-content{
    border-color:var(--nw-glass-border-hot);
    background:var(--nw-glass-bg-hot);
}
.page-phases .timeline-content:hover{
    border-color:var(--nw-glass-border-hot);
    background:linear-gradient(145deg,rgba(255,247,236,.11),rgba(31,21,15,.3));
}

@media (max-width:800px){
    .inn-guide-window aside{
        border-left:0;
        border-top:1px solid rgba(244,225,207,.12);
    }
    .page-phases .timeline{background-attachment:scroll}
}

/* Larger roadmap and feature cards for desktop readability. */
.inn-stages .inn-heading p{
    max-width:760px;
    font-size:14px;
    line-height:1.75;
}
.inn-feature-list{
    display:grid;
    gap:10px;
}
.inn-feature-list article{
    min-height:126px;
    margin:0;
    padding:22px 24px;
    grid-template-columns:46px minmax(0,1fr);
    gap:18px;
    align-items:start;
}
.inn-feature-list article>span{
    padding-top:3px;
    font-size:20px;
    font-weight:700;
}
.inn-feature-list article>div{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}
.inn-feature-list article small{
    margin-bottom:7px;
    color:var(--inn-orange-hot);
    font-size:8px;
    font-weight:800;
    letter-spacing:.2em;
}
.inn-feature-list strong{
    font-size:15px;
    line-height:1.3;
}
.inn-feature-list p{
    margin-top:8px;
    color:#a99b91;
    font-size:11.5px;
    line-height:1.65;
}
.inn-showcase:not(.inn-showcase-reverse) .inn-showcase-copy>p{
    font-size:14px;
}

@media (max-width:520px){
    .inn-stage-art{min-height:170px;padding:25px 22px}
    .inn-stage-art strong{font-size:27px}
    .inn-stage-title{align-items:flex-start;gap:9px}
    .inn-stage-title em{padding:5px 6px;font-size:7px}
    .inn-feature-list article{min-height:0;padding:19px;grid-template-columns:38px minmax(0,1fr)}
    .inn-feature-list article>span{font-size:17px}
}

/* Unified server wiki: feature reference, custom passives, roadmap, and guides. */
.page-wiki-hub{
    background:#0d0a08;
    color:#f2e9df;
}
.page-wiki-hub .site-shell{
    background:
        linear-gradient(180deg,rgba(12,9,7,.82),rgba(12,9,7,.96)),
        url('/public/assets/images/l2-guide.jpg') top center/cover fixed;
}
.page-wiki-hub .site-header{
    height:60px;
    padding-inline:clamp(24px,4vw,68px);
    background:rgba(10,8,7,.58);
    border-color:var(--nw-glass-border);
    box-shadow:0 12px 40px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);
    backdrop-filter:blur(24px) saturate(130%);
    -webkit-backdrop-filter:blur(24px) saturate(130%);
}
.page-wiki-hub .site-header.is-scrolled{
    height:58px;
    background:rgba(8,7,6,.92);
    border-color:rgba(238,165,87,.28);
}
.page-wiki-hub .site-header .button{
    min-height:36px;
    padding-inline:21px;
    color:#160d06;
    border-color:var(--inn-orange-hot);
    background:var(--inn-orange);
    box-shadow:0 10px 30px rgba(206,129,54,.2);
}
.page-wiki-hub .site-header .button:hover{
    color:#100a05;
    border-color:#ffc17f;
    background:var(--inn-orange-hot);
    transform:translateY(-1px);
}
.page-wiki-hub .site-nav a{
    color:#a89d94;
    font-size:8px;
}
.page-wiki-hub .site-nav a:hover,
.page-wiki-hub .site-nav a.is-active{color:#fff8f1}
.page-wiki-hub .site-nav a.is-active::after{background:var(--inn-orange)}
.page-wiki-hub .header-signal{color:#d8cabe}
.page-wiki-hub .header-signal i{background:#73d8ad}

@media (max-width:800px){
    .page-wiki-hub .site-header,
    .page-wiki-hub .site-header.is-scrolled{
        height:60px;
        padding-inline:8px;
    }
    .page-wiki-hub .site-nav{
        border-color:var(--nw-glass-border);
        background:rgba(10,8,7,.97);
        box-shadow:0 24px 60px rgba(0,0,0,.4);
        backdrop-filter:blur(24px) saturate(125%);
        -webkit-backdrop-filter:blur(24px) saturate(125%);
    }
    .page-wiki-hub .site-nav a{
        min-height:42px;
        color:#c7b8ac;
        font-size:10px;
    }
}
.feature-docs{
    position:relative;
    padding:125px max(3vw,28px) 110px;
    isolation:isolate;
}
.feature-docs::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:
        radial-gradient(circle at 50% 5%,rgba(213,139,65,.12),transparent 28%),
        linear-gradient(90deg,rgba(10,8,7,.92),rgba(19,14,11,.77) 50%,rgba(10,8,7,.92)),
        url('/public/assets/images/l2-guide.jpg') top center/cover fixed;
}
.feature-docs-intro{
    width:min(1460px,100%);
    margin:0 auto 36px;
    text-align:center;
}
.feature-docs-intro>span,
.feature-docs-intro>p,
.feature-doc-card>small,
.feature-card-head small,
.feature-card-copy>small,
.feature-docs-nav>small,
.wiki-library-head small{
    font-size:9px;
    font-weight:800;
    letter-spacing:.19em;
    text-transform:uppercase;
}
.feature-docs-intro>span{
    display:inline-flex;
    padding:7px 10px;
    color:#1a1008;
    background:var(--inn-orange);
    border-radius:5px;
}
.feature-docs-intro h1{
    margin:14px 0 7px;
    font-family:inherit;
    font-size:clamp(28px,2.5vw,40px);
    font-weight:600;
    letter-spacing:-.025em;
}
.feature-docs-intro h1 strong{color:var(--inn-orange-hot);font-weight:700}
.feature-docs-intro>p{margin:0;color:#8f8176;font-weight:600;letter-spacing:.1em}
.feature-docs-layout{
    width:min(1500px,100%);
    margin:0 auto;
    display:grid;
    grid-template-columns:220px minmax(0,1fr) 250px;
    align-items:start;
    gap:24px;
}
.feature-docs-nav,
.feature-docs-summary{
    position:sticky;
    top:92px;
}
.feature-docs-nav{
    padding:22px 0;
}
.feature-docs-nav>small{display:block;padding:0 15px 15px;color:#70645b}
.feature-docs-nav nav{display:grid}
.feature-docs-nav a{
    min-height:48px;
    padding:0 15px;
    display:grid;
    grid-template-columns:26px minmax(0,1fr);
    align-items:center;
    gap:7px;
    color:#a49588;
    border-left:2px solid transparent;
    font-size:12px;
    font-weight:650;
    transition:.2s ease;
}
.feature-docs-nav a span{color:#665a51;font-size:9px}
.feature-docs-nav a:hover,
.feature-docs-nav a.is-active{color:#f0aa56;border-left-color:var(--inn-orange);background:linear-gradient(90deg,rgba(217,132,48,.11),transparent)}
.feature-docs-nav a.is-active span{color:var(--inn-orange-hot)}
.feature-docs-main{display:grid;gap:18px;min-width:0}
.feature-doc-card{
    scroll-margin-top:95px;
    padding:34px;
    overflow:hidden;
    border:1px solid rgba(237,216,196,.16);
    border-radius:14px;
    background:linear-gradient(145deg,rgba(53,43,36,.74),rgba(31,25,21,.66));
    box-shadow:0 28px 65px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,247,238,.07);
    backdrop-filter:blur(18px) saturate(115%);
    -webkit-backdrop-filter:blur(18px) saturate(115%);
}
.feature-concept{
    min-height:350px;
    padding:0;
    display:grid;
    grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);
}
.feature-card-copy{padding:38px 0 38px 38px;position:relative;z-index:1}
.feature-card-copy>small,.feature-card-head small{color:var(--inn-orange-hot)}
.feature-card-copy h2,
.feature-card-head h2,
.feature-roadmap-card h2,
.wiki-library-head h2{
    margin:10px 0 18px;
    font-family:inherit;
    font-weight:600;
    letter-spacing:-.035em;
}
.feature-card-copy h2{font-size:clamp(34px,3.2vw,53px);line-height:1.02}
.feature-card-copy p,.feature-card-lead,.feature-roadmap-card>p{
    max-width:650px;
    color:#b5a79c;
    font-size:13px;
    line-height:1.75;
}
.feature-card-copy p{margin:0 0 13px}
.feature-card-character{
    min-height:350px;
    background:
        linear-gradient(90deg,rgba(49,39,33,.95),transparent 45%),
        linear-gradient(0deg,rgba(34,27,23,.55),transparent 45%),
        url('/public/assets/images/l2-features.jpg') 59% center/cover no-repeat;
}
.feature-concept-tags{margin-top:25px;display:flex;flex-wrap:wrap;gap:7px}
.feature-concept-tags span,
.feature-status-pill,
.feature-count-pill{
    padding:7px 9px;
    color:#d6c7bb;
    border:1px solid rgba(236,214,193,.16);
    border-radius:5px;
    background:rgba(12,9,7,.22);
    font-size:8px;
    font-weight:800;
    letter-spacing:.13em;
}
.feature-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.feature-card-head h2{font-size:clamp(29px,2.6vw,42px)}
.feature-status-pill{color:#1a1008;background:var(--inn-orange);border-color:var(--inn-orange)}
.feature-card-lead{margin:0 0 26px}
.feature-fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.feature-fact-grid article{
    min-height:68px;
    padding:14px 17px;
    display:grid;
    grid-template-columns:30px minmax(0,1fr);
    align-items:center;
    gap:12px;
    border:1px solid rgba(236,214,193,.13);
    border-radius:7px;
    background:rgba(13,10,8,.25);
}
.feature-fact-grid article span{color:var(--inn-orange);font-size:11px;font-weight:800}
.feature-fact-grid article strong{font-size:11px;line-height:1.45}
.passive-doc-card{padding-bottom:28px}
.passive-doc-intro{max-width:790px;margin:0 0 26px}
.passive-doc-intro p{margin:0 0 9px;color:#ad9f94;font-size:12px;line-height:1.72}
.passive-doc-stage{
    display:grid;
    grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);
    min-height:390px;
    overflow:hidden;
    border:1px solid rgba(237,216,196,.17);
    border-radius:10px;
    background:rgba(12,9,7,.34);
}
.passive-doc-stage figure{position:relative;min-height:390px;margin:0;overflow:hidden;background:#100c0a}
.passive-doc-stage figure::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,rgba(14,10,8,.45)),linear-gradient(0deg,rgba(12,9,7,.72),transparent 44%)}
.passive-doc-stage figure>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.72) contrast(1.05);transition:opacity .18s ease,transform .35s ease}
.passive-doc-stage figure>img.is-changing{opacity:.15;transform:scale(1.015)}
.passive-doc-stage figcaption{position:absolute;z-index:2;left:20px;right:20px;bottom:17px;display:flex;justify-content:space-between;color:#d6c6b9;font-style:normal;font-size:8px;font-weight:800;letter-spacing:.14em}
.passive-doc-stage figcaption em{font-style:normal;color:var(--inn-orange-hot)}
.passive-doc-copy{position:relative;padding:34px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.passive-doc-symbol{position:absolute;right:27px;top:21px;color:rgba(236,170,98,.16);font-size:74px;font-weight:800;line-height:1}
.passive-doc-copy>small{color:var(--inn-orange-hot);font-size:8px;font-weight:800;letter-spacing:.17em}
.passive-doc-copy h3{max-width:330px;margin:11px 0 14px;font-family:inherit;font-size:clamp(31px,3vw,48px);font-weight:600;line-height:1;letter-spacing:-.04em}
.passive-bonus-label{margin-bottom:7px;color:#786b61;font-size:7px;letter-spacing:.15em}
.passive-doc-copy>p{margin:0;color:#ad9f94;font-size:12px;line-height:1.75}
.passive-doc-controls{margin-top:26px;display:flex;gap:7px}
.passive-doc-controls button{
    width:42px;height:42px;color:#d8c7b9;border:1px solid rgba(236,214,193,.19);border-radius:6px;background:rgba(9,7,6,.3);cursor:pointer;transition:.2s ease;
}
.passive-doc-controls button:hover{color:#160e08;border-color:var(--inn-orange);background:var(--inn-orange)}
.passive-doc-selector{
    margin-top:10px;
    display:grid;
    grid-template-columns:repeat(9,minmax(60px,1fr));
    gap:7px;
}
.passive-doc-selector button{
    min-width:0;
    min-height:75px;
    padding:8px 5px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    color:#8e8176;
    border:1px solid rgba(236,214,193,.12);
    border-radius:6px;
    background:rgba(12,9,7,.24);
    cursor:pointer;
    transition:.2s ease;
}
.passive-doc-selector button span{width:34px;height:34px;display:grid;place-items:center;overflow:hidden;color:#d2c1b3;border:1px solid rgba(236,214,193,.14);border-radius:5px;font-size:10px;font-weight:800}
.passive-doc-selector button img{width:100%;height:100%;object-fit:cover}
.passive-doc-selector button small{font-size:7px;font-weight:800;letter-spacing:.12em}
.passive-doc-selector button:hover,.passive-doc-selector button.is-active{color:var(--inn-orange-hot);border-color:rgba(229,145,61,.65);background:rgba(194,112,38,.12);transform:translateY(-2px)}
.passive-doc-selector button.is-active span{color:#160e08;border-color:var(--inn-orange);background:var(--inn-orange);box-shadow:0 0 20px rgba(219,134,48,.18)}
.passive-fine-print{margin-top:26px;padding-top:26px;border-top:1px solid rgba(236,214,193,.12)}
.passive-fine-print header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:15px}
.passive-fine-print header small{color:var(--inn-orange-hot);font-size:8px;font-weight:800;letter-spacing:.16em}
.passive-fine-print header h3{margin:0;font-family:inherit;font-size:27px;font-weight:600}
.passive-qa{display:grid;border:1px solid rgba(236,214,193,.1);border-radius:7px;background:rgba(12,9,7,.18)}
.passive-qa details{border-bottom:1px solid rgba(236,214,193,.09)}
.passive-qa details:last-child{border-bottom:0}
.passive-qa summary{min-height:50px;padding:0 14px;display:grid;grid-template-columns:27px minmax(0,1fr) 18px;align-items:center;gap:9px;cursor:pointer;list-style:none}
.passive-qa summary::-webkit-details-marker{display:none}
.passive-qa summary span{color:var(--inn-orange);font-size:8px;font-weight:800}
.passive-qa summary strong{color:#d9cabd;font-size:10px;font-weight:650}
.passive-qa summary i{color:#8d7f73;font-size:15px;font-style:normal;transition:transform .2s ease}
.passive-qa details[open] summary i{color:var(--inn-orange-hot);transform:rotate(45deg)}
.passive-qa details>p{margin:0;padding:0 38px 15px 50px;color:#978a80;font-size:9px;line-height:1.58}
.passive-qa details b{color:#d7c8bb}
.feature-system-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.feature-system-list article{min-height:150px;padding:20px;display:grid;grid-template-columns:39px minmax(0,1fr);gap:14px;border:1px solid rgba(236,214,193,.12);border-radius:8px;background:rgba(12,9,7,.2);transition:.2s ease}
.feature-system-list article:hover{border-color:rgba(229,145,61,.47);background:rgba(157,88,31,.08);transform:translateY(-2px)}
.feature-system-list article>span{width:38px;height:38px;display:grid;place-items:center;color:var(--inn-orange-hot);border:1px solid rgba(229,145,61,.32);border-radius:6px;font-size:14px}
.feature-system-list small{color:#8c7e73;font-size:7px;font-weight:800;letter-spacing:.15em}
.feature-system-list h3{margin:7px 0 8px;font-family:inherit;font-size:16px;font-weight:650}
.feature-system-list p{margin:0;color:#978a80;font-size:10px;line-height:1.62}
.wiki-phase-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.wiki-phase-list article{padding:22px;border:1px solid rgba(236,214,193,.12);border-radius:8px;background:rgba(12,9,7,.2)}
.wiki-phase-list article.is-active{border-color:rgba(229,145,61,.55);background:linear-gradient(145deg,rgba(183,99,34,.13),rgba(12,9,7,.24))}
.wiki-phase-list article>div{display:flex;align-items:center;justify-content:space-between}
.wiki-phase-list article>div span{color:var(--inn-orange);font-size:19px;font-weight:650}
.wiki-phase-list article>div small{padding:5px 7px;color:#a99a8d;border:1px solid rgba(236,214,193,.14);border-radius:4px;font-size:7px;font-weight:800;letter-spacing:.13em}
.wiki-phase-list h3{margin:20px 0 10px;font-family:inherit;font-size:23px;font-weight:600}
.wiki-phase-list p{min-height:68px;margin:0;color:#978a80;font-size:10px;line-height:1.6}
.wiki-phase-list ul{margin:16px 0 0;padding:14px 0 0;list-style:none;border-top:1px solid rgba(236,214,193,.1)}
.wiki-phase-list li{position:relative;padding:6px 0 6px 12px;color:#ab9d91;font-size:9px;line-height:1.45}
.wiki-phase-list li::before{content:"";position:absolute;left:0;top:11px;width:4px;height:4px;background:var(--inn-orange)}
.feature-docs-summary{display:grid;gap:9px}
.feature-docs-summary>section,
.feature-docs-summary>a{border:1px solid rgba(237,216,196,.14);border-radius:10px;background:linear-gradient(145deg,rgba(54,43,36,.67),rgba(26,21,18,.68));box-shadow:0 20px 50px rgba(0,0,0,.18);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.feature-docs-summary>section{padding:21px}
.feature-summary-title{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid rgba(236,214,193,.12)}
.feature-summary-title>span{width:40px;height:40px;display:grid;place-items:center;color:#160e08;border-radius:50%;background:var(--inn-orange);font-size:17px;font-weight:800}
.feature-summary-title strong,.feature-summary-title small{display:block}
.feature-summary-title strong{font-size:14px}
.feature-summary-title small{margin-top:4px;color:#8b7e74;font-size:8px;letter-spacing:.12em;text-transform:uppercase}
.feature-docs-summary dl{margin:9px 0 18px}
.feature-docs-summary dl div{padding:10px 0;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(236,214,193,.08)}
.feature-docs-summary dt{color:#776b62;font-size:7px;font-weight:800;letter-spacing:.13em}
.feature-docs-summary dd{margin:0;color:#d1c2b6;font-size:9px;font-weight:700;text-align:right}
.feature-docs-summary .inn-button{width:100%}
.feature-docs-summary>a{min-height:72px;padding:14px;display:grid;grid-template-columns:32px minmax(0,1fr) 12px;align-items:center;gap:10px;color:#d8c9bd}
.feature-docs-summary>a>span{width:32px;height:32px;display:grid;place-items:center;color:var(--inn-orange-hot);border:1px solid rgba(229,145,61,.3);border-radius:6px}
.feature-docs-summary>a strong,.feature-docs-summary>a small{display:block}
.feature-docs-summary>a strong{font-size:10px}
.feature-docs-summary>a small{margin-top:4px;color:#786d64;font-size:7px;line-height:1.4}
.feature-docs-summary>a:hover{border-color:rgba(229,145,61,.5);transform:translateY(-2px)}
.wiki-library{scroll-margin-top:86px;padding:90px max(5vw,35px);background:rgba(10,8,7,.94)}
.wiki-library-head{width:min(1280px,100%);margin:0 auto 35px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,480px);align-items:end;gap:40px}
.wiki-library-head small{color:var(--inn-orange-hot)}
.wiki-library-head h2{font-size:clamp(31px,3vw,46px)}
.wiki-library-head p{max-width:620px;margin:0;color:#988b81;font-size:11px;line-height:1.7}
.wiki-library .wiki-search{margin:0}
.wiki-library-layout{width:min(1280px,100%);margin:0 auto;display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px}
.wiki-library .wiki-categories{position:static}
.wiki-library .wiki-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.inn-showcase-actions{justify-content:flex-start}
.inn-wiki-link{margin:28px 0 0}

@media (max-width:1250px){
    .feature-docs-layout{grid-template-columns:minmax(0,1fr) 240px}
    .feature-docs-nav{position:sticky;top:63px;z-index:5;grid-column:1/-1;padding:0;background:rgba(13,10,8,.93);border:1px solid rgba(237,216,196,.13);border-radius:8px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
    .feature-docs-nav>small{display:none}
    .feature-docs-nav nav{display:flex;overflow-x:auto}
    .feature-docs-nav a{flex:1 0 auto;min-height:46px;border-left:0;border-bottom:2px solid transparent}
    .feature-docs-nav a:hover,.feature-docs-nav a.is-active{border-left-color:transparent;border-bottom-color:var(--inn-orange);background:rgba(190,104,34,.08)}
}
@media (max-width:900px){
    .feature-docs{padding:95px 20px 75px}
    .feature-docs-layout{grid-template-columns:1fr}
    .feature-docs-summary{position:static;grid-row:2;grid-template-columns:1fr 1fr}
    .feature-docs-summary>section{grid-column:1/-1}
    .feature-concept{grid-template-columns:1fr}
    .feature-card-copy{padding:32px}
    .feature-card-character{min-height:280px;background-position:center 35%}
    .passive-doc-stage{grid-template-columns:1fr}
    .passive-doc-stage figure{min-height:380px}
    .passive-doc-selector{grid-template-columns:repeat(6,minmax(55px,1fr))}
    .wiki-library-head{grid-template-columns:1fr}
}
@media (max-width:650px){
    .feature-docs{padding-inline:13px}
    .feature-docs-intro{margin-bottom:24px;text-align:left}
    .feature-docs-intro h1{font-size:29px}
    .feature-docs-intro>p{font-size:7px;line-height:1.65}
    .feature-docs-nav{top:61px}
    .feature-docs-nav a{padding-inline:12px;font-size:10px}
    .feature-doc-card{padding:23px 18px;border-radius:10px}
    .feature-card-copy{padding:27px 20px}
    .feature-card-character{min-height:230px}
    .feature-card-head{gap:12px}
    .feature-card-head h2{font-size:29px}
    .feature-status-pill,.feature-count-pill{padding:6px;font-size:6px}
    .feature-fact-grid,.feature-system-list,.wiki-phase-list{grid-template-columns:1fr}
    .passive-doc-stage figure{min-height:260px}
    .passive-doc-copy{padding:27px 22px}
    .passive-doc-symbol{font-size:55px}
    .passive-doc-selector{display:flex;overflow-x:auto;padding-bottom:5px;scroll-snap-type:x mandatory}
    .passive-doc-selector button{flex:0 0 68px;scroll-snap-align:start}
    .passive-qa details>p{padding-left:50px}
    .wiki-phase-list p{min-height:0}
    .feature-docs-summary{grid-template-columns:1fr}
    .feature-docs-summary>section{grid-column:auto}
    .wiki-library{padding:70px 14px}
    .wiki-library-layout{grid-template-columns:1fr}
    .wiki-library .wiki-categories{display:flex;overflow-x:auto}
    .wiki-library .wiki-categories a{flex:0 0 auto}
    .wiki-library .wiki-grid{grid-template-columns:1fr}
}

/* Expandable wiki index, direct system links, and consistent Discord marks. */
.feature-docs-nav nav{display:grid;gap:4px}
.feature-docs-nav details{border-bottom:1px solid rgba(236,214,193,.08)}
.feature-docs-nav summary{min-height:46px;padding:0 11px;display:grid;grid-template-columns:17px minmax(0,1fr);align-items:center;gap:8px;color:#c9b6a5;cursor:pointer;list-style:none;transition:.2s ease}
.feature-docs-nav summary::-webkit-details-marker{display:none}
.feature-docs-nav summary i{color:var(--inn-orange-hot);font-size:22px;font-style:normal;line-height:1;transition:transform .2s ease}
.feature-docs-nav details[open] summary i{transform:rotate(90deg)}
.feature-docs-nav summary strong{font-size:11px;font-weight:650}
.feature-docs-nav summary:hover{color:#fff1e3;background:rgba(190,104,34,.06)}
.feature-docs-nav details>div{padding:0 0 9px 25px;border-left:1px solid rgba(229,145,61,.38);margin-left:19px}
.feature-docs-nav details>div a{min-height:34px;padding:7px 11px;border:0;color:#80736a;font-size:9px}
.feature-docs-nav details>div a:hover,.feature-docs-nav details>div a.is-active{color:var(--inn-orange-hot);border:0;background:rgba(190,104,34,.05)}

.feature-system-list .feature-system-link{min-height:150px;padding:20px;display:grid;grid-template-columns:39px minmax(0,1fr);gap:14px;color:#efe3d8;border:1px solid rgba(236,214,193,.12);border-radius:8px;background:rgba(12,9,7,.2);transition:.2s ease}
.feature-system-list .feature-system-link:hover{color:#fff;border-color:rgba(229,145,61,.58);background:rgba(157,88,31,.1);transform:translateY(-2px)}
.feature-system-list .feature-system-link>span{width:38px;height:38px;display:grid;place-items:center;color:var(--inn-orange-hot);border:1px solid rgba(229,145,61,.32);border-radius:6px;font-size:18px}
.feature-system-list .feature-system-link small{color:#8c7e73;font-size:7px;font-weight:800;letter-spacing:.15em}
.feature-system-list .feature-system-link h3{margin:7px 0 8px;font-family:inherit;font-size:16px;font-weight:650}
.feature-system-list .feature-system-link p{margin:0;color:#978a80;font-size:10px;line-height:1.62}
.feature-system-list .feature-system-link b{display:block;margin-top:14px;color:var(--inn-orange-hot);font-size:7px;letter-spacing:.14em;text-transform:uppercase}

.inn-feature-list>a{min-height:126px;margin:0;padding:22px 24px;display:grid;grid-template-columns:46px minmax(0,1fr);gap:18px;align-items:start;color:#efe3d8;border:1px solid rgba(236,214,193,.14);background:rgba(19,14,11,.3);transition:.22s ease}
.inn-feature-list>a:hover{color:#fff;border-color:rgba(229,145,61,.55);background:rgba(157,88,31,.1);transform:translateX(5px)}
.inn-feature-list>a>span{padding-top:3px;color:var(--inn-orange-hot);font-size:20px;font-weight:700}
.inn-feature-list>a>div{display:flex;flex-direction:column;align-items:flex-start}
.inn-feature-list>a small{margin-bottom:7px;color:var(--inn-orange-hot);font-size:8px;font-weight:800;letter-spacing:.2em}
.inn-feature-list>a strong{font-size:15px;line-height:1.3}
.inn-feature-list>a p{margin-top:8px;color:#a99b91;font-size:11.5px;line-height:1.65}
.inn-feature-list>a em{margin-top:10px;color:var(--inn-orange-hot);font-size:7px;font-style:normal;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.inn-wiki-portal{margin-top:15px;padding:20px 22px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 20px;color:#efe3d8;border:1px solid rgba(229,145,61,.42);background:linear-gradient(110deg,rgba(186,97,29,.17),rgba(20,14,11,.35));transition:.22s ease}
.inn-wiki-portal>span{color:var(--inn-orange-hot);font-size:7px;font-weight:800;letter-spacing:.18em}
.inn-wiki-portal>strong{grid-column:1;font-size:18px;line-height:1.25}
.inn-wiki-portal>small{grid-column:1;color:#9d8f84;font-size:8px;line-height:1.5}
.inn-wiki-portal>b{grid-column:2;grid-row:1/4;align-self:center;color:var(--inn-orange-hot);font-size:24px;font-weight:400;transition:transform .2s ease}
.inn-wiki-portal:hover{color:#fff;border-color:var(--inn-orange-hot);background:linear-gradient(110deg,rgba(201,111,37,.23),rgba(26,18,14,.42));transform:translateY(-2px)}
.inn-wiki-portal:hover>b{transform:translateX(5px)}

.discord-mark{width:17px;height:17px;display:inline-block;flex:0 0 auto;fill:currentColor;vertical-align:-3px}
.has-discord-icon{display:inline-flex!important;align-items:center;gap:9px}
.feature-docs-summary .has-discord-icon>span .discord-mark{width:17px;height:17px}

/* Safe Markdown presentation for standalone wiki system pages. */
.page-wiki-article{background:#0d0a08;color:#f2e9df}
.page-wiki-article .site-shell{background:linear-gradient(180deg,rgba(13,10,8,.76),rgba(13,10,8,.96)),url('/public/assets/images/l2-phases.jpg') center top/cover fixed}
.page-wiki-article .wiki-article-hero{background:linear-gradient(180deg,rgba(13,10,8,.34),rgba(13,10,8,.92))}
.page-wiki-article .wiki-article-shell{grid-template-columns:210px minmax(0,980px)}
.page-wiki-article .wiki-prose{color:#c9bbb0;font-size:15px;line-height:1.78}
.page-wiki-article .wiki-prose h2{margin:62px 0 20px;color:#f5e9df;font-family:inherit;font-size:34px;font-weight:650}
.page-wiki-article .wiki-prose h3{margin:38px 0 15px;color:var(--inn-orange-hot);font-family:inherit;font-size:20px;font-weight:650}
.page-wiki-article .wiki-prose>p{margin:0 0 24px}
.page-wiki-article .wiki-prose>p:first-child::first-letter{float:none;padding:0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit}
.page-wiki-article .wiki-prose>ul{margin:18px 0 30px;padding:22px 25px 22px 46px;border:1px solid rgba(236,214,193,.12);border-radius:8px;background:rgba(22,16,12,.45)}
.page-wiki-article .wiki-prose>ul li{padding:6px 0}
.wiki-table-wrap{width:100%;margin:18px 0 38px;overflow-x:auto;border:1px solid rgba(236,214,193,.14);border-radius:9px;background:rgba(18,13,10,.5);box-shadow:0 18px 45px rgba(0,0,0,.16)}
.wiki-table-wrap table{width:100%;min-width:720px;border-collapse:collapse;font-size:12px;line-height:1.5}
.wiki-table-wrap th{padding:14px 16px;color:var(--inn-orange-hot);background:rgba(177,95,31,.12);font-size:8px;letter-spacing:.12em;text-align:left;text-transform:uppercase}
.wiki-table-wrap td{padding:12px 16px;border-top:1px solid rgba(236,214,193,.08);color:#b7aaa0}
.wiki-table-wrap tr:hover td{background:rgba(205,123,46,.055);color:#e8d9cd}
.wiki-table-wrap td:first-child{color:#e0d2c6;white-space:nowrap}
.wiki-inline-icon{width:32px;height:32px;margin-right:10px;display:inline-block;image-rendering:auto;vertical-align:middle;border:1px solid rgba(229,145,61,.28);border-radius:4px;box-shadow:0 0 16px rgba(111,151,181,.12)}
.page-wiki-article .wiki-help{border-color:rgba(236,214,193,.14);background:rgba(24,17,13,.48)}

@media (max-width:1250px){
    .feature-docs-nav nav{display:flex;overflow-x:auto;gap:0}
    .feature-docs-nav details{flex:0 0 auto;min-width:190px;border-right:1px solid rgba(236,214,193,.08);border-bottom:0}
    .feature-docs-nav details>div{position:absolute;z-index:8;min-width:220px;margin:0;padding:9px;border:1px solid rgba(236,214,193,.14);background:rgba(15,11,9,.97);box-shadow:0 18px 45px rgba(0,0,0,.35)}
}
@media (max-width:650px){
    .feature-docs-nav details{min-width:170px}
    .feature-docs-nav summary{min-height:44px}
    .inn-feature-list>a{min-height:0;padding:19px;grid-template-columns:38px minmax(0,1fr)}
    .inn-feature-list>a>span{font-size:17px}
    .page-wiki-article .wiki-article-shell{grid-template-columns:1fr}
    .wiki-table-wrap{margin-inline:0}
    .inn-wiki-portal{padding:18px 16px}
    .inn-wiki-portal>small{font-size:7px}
}

/* Moonlit Acolyte: same interactive, glass Wiki language as class passives. */
.acolyte-docs{min-height:100vh}
.acolyte-overview-card{padding:0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);overflow:hidden}
.acolyte-overview-card .feature-card-copy{padding:45px}
.acolyte-npc-portrait{position:relative;min-height:520px;margin:0;overflow:hidden;border-left:1px solid rgba(236,214,193,.12);background:radial-gradient(circle at 50% 40%,rgba(117,158,181,.18),rgba(13,10,8,.82) 68%)}
.acolyte-npc-portrait>img{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;object-position:center bottom;filter:saturate(.85) contrast(1.03)}
.acolyte-npc-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(12,9,7,.88))}
.acolyte-npc-portrait figcaption{position:absolute;z-index:1;left:24px;right:24px;bottom:21px;display:flex;align-items:end;justify-content:space-between;gap:16px}
.acolyte-npc-portrait figcaption span{color:#eaded3;font-size:9px;font-weight:800;letter-spacing:.15em}
.acolyte-npc-portrait figcaption small{color:var(--inn-orange-hot);font-size:7px;letter-spacing:.12em}

.acolyte-buff-stage{margin-top:25px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);overflow:hidden;border:1px solid rgba(236,214,193,.14);border-radius:9px;background:rgba(14,10,8,.27)}
.acolyte-buff-stage>figure{position:relative;min-height:500px;margin:0;overflow:hidden;border-right:1px solid rgba(236,214,193,.12);background:radial-gradient(circle at 50% 38%,rgba(95,146,177,.18),rgba(12,9,7,.9) 70%)}
.acolyte-buff-stage>figure>img{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;object-position:center bottom;filter:saturate(.82) contrast(1.04)}
.acolyte-buff-stage>figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(11,8,7,.88))}
.acolyte-buff-stage figcaption{position:absolute;z-index:1;left:20px;right:20px;bottom:18px;display:flex;justify-content:space-between;gap:20px;color:#ddd0c5;font-size:8px;font-weight:800;letter-spacing:.13em}
.acolyte-buff-stage figcaption em{color:var(--inn-orange-hot);font-style:normal}
.acolyte-buff-copy{padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.acolyte-selected-icon{width:64px;height:64px;margin-bottom:19px;border:1px solid rgba(229,145,61,.42);border-radius:7px;box-shadow:0 0 28px rgba(103,154,189,.15);image-rendering:auto}
.acolyte-buff-copy>small{color:var(--inn-orange-hot);font-size:8px;font-weight:800;letter-spacing:.17em}
.acolyte-buff-copy h3{margin:10px 0 25px;color:#f2e7de;font-family:inherit;font-size:clamp(29px,2.6vw,43px);font-weight:650;line-height:1.05}
.acolyte-buff-copy dl{width:100%;margin:0}
.acolyte-buff-copy dl div{padding:15px 0;border-top:1px solid rgba(236,214,193,.11)}
.acolyte-buff-copy dt{margin-bottom:6px;color:#786d64;font-size:7px;font-weight:800;letter-spacing:.14em}
.acolyte-buff-copy dd{margin:0;color:#d9cabf;font-size:12px;font-weight:650;line-height:1.5}
.acolyte-buff-copy>p{margin:18px 0 0;color:#8f8278;font-size:9px;line-height:1.6}
.acolyte-buff-selector{margin-top:10px;display:grid;grid-template-columns:repeat(7,minmax(62px,1fr));gap:7px}
.acolyte-buff-selector button{min-height:79px;padding:8px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#81746b;border:1px solid rgba(236,214,193,.12);border-radius:6px;background:rgba(12,9,7,.24);cursor:pointer;transition:.2s ease}
.acolyte-buff-selector button img{width:38px;height:38px;border:1px solid rgba(236,214,193,.13);border-radius:5px;image-rendering:auto}
.acolyte-buff-selector button small{font-size:7px;font-weight:800;letter-spacing:.11em}
.acolyte-buff-selector button:hover,.acolyte-buff-selector button.is-active{color:var(--inn-orange-hot);border-color:rgba(229,145,61,.65);background:rgba(194,112,38,.12);transform:translateY(-2px)}
.acolyte-buff-selector button.is-active img{border-color:var(--inn-orange);box-shadow:0 0 22px rgba(103,154,189,.2)}

.acolyte-reference-card .wiki-prose{margin-top:28px;color:#b8aaa0;font-size:13px;line-height:1.75}
.acolyte-reference-card .wiki-prose h2{margin:54px 0 18px;color:#f1e5db;font-family:inherit;font-size:31px;font-weight:650}
.acolyte-reference-card .wiki-prose h3{margin:34px 0 14px;color:var(--inn-orange-hot);font-family:inherit;font-size:19px;font-weight:650}
.acolyte-reference-card .wiki-prose>p{margin:0 0 22px}
.acolyte-reference-card .wiki-prose>p:first-child::first-letter{float:none;padding:0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit}
.acolyte-reference-card .wiki-prose>ul{margin:18px 0 0;padding:22px 25px 22px 44px;border:1px solid rgba(236,214,193,.12);border-radius:8px;background:rgba(14,10,8,.25)}
.acolyte-reference-card .wiki-prose>ul li{padding:6px 0}

@media (max-width:900px){
    .acolyte-overview-card,.acolyte-buff-stage{grid-template-columns:1fr}
    .acolyte-npc-portrait{min-height:440px;border-left:0;border-top:1px solid rgba(236,214,193,.12)}
    .acolyte-buff-stage>figure{min-height:440px;border-right:0;border-bottom:1px solid rgba(236,214,193,.12)}
    .acolyte-buff-selector{grid-template-columns:repeat(5,minmax(60px,1fr))}
}
@media (max-width:650px){
    .acolyte-overview-card .feature-card-copy,.acolyte-buff-copy{padding:27px 21px}
    .acolyte-npc-portrait,.acolyte-buff-stage>figure{min-height:320px}
    .acolyte-buff-selector{display:flex;overflow-x:auto;padding-bottom:5px;scroll-snap-type:x mandatory}
    .acolyte-buff-selector button{flex:0 0 68px;scroll-snap-align:start}
    .acolyte-reference-card .wiki-prose{font-size:11px}
}