*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#080c12;color:#f4f3ef;font-family:"Avenir Next","Segoe UI",Arial,sans-serif}body:before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(#080c1290,#080c12ad 65%,#080c12),url('world.webp') center/cover no-repeat;filter:saturate(.55)}.gateway{max-width:1320px;min-height:100svh;margin:auto;padding:24px 42px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b2c5d51c;padding-bottom:12px}.brand img{width:115px;height:auto;filter:grayscale(1) sepia(1) saturate(1.4) brightness(1.3)}.brand p{font-size:9px;letter-spacing:4px;color:#b3bcca}.intro{text-align:center;margin:36px 0 32px}.eyebrow{font-size:9px;letter-spacing:3px;font-weight:700;color:#e4bd7b}h1{font-weight:900;font-size:clamp(34px,4vw,60px);line-height:1.08;letter-spacing:-2px;margin:12px 0}h1 em{font-style:normal;color:#d9b479}.intro>p{font-size:13px;color:#adb8c5;margin:16px 0 0}.worlds{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:0 0 34px}.world{position:relative;isolation:isolate;overflow:hidden;min-height:530px;padding:24px 32px 28px;color:inherit;text-decoration:none;border:1px solid #bc945766;border-radius:5px 28px 5px 28px;background:#101314;box-shadow:0 25px 65px #0009;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s,border-color .25s}.world:after{content:'';position:absolute;width:100px;height:3px;top:0;left:30px;background:#e7bc72;box-shadow:0 0 22px #dca85b99}.art,.veil,.frame{position:absolute;pointer-events:none}.art{inset:0;z-index:-3;background-size:cover;background-repeat:no-repeat}.classic .art{background-image:linear-gradient(0deg,#11120ffc 0%,#11120fe8 25%,#11120f08 80%),linear-gradient(90deg,#12130f99,transparent),url('knight.webp');background-position:left 20%;filter:saturate(.6);transition:transform .8s}.frame{inset:9px;border:1px solid #f2c78016;border-radius:0 20px 0 20px;z-index:-1}.world-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;letter-spacing:2px;z-index:2}.number{color:#e1d8c7}.badge{font-size:8px;letter-spacing:1px;padding:9px 10px;border:1px solid #d5bc8044;background:#11150faf;backdrop-filter:blur(8px)}.badge i,.waiting i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#cfb584;margin-right:6px}.world-copy{position:relative;margin-top:180px}.ghost-number{position:absolute;right:20px;top:100px;font-size:190px;line-height:1;font-weight:900;letter-spacing:-15px;color:transparent;-webkit-text-stroke:1px #e3c89832;z-index:-2}h2{font-size:18px;letter-spacing:5px;line-height:1.1;margin:14px 0 0;font-weight:800}h2 strong{display:block;color:#efca86;font-size:90px;letter-spacing:-5px;line-height:1.05;font-weight:900}h2 strong span{font-size:55px;letter-spacing:-2px}.description{font-size:13px;line-height:1.8;color:#bac0be;margin:14px 0 22px}.card-bottom{border-top:1px solid #d5b07033;padding-top:18px}.enter{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(105deg,#d0a365,#f0cf93);color:#181810;padding:16px 20px;font-size:10px;font-weight:800;letter-spacing:1.6px;border-radius:3px}.enter>span{font-size:23px;line-height:1}.card-note{display:block;margin-top:12px;font-size:8px;letter-spacing:2px;color:#8f9b99}.classic:hover{transform:translateY(-5px);border-color:#efc17a}.classic:hover .art{transform:scale(1.04)}.classic:focus-visible{outline:3px solid #f2d49a;outline-offset:5px}.mystery{border-color:#6a91b955;background:#0b1420}.mystery:after{background:#92bde6;box-shadow:0 0 25px #68a2e1}.mystery .art{inset:-15px;background-image:url('dragon-knight.webp');background-position:40% center;filter:blur(5px) saturate(.45) brightness(.8);transform:scale(1.1)}.veil{inset:0;z-index:-2;background:linear-gradient(0deg,#0b1420 4%,#0b1420ed 30%,#0b142044 85%),linear-gradient(90deg,#0b142088,transparent)}.mystery .frame{border-color:#a7d8ff14}.mystery .eyebrow{color:#9dbfdf}.mystery .badge{background:#0a1425aa;border-color:#7fabd344;color:#b1cce2}.mystery .ghost-number{font-size:240px;top:110px;right:40px;-webkit-text-stroke:1px #99c8ef2d}.mystery h2{font-size:23px;letter-spacing:-.5px;line-height:1.2}.mystery h2 strong{font-size:clamp(28px,3vw,43px);letter-spacing:-1.5px;color:#c0d5e8;line-height:1.15;margin-top:7px}.mystery .world-copy{margin-top:224px}.mystery .card-bottom{border-color:#769fbd38}.waiting{display:flex;align-items:center;min-height:55px;font-size:10px;letter-spacing:3px;border:1px solid #6c94b744;padding:15px 20px;color:#aecae3;background:#27456322}.waiting i{background:#9abbdf;box-shadow:0 0 12px #7eade9;margin-right:12px}.mystery-sigil{position:absolute;top:120px;left:40px;display:grid;place-items:center;width:80px;height:80px;border:1px solid #a8d0ec33;transform:rotate(45deg);box-shadow:0 0 60px #80b8f011}.mystery-sigil span{transform:rotate(-45deg);font-size:32px;color:#b2d4ef80}footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px;border-top:1px solid #a3bdcf22;font-size:8px;letter-spacing:2px;color:#91a1b0}footer p{font-size:11px;letter-spacing:0;margin:0}@media(max-width:760px){.gateway{padding:20px}.brand img{width:95px}.brand p{font-size:8px;letter-spacing:2px}.intro{margin:30px 0}.intro>.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:35px;letter-spacing:-1.5px}.intro>p{line-height:1.7;font-size:12px;max-width:270px;margin:14px auto 0}.worlds{grid-template-columns:1fr;gap:24px}.world{padding:22px;min-height:510px}.world-copy{margin-top:155px}.mystery .world-copy{margin-top:210px}.world-top{font-size:8px;letter-spacing:1px}.badge{font-size:7px}.mystery h2 strong{font-size:32px}footer{flex-wrap:wrap}footer p{order:3;width:100%;text-align:center;line-height:1.5}}@media(prefers-reduced-motion:reduce){.world,.classic .art{transition:none}.classic:hover{transform:none}}

