/* MYKO ONLINE — nocturne / October 2026. Original character renders are untouched. */
:root{color-scheme:dark;--paper:#101215;--panel:#191c20;--ink:#f1eee7;--muted:#aaa69e;--line:#30343b;--gold:#d6b579;--gold-light:#e7c994}
body{background:var(--paper)}
.site-header{background:#101215f5;backdrop-filter:blur(16px);border-bottom-color:#d6b57930}
.nav-wrap{height:88px}.brand>img{width:48px;height:48px}.brand>span{font-size:27px;color:#eddfbe}.brand small{color:var(--muted);font-size:9px;letter-spacing:.3em}
.site-header #main-nav .nav-sub{background:#191c20;box-shadow:none;border-color:#434038;border-radius:0 0 12px 12px}.site-header #main-nav .nav-sub a:hover{background:#24282e}
.language-picker select{background:#191c20}.button{background:var(--gold);color:#17191c;border-radius:6px;font-weight:800;gap:18px;padding:16px 24px}.button:hover{background:#e7c994;color:#101215;transform:translateY(-2px)}.button-outline{background:transparent;color:var(--ink);border-color:#555047}.button-outline:hover{background:#24282e;color:#e7c994}.button:disabled{background:#2a2d32;color:#a8a8a3}.button-light{color:#17191c;background:#e7dfcd}
.hero{height:auto;min-height:790px;max-height:none;background:#101215;overflow:hidden;position:relative;isolation:isolate;border-bottom:1px solid #d6b57925}
.hero::before{content:'';position:absolute;inset:0;z-index:-4;background:url('assets/mobileko-official-bg.jpg') center/cover;opacity:.47}
.hero-wash{z-index:-2;background:linear-gradient(90deg,#101215 2%,#101215e8 31%,#10121533 65%,#10121520),linear-gradient(0deg,#101215 0%,#10121500 30%,#10121544 100%)}
.hero-content{padding-top:70px;padding-bottom:74px;position:relative;z-index:2;pointer-events:none}.hero-content a{pointer-events:auto}.hero-eyebrow{display:flex;align-items:center;gap:12px;color:#d6b579;font-size:11px;font-weight:800;letter-spacing:.19em;margin-bottom:27px}.hero-eyebrow>span{width:25px;height:1px;background:var(--gold)}
.hero h1{font:600 clamp(52px,5.3vw,78px)/1.08 'Cinzel',Georgia,serif;letter-spacing:-.035em;max-width:710px;margin-bottom:25px;text-transform:uppercase;color:#f1eee7}.hero h1 em{color:#e7c994}.hero-content>p{font-size:14px;color:#c4c1ba;line-height:1.85;margin:22px 0}
.hero-stage{position:absolute;inset:0;z-index:-3;pointer-events:none;max-width:1600px;margin:auto}.hero-stage img{position:absolute;object-fit:contain;height:94%;width:48%;bottom:-1%;filter:drop-shadow(0 12px 22px #0008)}.hero-warrior{right:17%;transform:rotate(-3deg)}.hero-stage .hero-assassin{right:-8%;height:94%;bottom:-2%}
.launch-dates{gap:0;margin:27px 0}.launch-dates>span{color:#b9b1a1;font-size:10px;letter-spacing:.13em;padding-right:27px}.launch-dates>span+span{padding-left:27px;border-left:1px solid #d6b57940}.launch-dates time{color:#f1eee7;font-size:18px;font-weight:700;margin-top:5px;letter-spacing:-.02em}.hero .launch-prize{font-size:15px;color:#d6b579;line-height:1.6;margin:27px 0}.launch-prize strong{font:600 48px/1.2 'Cinzel',Georgia,serif;color:#f1dfb9}.launch-prize span{color:#aaa69e;font-size:12px}.hero-actions>.button{min-width:235px}
.hero-download-actions{gap:12px;margin-top:15px}.hero-download-actions .button{min-width:0;background:#191c20d9;color:#e4dfd5;border:1px solid #555047;gap:13px;padding:12px 19px;text-align:left;min-height:62px}.hero-download-actions .button:hover{background:#282c31;border-color:#d6b579}.hero-download-actions small{display:block;color:#aaa69e;font-size:10px;line-height:1.4;font-weight:500}.hero-download-actions span:not(.platform-icon){font-size:12px}.platform-icon{font-size:17px;font-weight:800}.hero-download-actions .icon{width:24px;height:24px}
.world-gateway{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line)}.world-gateway>a{display:flex;align-items:center;gap:20px;padding:30px 28px;min-width:0}.world-gateway>a:first-child{padding-left:0}.world-gateway>a+a{border-left:1px solid var(--line)}.world-gateway>a>.icon:first-child{color:#d6b579;width:28px;height:28px}.world-gateway>a>.icon:last-child{margin-left:auto;width:17px;color:#8c806d}.world-gateway small{display:block;color:#a59b88;font-size:9px;letter-spacing:.14em;font-weight:700;margin-bottom:3px}.world-gateway span{font:600 25px var(--display)}.world-gateway>a:hover{background:#191c20}
.launch-join{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:45px;padding-top:62px;padding-bottom:62px;border-bottom:0}.launch-join h2{font-size:38px;max-width:450px}.launch-join p{font-size:13px;max-width:460px;margin-bottom:0}.application-actions{gap:10px;display:grid;grid-template-columns:1fr 1fr}.application-actions .button{font-size:11px;gap:8px;padding:15px 12px}.application-actions .button:first-child{grid-column:1/-1}.application-actions small{font-size:9px}
.launch-features{background:#13161a;padding:84px 0}.launch-features::before{background:linear-gradient(90deg,#13161a,transparent),linear-gradient(0deg,#13161a,transparent),url('assets/mobileko-official-bg.jpg') center/cover;opacity:.3}.feature-intro h2{font-size:clamp(42px,4.3vw,62px);color:#f1eee7}.feature-intro p{color:#aaa69e;font-size:14px}.feature-atlas{background:transparent;border-radius:0;box-shadow:none;border-top:1px solid #393a39}.feature-band{padding:30px 0;border-color:#30343b;grid-template-columns:210px 1fr}.feature-theme{color:#d6b579}.feature-theme h3{color:#d6b579;font-size:14px}.feature-pair h4{color:#eee6d8;font-size:25px}.feature-pair p{color:#aaa69e;font-size:13px}.feature-pair article+article{border-color:#30343b}.feature-theme{border-color:#30343b}
.prereg-strip{padding-top:58px;padding-bottom:58px}.prereg-strip h2{font-size:38px}.news-section{padding-top:76px}.news-picture{border-radius:12px}.picture-tag{background:#101215e8;color:#d6b579}.news-list>a{padding:23px 0}.news-thumb{border-radius:8px}.news-copy h3{font-size:34px}.update-status{color:var(--gold)}
.inner-page{min-height:65vh;padding-top:48px}.page-heading{padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:30px}.page-heading h1{font-size:clamp(44px,5vw,68px);color:#f1eee7}.breadcrumbs{color:#a89e8c}.page-banner{border-radius:12px}.page-banner figcaption{background:#101215dc;color:#cfc5b4}.notice,.side-panel,.rank-story,.download-card,.account-panel{background:#191c20;border-color:#30343b;border-radius:12px}.notice{color:#c5bdad}.filters input,.filters select,.search-box input,.account-form input,.account-form select{background:#191c20;color:#f1eee7;border-color:#434850}input::placeholder,textarea::placeholder{color:#8f9299}table{background:transparent}th{color:#aaa69e;background:#191c20}td{color:#d4d2cb}tbody tr:hover{background:#ffffff04}.avatar{background:#28282a;color:#d6b579}.segmented button.active{color:#e7c994}.faq-list details[open]{background:#191c20}.release-history-head{background:#1c2025}.release-day{background:#15181c}.release-body ul{color:#b9b7b0}.article-body p,.article-body li{color:#bab7af}.update-list li{color:#bab7af}.media-grid figure{background:#191c20;border-radius:12px;overflow:hidden}.site-footer{margin-top:24px}.footer-top{padding:42px 0}.footer-bottom{color:#aaa69e}.application-dialog{background:#191c20;color:#f1eee7;border-color:#555047;border-radius:12px}.application-form input,.application-form select,.application-form textarea{background:#101215;color:#f1eee7;border-color:#434850}.application-status[role=alert]{color:#ffaaa2}
@media(min-width:801px) and (max-width:1250px){.nav-wrap{gap:14px;width:calc(100% - 36px)}.site-header #main-nav{gap:12px}.site-header #main-nav .nav-drop{font-size:11px}.site-header nav{font-size:11px}.nav-actions{gap:10px}.hero h1{font-size:61px}.hero-stage .hero-assassin{right:-15%}.hero-warrior{right:8%}.hero-stage img{width:53%}.hero-wash{background:linear-gradient(90deg,#101215 0%,#101215e8 34%,#10121522 80%),linear-gradient(0deg,#101215,transparent 40%)}.hero-content{padding-top:60px}.launch-join{gap:25px}.world-gateway>a{padding:25px 18px;gap:12px}.world-gateway span{font-size:23px}}
@media(max-width:800px){.nav-wrap{height:76px}.site-header nav{background:#101215}.site-header #main-nav{top:76px}.hero{min-height:1000px}.hero-content{padding-top:43px;padding-bottom:370px}.hero h1{font-size:clamp(43px,7.8vw,62px);max-width:690px}.hero-stage{top:auto;height:450px;bottom:0;inset-inline:0}.hero-stage img{height:100%;width:60%;right:28%;bottom:-5%}.hero-stage .hero-assassin{right:-4%;height:100%;bottom:-5%}.hero-wash{background:linear-gradient(0deg,#101215 0%,#10121500 13%,#10121500 25%,#101215 49%)}.hero::before{background-position:center bottom}.hero-content>p{font-size:14px}.hero-eyebrow{font-size:10px;margin-bottom:24px}.hero-download-actions{flex-direction:row}.hero-actions{flex-direction:row}.hero-actions>.button{min-width:0}.world-gateway>a{padding:24px 14px;gap:10px}.world-gateway>a>.icon:first-child{display:none}.world-gateway span{font-size:22px}.world-gateway small{font-size:8px;letter-spacing:.06em}.launch-join{grid-template-columns:1fr;gap:24px;padding-top:42px;padding-bottom:42px}.launch-join h2{max-width:none;font-size:34px}.application-actions{grid-template-columns:repeat(3,1fr)}.application-actions .button:first-child{grid-column:auto}.application-actions .button{flex-direction:column}.feature-intro{gap:20px}.feature-band{grid-template-columns:1fr;gap:22px}.feature-theme{padding-bottom:18px}.feature-pair article{padding:0 20px}.prereg-strip h2{font-size:32px}}
@media(max-width:540px){.brand>img{width:34px;height:34px}.brand>span{font-size:23px}.brand small{font-size:8px}.nav-actions .button-small{padding:10px 12px;font-size:10px}.nav-wrap{gap:6px}.hero{min-height:1000px}.hero h1{font-size:clamp(39px,10.2vw,55px);line-height:1.13}.hero-content{padding-top:34px;padding-bottom:350px}.hero-eyebrow{font-size:9px;letter-spacing:.14em}.hero-content>p{font-size:13px}.launch-dates>span{padding-right:18px;font-size:9px}.launch-dates>span+span{padding-left:18px}.launch-dates time{font-size:16px}.launch-prize strong{font-size:42px}.hero .launch-prize{font-size:14px}.launch-prize span{font-size:11px;max-width:100%}.hero-actions>.button{padding:15px 18px;width:100%}.hero-download-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero-download-actions .button{padding:11px 10px;gap:8px;min-height:59px}.hero-download-actions span:not(.platform-icon){font-size:10px}.hero-download-actions small{font-size:9px}.hero-stage{height:370px}.hero-stage img{width:72%;right:26%}.hero-stage .hero-assassin{right:-15%}.world-gateway{grid-template-columns:1fr}.world-gateway>a,.world-gateway>a:first-child{padding:19px 0}.world-gateway>a+a{border-left:0;border-top:1px solid var(--line)}.world-gateway>a>.icon:first-child{display:block;width:23px;height:23px}.world-gateway>a{gap:18px}.world-gateway span{font-size:24px}.world-gateway small{font-size:9px}.application-actions{grid-template-columns:1fr}.application-actions .button{flex-direction:row;min-height:50px}.launch-join h2{font-size:32px}.feature-pair article{padding:0}.feature-pair article+article{border-color:#30343b}.feature-intro h2{font-size:40px}.feature-band{padding:26px 0}.feature-pair h4{font-size:25px}.feature-pair p{font-size:13px}.prereg-strip{padding-top:40px;padding-bottom:40px}.section-head h2{font-size:37px}.page-heading h1{font-size:44px}.inner-page{padding-top:26px}.hero-wash{background:linear-gradient(0deg,#101215 0%,#10121500 12%,#10121500 24%,#101215 43%)}}
/* The public launch's download gate remains exactly as published. */
.hero-download-actions .hero-note{font-family:var(--body);font-size:12px;color:#b0aa9d;line-height:1.8;max-width:390px;margin:0;padding:13px 0 0;border-top:1px solid #d6b57930;letter-spacing:0}
@media(max-width:540px){.hero-download-actions{display:block}.hero-download-actions .hero-note{font-size:11px}}

/* Launch headline: reward first, beta message second, brand as the signature. */
.hero h1.beta-headline{display:flex;flex-direction:column;align-items:flex-start;max-width:610px;margin:0 0 25px;line-height:1.05;text-transform:none;letter-spacing:-.025em}
.beta-amount{font:600 clamp(66px,6.5vw,94px)/1 'Cinzel',Georgia,serif;color:#efd6a2;white-space:nowrap;letter-spacing:-.035em}
.beta-currency{font-size:.56em;letter-spacing:0}
.beta-caption{font:500 clamp(26px,2.8vw,39px)/1.25 var(--display);color:#f1eee7;letter-spacing:.015em;margin:9px 0 24px}
.hero h1.beta-headline em{font:600 clamp(38px,4.1vw,57px)/1.1 'Cinzel',Georgia,serif;color:#f1eee7;letter-spacing:-.035em}
.hero .beta-reward-note{padding-left:16px;border-left:1px solid #d6b57966;color:#c9ba9f;font-size:13px;line-height:1.8;margin:24px 0}.hero .beta-reward-note span{font-size:12px;color:#aaa69e}
@media(max-width:800px){.hero h1.beta-headline{margin-bottom:20px}.beta-amount{font-size:clamp(62px,11vw,82px)}.beta-caption{font-size:32px;margin-bottom:19px}.hero h1.beta-headline em{font-size:clamp(35px,6.3vw,48px)}}
@media(max-width:540px){.beta-amount{font-size:clamp(54px,15vw,76px)}.beta-caption{font-size:29px;margin:8px 0 18px}.hero h1.beta-headline em{font-size:clamp(31px,8.6vw,43px)}.hero .beta-reward-note{font-size:12px;margin:22px 0}.hero .beta-reward-note span{font-size:11px}}

/* Prominent, individually colored application actions in the main header. */
.header-apply-bar{background:#14171b;border-top:1px solid #ffffff08;border-bottom:1px solid #ffffff0b;padding:10px 0}.header-apply-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.header-apply{display:flex;align-items:center;text-align:left;gap:13px;border:1px solid transparent;border-radius:7px;padding:10px 16px;min-height:58px;color:#fff;transition:background .18s,transform .18s;font:700 12px/1.35 var(--body)}.header-apply span{min-width:0}.header-apply small{display:block;font-weight:500;font-size:10px;opacity:.85;margin-top:4px}.header-apply>.icon{width:23px;height:23px;flex-shrink:0}.header-apply .apply-arrow{margin-left:auto;width:17px}.apply-clan{background:#175b49;border-color:#32876a}.apply-clan:hover{background:#207157}.apply-staff{background:#254b86;border-color:#4777b9}.apply-staff:hover{background:#2e5da1}.apply-publisher{background:#69368b;border-color:#975cba}.apply-publisher:hover{background:#7d43a1}.header-apply:active{transform:translateY(1px)}html{scroll-padding-top:180px}.hero-content{padding-top:55px}.release-day>h3{top:190px}
@media(max-width:800px){.site-header #main-nav{top:100%;max-height:calc(100dvh - 160px)}.header-apply-actions{gap:8px}.header-apply{padding:10px;font-size:11px;min-height:54px;gap:9px}.header-apply .apply-arrow{display:none}.header-apply>.icon{width:19px;height:19px}.header-apply small{font-size:9px}.hero-content{padding-top:37px}}
@media(max-width:540px){.header-apply-bar{padding:8px 0}.header-apply-actions{width:calc(100% - 24px);gap:6px}.header-apply{display:flex;justify-content:center;text-align:center;min-height:58px;padding:8px 4px;font-size:10px;line-height:1.4}.header-apply>.icon{display:none}.header-apply small{font-size:8px;margin-top:3px}.hero-content{padding-top:30px}}

/* Open-beta registration gift: a distinct offer, separate from NP ranking prizes. */
.hero-prereg-offer{width:min(575px,100%);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px 24px;padding:21px 24px;background:#153b32;border:1px solid #459a70;border-radius:12px;margin:24px 0 20px;pointer-events:auto;transition:background .18s,border-color .18s}.hero-prereg-offer:hover{background:#1b493a;border-color:#9ac78f}.hero-prereg-value{font:600 49px/.95 'Cinzel',Georgia,serif;letter-spacing:-.035em;color:#f4dc99;white-space:nowrap}.hero-prereg-value>span{display:block;font:700 12px/1.4 var(--body);color:#eed9aa;letter-spacing:.025em;margin-top:7px}.hero-prereg-copy{display:flex;flex-direction:column;gap:4px}.hero-prereg-copy>strong{font:600 23px/1.2 var(--display);color:#f4f0df}.hero-prereg-copy>span{font-size:12px;color:#d3e5d5}.hero-prereg-copy>small{font-size:10px;color:#b7cfbe;margin-top:3px}.hero-prereg-cta{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff22;padding-top:12px;font-size:12px;font-weight:800;color:#f4dc99}.hero .beta-reward-note{font-size:12px;margin:18px 0}.hero-content>p{margin-top:19px;margin-bottom:19px}.hero .launch-dates{margin-top:20px;margin-bottom:20px}.prereg-strip h2 strong{color:#e7c994;font-weight:600}
@media(max-width:1100px) and (min-width:801px){.hero-prereg-offer{max-width:495px;padding:18px;gap:14px 18px}.hero-prereg-value{font-size:43px}.hero-prereg-copy>strong{font-size:21px}.hero-prereg-copy>span{font-size:11px}}
@media(max-width:540px){.hero-prereg-offer{padding:18px;gap:15px;margin:23px 0 18px}.hero-prereg-value{font-size:41px}.hero-prereg-value>span{font-size:10px}.hero-prereg-copy>strong{font-size:23px;max-width:180px}.hero-prereg-copy>span{font-size:11px}.hero-prereg-copy>small{font-size:9px}.hero-prereg-cta{font-size:12px}.hero-content{padding-bottom:360px}.hero .beta-reward-note{font-size:11px}}
@media(max-width:350px){.hero-prereg-offer{padding:16px 13px;gap:12px}.hero-prereg-value{font-size:35px}.hero-prereg-copy>strong{font-size:21px}.hero-prereg-copy>span{font-size:10px}}

.hero-prereg-details{display:inline-flex;align-items:center;gap:9px;color:#c8d8bf;font-size:11px;font-weight:600;pointer-events:auto}.hero-prereg-details:hover{color:#f4dc99}.hero-prereg-details>.icon{width:15px;height:15px}

.mobile-myko-guide{border-top:1px solid var(--line)}.mobile-myko-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 60px}.mobile-myko-faq article{padding:25px 0;border-top:1px solid var(--line)}.mobile-myko-faq h3{font-size:29px;margin:0 0 14px}.mobile-myko-faq p{color:var(--muted);font-size:13px;line-height:1.85;margin:0;max-width:63ch}.mobile-myko-faq p a{color:#ddc391;text-decoration:underline}.mobile-myko-guide .section-head{align-items:end}@media(max-width:700px){.mobile-myko-faq{grid-template-columns:1fr}.mobile-myko-faq article{padding:23px 0}.mobile-myko-faq h3{font-size:27px}.mobile-myko-guide .section-head{align-items:start}}

.hero .np-prize-details{display:flex;align-items:center;gap:9px;width:fit-content;color:#e7c994;font-weight:700;font-size:11px;margin-top:9px;pointer-events:auto}.np-prize-details:hover{text-decoration:underline}.np-prize-details>.icon{width:15px;height:15px}