.hero{height:auto;min-height:790px}.hero-content{padding-top:64px;padding-bottom:65px}.hero h1{font-size:clamp(44px,5vw,68px)}.hero-content>p{margin:20px 0}.launch-dates{display:flex;gap:28px;flex-wrap:wrap;margin:26px 0}.launch-dates>span{font-size:11px;letter-spacing:.06em;font-weight:700;color:#d6b579}.launch-dates time{display:block;font-size:20px;letter-spacing:0;color:#f1eee7}.hero .launch-prize{font-size:18px;line-height:1.5;color:#d6b579}.launch-prize strong{font:700 clamp(34px,4vw,50px)/1.15 'Cinzel',Georgia,serif;display:block}.launch-prize span{font-size:13px;color:#aaa69e}.hero-actions{flex-wrap:wrap}.hero-note{margin-top:28px}.launch-join{padding-top:42px;padding-bottom:42px;border-bottom:1px solid var(--line)}.launch-join h2{font:600 36px/1.2 var(--display);margin:0}.launch-join p{color:var(--muted);margin:12px 0 24px}.application-actions{display:flex;gap:14px;flex-wrap:wrap}.application-actions .button{gap:12px}.application-actions small{font-size:10px}.feature-columns{display:grid;grid-template-columns:1fr 1fr;column-gap:64px}.feature-columns article{padding:23px 0;border-bottom:1px solid var(--line)}.feature-columns h3{font-size:18px;line-height:1.4;margin:0 0 9px}.feature-columns p{margin:0;color:var(--muted);font-size:14px}.application-open{overflow:hidden}.application-dialog{width:min(690px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:30px;border:1px solid #b49a70;border-radius:8px;background:#191c20;color:#f1eee7;overscroll-behavior:contain}.application-dialog::backdrop{background:#171b21b8}.application-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.application-top h2{font:600 34px/1.15 var(--display);margin:0}.application-close{background:none;border:1px solid var(--line);border-radius:4px;min-width:44px;min-height:44px;font-size:28px;line-height:1}.application-dialog>p{color:var(--muted);font-size:13px}.application-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.application-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}.application-form input,.application-form select,.application-form textarea{width:100%;min-height:46px;background:#191c20;color:#f1eee7;border:1px solid #434850;border-radius:4px;padding:10px;font:inherit;font-size:16px}.application-form textarea{resize:vertical}.application-wide{grid-column:1/-1}.application-form .application-consent{display:flex;flex-direction:row;gap:10px;align-items:flex-start;margin-top:22px;font-size:12px;font-weight:400}.application-consent input{width:20px;min-height:20px;margin:3px 0;flex-shrink:0;accent-color:#d6b579}.application-consent a{text-decoration:underline}.application-status{margin:16px 0;line-height:1.5;font-size:14px}.application-status[role=alert]{color:#ffaaa2}.application-submit{width:100%;min-height:48px}.application-success{padding:24px 0}.application-success h3{font-size:24px}.application-success p{font-size:15px}.application-form button:disabled{opacity:.6}.application-form textarea:focus-visible{outline:3px solid var(--gold-light);outline-offset:3px}
@media(max-width:800px){.hero{min-height:0}.hero-content{padding-top:40px;padding-bottom:45px}.hero-wash{background:linear-gradient(90deg,#fffffff5,#ffffffd9 55%,#ffffff88)}.hero-art{height:100%;object-position:65% center}.hero .art-caption{display:none}.feature-columns{gap:0 30px}.launch-prize span{display:block;max-width:310px}.application-actions .button{flex:1 1 220px}.launch-join h2{font-size:30px}}
@media(max-width:540px){.hero h1{font-size:42px;max-width:100%}.hero-content>p{font-size:14px}.launch-dates{gap:20px;margin:20px 0}.launch-dates time{font-size:17px}.hero .launch-prize{font-size:16px}.hero .launch-prize strong{font-size:38px}.hero-download-actions{gap:10px}.hero-download-actions .button{font-size:12px}.hero-note{font-size:12px}.feature-columns,.application-fields{grid-template-columns:1fr}.feature-columns h3{font-size:17px}.application-dialog{padding:20px;max-height:calc(100dvh - 20px)}.application-top h2{font-size:28px}.launch-features .section-head h2{font-size:34px}.application-wide{grid-column:auto}.application-actions .button{flex-basis:100%}}

@media(max-width:540px){.section-head{flex-wrap:wrap;gap:16px}.section-head>.text-link{max-width:100%}}

/* The feature atlas turns the launch claims into one editorial, game-world surface. */
.launch-features{position:relative;isolation:isolate;overflow:hidden;padding:96px 0 112px;background:#101215;color:#f1eee7}
.launch-features::before{content:"";position:absolute;z-index:-1;inset:0 0 auto 34%;height:460px;background:linear-gradient(90deg,#101215 0%,#1d342de8 18%,#1d342d73 58%,#101215 100%),linear-gradient(0deg,#101215 0%,transparent 65%),url('assets/myko-world.webp') center/cover no-repeat;opacity:.62}
.feature-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:end;gap:72px;padding-bottom:58px}
.feature-intro h2{max-width:760px;margin:0;color:#f1eee7;font:600 clamp(46px,5.1vw,70px)/.99 var(--display);letter-spacing:-.03em;text-wrap:balance}
.feature-intro p{max-width:450px;margin:0 0 5px;color:#aaa69e;font-size:16px;line-height:1.75}
.feature-atlas{overflow:hidden;border-radius:14px;background:#191c20;color:var(--ink);box-shadow:0 32px 80px rgba(4,16,12,.28)}
.feature-band{display:grid;grid-template-columns:230px minmax(0,1fr);gap:40px;padding:34px 40px;border-bottom:1px solid #30343b}
.feature-band:last-child{border-bottom:0}
.feature-theme{display:flex;align-items:center;gap:16px;align-self:start;color:#d6b579}
.feature-theme svg{width:34px;height:34px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.feature-theme h3{margin:0;color:#e7c994;font:600 16px/1.3 'Cinzel',Georgia,serif;letter-spacing:.015em}
.feature-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.feature-pair article{min-width:0;padding:0 36px}
.feature-pair article:first-child{padding-left:0}
.feature-pair article+article{border-left:1px solid #30343b}
.feature-pair h4{margin:0 0 10px;color:#f1eee7;font:600 21px/1.32 var(--display);letter-spacing:-.012em;text-wrap:balance}
.feature-pair p{max-width:60ch;margin:0;color:#aaa69e;font-size:13px;line-height:1.72}

@media(max-width:1000px){
  .launch-features{padding:78px 0 88px}
  .launch-features::before{inset:0 -16% auto 20%}
  .feature-intro{grid-template-columns:1fr;gap:22px;padding-bottom:45px}
  .feature-intro p{font-size:15px}
  .feature-band{grid-template-columns:180px minmax(0,1fr);gap:25px;padding:30px}
  .feature-pair article{padding:0 25px}
}

@media(max-width:700px){
  .launch-features{padding:66px 0 72px}
  .launch-features::before{inset:0 -55% auto 0;height:390px;background:linear-gradient(90deg,#1d342deb,#1d342d8c),linear-gradient(0deg,#101215 0%,transparent 75%),url('assets/myko-world.webp') center/cover no-repeat;opacity:.55}
  .feature-intro{padding-bottom:34px}
  .feature-intro h2{font-size:clamp(39px,11vw,52px);line-height:1.02}
  .feature-intro p{max-width:36ch;color:#e1e8e4;font-size:14px}
  .feature-atlas{border-radius:12px;box-shadow:0 22px 48px rgba(4,16,12,.28)}
  .feature-band{grid-template-columns:1fr;gap:22px;padding:27px 24px}
  .feature-theme{padding-bottom:18px;border-bottom:1px solid #30343b}
  .feature-theme svg{width:30px;height:30px}
  .feature-theme h3{font-size:14px}
  .feature-pair{grid-template-columns:1fr;gap:22px}
  .feature-pair article{padding:0}
  .feature-pair article+article{padding-top:22px;border-top:1px solid #30343b;border-left:0}
  .feature-pair h4{font-size:20px}
  .feature-pair p{font-size:13px}
}

/* Verified release history on the updates page. */
.release-history{margin-top:46px}
.release-history-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:end;padding:42px 44px;background:#101215;color:#f1eee7;border-radius:12px 12px 0 0}
.release-history-head h2{margin:8px 0 10px;color:#f1eee7;font-size:clamp(38px,4vw,58px)}
.release-history-head p{max-width:760px;margin:0;color:#d9e2de;font-size:14px;line-height:1.75}
.release-history-head .category{color:#d4af70}
.release-current{min-width:180px;padding:20px 22px;border:1px solid #ffffff35;border-radius:8px;background:#ffffff0b}
.release-current span{display:block;margin-bottom:7px;color:#d4af70;font-size:10px;font-weight:800;letter-spacing:.16em}
.release-current strong{font:600 22px/1.2 'Cinzel',Georgia,serif}
.release-day{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;padding:34px 40px;border:1px solid var(--line);border-top:0;background:#191c20}
.release-day:last-child{border-radius:0 0 12px 12px}
.release-day>h3{position:sticky;top:112px;align-self:start;margin:7px 0 0;color:#d6b579;font:600 18px/1.35 'Cinzel',Georgia,serif}
.release-list{min-width:0;border-top:1px solid var(--line)}
.release-item{border-bottom:1px solid var(--line)}
.release-item summary{display:grid;grid-template-columns:150px minmax(0,1fr) 160px 20px;gap:20px;align-items:center;min-height:74px;padding:14px 4px;cursor:pointer;list-style:none}
.release-item summary::-webkit-details-marker{display:none}
.release-item summary:hover .release-title{color:var(--gold)}
.release-item summary>.icon{transition:transform .18s ease}
.release-item[open] summary>.icon{transform:rotate(180deg)}
.release-version{color:#d6b579;font-size:12px;font-weight:800;letter-spacing:.035em}
.release-title{font:600 20px/1.35 var(--display);transition:color .18s ease}
.release-kind{color:var(--muted);font-size:11px;text-align:right}
.release-body{padding:0 36px 28px 170px}
.release-body ul{margin:0;padding-left:18px;color:#aaa69e;font-size:13px;line-height:1.8}
.release-body li+li{margin-top:6px}
.release-proof{margin:18px 0 0;color:#d6b579;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.news-archive-head{margin:84px 0 10px}
.news-archive-head h2{margin:7px 0 0}

@media(max-width:800px){
  .release-history{margin-top:34px}
  .release-history-head{grid-template-columns:1fr;gap:25px;padding:34px 28px}
  .release-current{min-width:0;width:100%}
  .release-day{grid-template-columns:1fr;gap:14px;padding:28px 24px}
  .release-day>h3{position:static;margin:0}
  .release-item summary{grid-template-columns:1fr 20px;gap:6px 14px;padding:17px 0}
  .release-version,.release-title,.release-kind{grid-column:1}
  .release-title{font-size:19px}
  .release-kind{text-align:left}
  .release-item summary>.icon{grid-column:2;grid-row:1/4;align-self:center}
  .release-body{padding:0 0 24px}
  .news-archive-head{margin-top:58px}
}