/* MU identity stays visible while the new chapter remains unrevealed. */
.mystery .art{background-position:left top;filter:saturate(.65) brightness(.95);transform:scale(1.04)}
.mystery .veil{background:linear-gradient(0deg,#0b1420 2%,#0b1420eb 32%,#0b142025 80%),linear-gradient(90deg,#0b142033,transparent)}
.mystery-brand{font-size:18px;font-weight:800;letter-spacing:5px;color:#d6e5f2;margin:14px 0 10px}
.mystery .ghost-number{font-size:160px;top:110px;right:24px;opacity:.5}
.mystery-sigil{display:none}
.mystery h2{font-size:17px;letter-spacing:1px;margin-top:0}
@media(max-width:760px){.mystery-brand{font-size:16px;letter-spacing:4px}.mystery .art{background-position:left top}}

.mystery .world-copy{margin-top:224px}.mystery .card-bottom{margin-top:28px}.mystery h2{margin-bottom:0}

.mystery .art{inset:0;background-position:center top;filter:saturate(.8) brightness(1);transform:none}

.cmd-signature{font-family:monospace;font-size:12px;letter-spacing:.5px;white-space:nowrap}.cmd-signature strong,.cmd-signature>span{color:#d9b479}
/* Shared content rows align identity, title, separator and action across cards. */
.world-copy,.mystery .world-copy{display:grid;grid-template-rows:20px 28px 95px 87px auto;margin-top:160px}
.classic .world-copy>.eyebrow{grid-row:1;margin:0;align-self:start}
.classic .world-copy>h2{display:contents}
.classic .world-copy>h2>strong{grid-row:3;margin:0;align-self:start}
.classic .world-copy>h2{font-size:18px}
.mystery-brand{grid-row:2;margin:0;font-size:18px;line-height:1.1;align-self:start}
.mystery .world-copy>h2{grid-row:3;margin:0;align-self:start}
.classic .world-copy>.description{grid-row:4;margin:10px 0 0}
.world-copy>.card-bottom,.mystery .world-copy>.card-bottom{grid-row:5;margin-top:0;padding-top:18px;min-height:96px}
.enter,.waiting{height:55px;min-height:55px}
@media(max-width:760px){.world-copy,.mystery .world-copy{margin-top:140px;grid-template-rows:20px 28px 95px 87px auto}}

.classic-brand{grid-row:2;align-self:start;line-height:1.1}
/* Let the short announcement occupy the title-and-description area. */
.mystery .world-copy>h2{grid-row:3 / 5;align-self:stretch;display:flex;flex-direction:column;justify-content:center;font-size:clamp(28px,3vw,43px);font-weight:800;letter-spacing:-1px;line-height:1.08;padding:0 0 18px}
.mystery .world-copy>h2>br{display:none}
.mystery .world-copy>h2>strong{font-size:clamp(29px,3.2vw,46px);line-height:1.12;margin-top:8px}
@media(max-width:760px){.mystery .world-copy>h2{font-size:29px}.mystery .world-copy>h2>strong{font-size:clamp(24px,7.6vw,38px);letter-spacing:-1px}}

/* Both cards share the same editorial hierarchy. */
.mystery .world-copy>.eyebrow{grid-row:1;margin:0;align-self:start}
.mystery .world-copy>h2{grid-row:3;display:block;align-self:start;font-size:25px;line-height:1.05;padding:0;margin:0;letter-spacing:-.5px}
.mystery .world-copy>h2>br{display:block}
.mystery .world-copy>h2>strong{font-size:clamp(34px,3.5vw,50px);line-height:1.05;margin-top:4px;letter-spacing:-1.5px}
.mystery .world-copy>.description{grid-row:4;margin:10px 0 0;color:#bac0be}
@media(max-width:760px){.mystery .world-copy>h2{font-size:24px}.mystery .world-copy>h2>strong{font-size:37px}}

/* No repeated brand: use its row to give the announcement breathing room. */
.mystery .world-copy>h2{grid-row:2 / 4;align-self:center}

/* The unrevealed world responds like the classic card without implying a live link. */
.mystery,.mystery .art,.mystery .veil,.mystery .waiting{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,filter .65s ease,background-color .3s ease}
.mystery:hover{transform:translateY(-5px);border-color:#8fbce8;box-shadow:0 30px 75px #000b,0 0 34px #548ec026}
.mystery:hover .art{transform:scale(1.025);filter:saturate(.92) brightness(1.06)}
.mystery:hover .veil{background:linear-gradient(0deg,#0b1420 2%,#0b1420e3 32%,#0b142018 80%),linear-gradient(90deg,#0b14202b,transparent)}
.mystery:hover .waiting{border-color:#91bce26e;background:#31577938;box-shadow:inset 0 0 28px #6ea5d00d}
.mystery:hover:after{box-shadow:0 0 34px #68a2e1cc}
@media(prefers-reduced-motion:reduce){.mystery,.mystery .art,.mystery .veil,.mystery .waiting{transition:none}.mystery:hover{transform:none}.mystery:hover .art{transform:none}}
.enter>.enter-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;line-height:0}
.enter-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mystery.is-s1 .waiting{justify-content:space-between;gap:12px;background:linear-gradient(105deg,#b9d8f0,#83afcf);border-color:#b9d8f0;color:#102031;font-weight:800;letter-spacing:1.2px}
.mystery.is-s1 .badge{padding:9px 12px;border-color:#e1bd78;background:#332719e8;color:#ffe0a1;font-weight:800;letter-spacing:1.3px;box-shadow:0 0 0 1px #f4d59922,0 0 20px #d7b77555}
.mystery.is-s1 .waiting .enter-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;line-height:0}
.mystery.is-s1 .waiting .enter-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mystery.is-s1:focus-visible{outline:3px solid #b9d8f0;outline-offset:5px}
.mystery.is-s1 .world-copy>h2{display:contents}
.mystery.is-s1 .world-copy>h2>.mystery-brand{grid-row:2;align-self:start;margin:0;font-size:18px;line-height:1.1;letter-spacing:5px}
.mystery.is-s1 .world-copy>h2>strong{grid-row:3;align-self:start;margin:0;color:#c0d5e8;font-size:90px;line-height:1.05;letter-spacing:-5px}
@media(max-width:760px){.mystery.is-s1 .waiting{font-size:9px;letter-spacing:.8px}}
@media(max-width:760px){.mystery.is-s1 .world-copy>h2>.mystery-brand{font-size:16px;letter-spacing:4px}.mystery.is-s1 .world-copy>h2>strong{font-size:70px}}