/* Illustrated editorial homepage. Artwork lives in bounded image areas. */
body[data-page="home"]{background:#12100e;color:#fff2dd}
body[data-page="home"] main{overflow:hidden}
.mx-home-hero{padding:72px 0 64px;background:#17130f}
.mx-home-hero-in{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:54px}
.mx-home-intro{min-width:0}
.mx-home-intro .mx-badge{font-size:10px;letter-spacing:.03em;margin-bottom:24px}
.mx-home-intro .mx-logo{display:grid;width:max-content;grid-template-columns:76px auto;column-gap:14px;row-gap:0;margin:0 0 28px;text-align:left}
.mx-home-intro .mx-logo img{width:76px;grid-row:span 2;animation:none}
.mx-home-intro .mx-logo-word{font-size:5rem;line-height:.9}
.mx-home-intro .mx-logo-sub{font-size:.58rem;margin-top:6px;letter-spacing:.14em}
.mx-home-title{font:400 clamp(2.7rem,4vw,4.1rem)/1.04 var(--head);color:#fff2dd;margin:0 0 20px;letter-spacing:.005em}
.mx-home-description{font-size:16px;line-height:1.75;color:#cdbda7;max-width:470px;margin:0 0 26px}
.mx-home-intro .mx-row{gap:12px;flex-wrap:wrap}
.mx-home-intro .mx-btn{font-size:17px;padding:15px 24px}
.mx-home-address{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:25px}
.mx-home-address .mx-chip{font-size:13px;padding:10px 13px}
.mx-home-address>span{font-size:11px;color:#a6937b}
.mx-home-illustration{position:relative;min-width:0;margin:0;padding:0 0 32px;isolation:isolate}
.mx-home-art-frame{height:405px;overflow:hidden;border-radius:100px 24px 100px 24px;border:1px solid #c79d5550;background:#33291f;transform:rotate(2deg);box-shadow:0 18px 36px #0005}
.mx-home-landscape{width:100%;height:100%;object-fit:cover;object-position:65% center}
.mx-home-character{position:absolute;z-index:1;height:375px;width:auto;right:-15px;bottom:30px;filter:drop-shadow(0 14px 12px #0005);transform:rotate(6deg)}
.mx-home-illustration figcaption{position:absolute;z-index:2;left:15px;bottom:16px;background:#e8b650;color:#332414;padding:12px 20px;border-radius:8px;box-shadow:0 4px 0 #8e5a25;transform:rotate(-3deg);font:400 16px var(--head);letter-spacing:.015em}
.mx-home-news{padding:64px 0 70px;background:#12100e}
.mx-home-eyebrow{font:400 12px/1.4 var(--head);letter-spacing:.13em;text-transform:uppercase;color:#bc985f;margin:0 0 10px}
.mx-home-news .mx-news-head{width:100%;max-width:none;align-items:end;margin-bottom:24px}
.mx-home-news h2{font:400 35px/1.1 var(--head);text-transform:uppercase;color:#fff2dd;margin:0}
.mx-home-news .mx-news-grid{width:100%;max-width:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.mx-home-news .mx-news{border-radius:13px;border-color:#6b543b70;background:#201a15;box-shadow:0 7px 18px #0003}
.mx-home-news .mx-news-body{padding:14px;gap:14px;background:#201a15}
.mx-home-news .mx-news-body b{font-size:18px;line-height:1.22;min-height:3.66em}
.mx-home-news .mx-news-meta{font-size:11px;gap:7px}.mx-home-news .mx-tag{font-size:10px}
body[data-page="home"] .mx-games{background:#1c1712;padding:64px 0 70px;border-block:1px solid #71573935}
body[data-page="home"] .mx-games::after{display:none}
body[data-page="home"] .mx-games-in>.mx-home-eyebrow{margin:0 0 14px;color:#bc985f;font-size:12px}
body[data-page="home"] .mx-games h2{font-size:clamp(2rem,3.5vw,3rem)}
body[data-page="home"] .mx-games-in>p:not(.mx-home-eyebrow){font-size:15px;color:#c8b79e;margin:14px auto 36px}
body[data-page="home"] .mx-game-row{gap:16px}
body[data-page="home"] .mx-game{min-height:0;border:1px solid #ffffff0c;border-radius:20px;background:linear-gradient(165deg,#ffffff04,#00000012);transition:transform .22s,border-color .22s,background .22s;overflow:visible}
body[data-page="home"] .mx-game+.mx-game{border-left:1px solid #ffffff0c;border-radius:20px}
body[data-page="home"] .mx-game:hover,body[data-page="home"] .mx-game:focus-visible{border-color:color-mix(in srgb,var(--game-accent) 45%,transparent);background:linear-gradient(165deg,#ffffff07,#00000020);transform:translateY(-6px)}
body[data-page="home"] .mx-game:focus-visible{outline:2px solid var(--game-accent);outline-offset:4px}
body[data-page="home"] .mx-game-content{padding:22px 10px 18px;gap:0;width:100%}
.mx-game-category{font:400 10px/1.4 var(--head);letter-spacing:.1em;text-transform:uppercase;color:#a28e73}
.mx-game-stage{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;aspect-ratio:1.3;margin:10px 0 16px}
.mx-game-stage::before{content:'';position:absolute;z-index:-1;inset:8% -4% -1%;background:radial-gradient(ellipse,color-mix(in srgb,var(--game-accent) 10%,transparent),transparent 68%);pointer-events:none}
body[data-page="home"] .mx-game .mx-game-logo{width:112%;max-width:none;height:auto;aspect-ratio:9/5;filter:drop-shadow(0 10px 6px #0004);transition:transform .22s}
body[data-page="home"] .mx-game .mx-game-logo-painted{width:119%;aspect-ratio:3/2;object-fit:contain;filter:none}
body[data-page="home"] .mx-game:hover .mx-game-logo{transform:translateY(-3px) rotate(-1deg) scale(1.025)}
body[data-page="home"] .mx-game-tag{font-size:12px;line-height:1.5;min-height:1.5em;margin:0 0 14px;color:#e6d7c0}
body[data-page="home"] .mx-game .mx-flag{font-size:10px;letter-spacing:.04em;padding:5px 10px;background:#1e3827;border:1px solid #64bb6230}
body[data-page="home"] .mx-game .mx-flag-soon{background:#392c19;border-color:#daa44730}
.mx-game-discover{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding-top:15px;width:calc(100% - 24px);border-top:1px solid #ffffff09;color:#b5a48b;font:400 12px var(--head);transition:color .2s}
.mx-game-discover .ic{width:14px;height:14px;transition:transform .2s}
.mx-game:hover .mx-game-discover{color:var(--game-accent)}
.mx-game:hover .mx-game-discover .ic{transform:translateX(3px)}
body[data-page="home"] .mx-play{background:#12100e;border:0;padding:70px 0 76px}
body[data-page="home"] .mx-play h2{font-size:clamp(2rem,3.5vw,3rem)}
body[data-page="home"] .mx-play-sub{color:#bba88d;font-size:15px}
body[data-page="home"] .mx-play-in{gap:56px;padding:34px;border:1px solid #614c354f;border-radius:20px;background:#1d1813}
body[data-page="home"] .mx-play-art{border-radius:16px;min-height:400px;background:#282017;overflow:hidden;display:grid;place-items:center;align-self:stretch;position:relative}
body[data-page="home"] .mx-play-art::before{content:'';position:absolute;inset:0;background:url('/assets/art/world-bg.webp') 66% center/cover;opacity:.7}
body[data-page="home"] .mx-play-art img{position:relative;max-width:90%;max-height:380px;filter:drop-shadow(0 10px 16px #0006)}
body[data-page="home"]>.mx-footer{margin-top:0;background:#0e0c0a;border-top:1px solid #53412d66;padding-top:36px}
body[data-page="home"] .mx-footer-edge{display:none}
@media(max-width:1100px){.mx-home-hero-in{gap:32px}.mx-home-art-frame{height:370px}.mx-home-character{height:330px;right:-22px}.mx-home-title{font-size:3rem}.mx-home-news .mx-news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.mx-home-news .mx-news-body b{min-height:2.44em}.mx-home-news .mx-news-meta{flex-direction:row;align-items:center}}
@media(max-width:800px){.mx-home-hero{padding:42px 0 40px}.mx-home-hero-in{grid-template-columns:1fr;gap:36px}.mx-home-intro{max-width:580px}.mx-home-illustration{max-width:620px;width:100%;justify-self:center}.mx-home-art-frame{height:310px}.mx-home-character{height:310px;right:10px}.mx-home-news{padding:42px 0 48px}body[data-page="home"] .mx-games{padding:45px 0 42px}body[data-page="home"] .mx-game:nth-child(3){border-left:0}body[data-page="home"] .mx-play{padding:44px 0 50px}body[data-page="home"] .mx-play-in{grid-template-columns:1fr;padding:24px}body[data-page="home"] .mx-play-art{display:none}}
@media(max-width:500px){.mx-home-intro .mx-badge{font-size:9px;white-space:normal;padding:8px 10px}.mx-home-intro .mx-logo{grid-template-columns:66px auto;gap:0 12px;margin-bottom:22px}.mx-home-intro .mx-logo img{width:66px}.mx-home-intro .mx-logo-word{font-size:4.4rem}.mx-home-intro .mx-logo-sub{font-size:.5rem}.mx-home-title{font-size:2.8rem}.mx-home-description{font-size:15px}.mx-home-intro .mx-btn{padding:13px 19px;font-size:16px}.mx-home-art-frame{height:245px;border-radius:65px 18px 65px 18px}.mx-home-character{height:255px;right:-8px}.mx-home-illustration figcaption{font-size:14px;left:10px;padding:10px 14px}.mx-home-news h2{font-size:27px}.mx-home-news .mx-news-head{gap:12px}.mx-home-news .mx-news-head a{font-size:11px;white-space:nowrap}.mx-home-news .mx-home-eyebrow{font-size:9px}.mx-home-news .mx-news-grid{gap:12px}.mx-home-news .mx-news-body{padding:11px;gap:10px}.mx-home-news .mx-news-body b{font-size:15px;min-height:3.66em}.mx-home-news .mx-news-meta{font-size:9px}.mx-home-news .mx-tag{font-size:8px;padding:4px 5px}body[data-page="home"] .mx-game-content{padding-inline:2px}body[data-page="home"] .mx-game-tag{font-size:11px}body[data-page="home"] .mx-play-in{padding:20px 14px}.mx-home-address>span{font-size:10px}}
@media(max-width:360px){.mx-home-title{font-size:2.5rem}.mx-home-news .mx-news-head{align-items:start;flex-direction:column}.mx-home-news .mx-news-body b{font-size:14px}body[data-page="home"] .mx-game+.mx-game{border-left:0}}
@media(max-width:800px){body[data-page="home"] .mx-game:nth-child(3){border-left:1px solid #ffffff0c}.mx-game-stage{max-width:340px;margin-inline:auto}body[data-page="home"] .mx-game-content{padding:20px 12px 16px}}
@media(max-width:500px){body[data-page="home"] .mx-game-row{gap:16px 10px}body[data-page="home"] .mx-game{border-radius:15px}body[data-page="home"] .mx-game-content{padding:16px 7px 14px}.mx-game-category{font-size:8px;letter-spacing:.04em}.mx-game-stage{margin:10px 0 13px;aspect-ratio:1.25}body[data-page="home"] .mx-game .mx-game-logo{width:115%}body[data-page="home"] .mx-game-tag{font-size:11px;min-height:3em;display:flex;align-items:center;justify-content:center;margin-bottom:10px}body[data-page="home"] .mx-game .mx-flag{font-size:9px}.mx-game-discover{font-size:11px;margin-top:16px;padding-top:12px;gap:6px}}
@media(max-width:360px){body[data-page="home"] .mx-game+.mx-game{border-left:1px solid #ffffff0c}.mx-game-stage{max-width:280px;aspect-ratio:1.4}body[data-page="home"] .mx-game-tag{min-height:0}}
@media(prefers-reduced-motion:reduce){.mx-home-art-frame,.mx-home-character,body[data-page="home"] .mx-game,body[data-page="home"] .mx-game .mx-game-logo,.mx-game-discover,.mx-game-discover .ic{animation:none;transition:none}body[data-page="home"] .mx-game:hover,body[data-page="home"] .mx-game:hover .mx-game-logo,.mx-game:hover .mx-game-discover .ic{transform:none}}
/* Character motion uses the existing illustration and a tiny eyelid overlay. */
.mx-actor{display:block;position:relative;isolation:isolate;transform-origin:50% 85%;animation-play-state:paused}
.mx-actor .mx-actor-image{display:block;width:100%;height:100%;object-fit:contain}
.mx-actor-blink{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:0;pointer-events:none;animation:nova-blink 7.6s step-end infinite;animation-play-state:paused}
.mx-home-character{--figure-size:375px;position:absolute;height:var(--figure-size);width:calc(var(--figure-size)*1102/1427);animation:nova-green-idle 5.8s ease-in-out infinite;animation-play-state:paused}
body[data-page="home"] .mx-play-art .mx-play-actor{position:relative;width:90%;max-width:340px;aspect-ratio:1295/1214;filter:drop-shadow(0 10px 16px #0006);animation:nova-yellow-idle 6.2s ease-in-out infinite;animation-play-state:paused}
body[data-page="home"] .mx-play-art .mx-actor-image{width:100%;height:100%;max-width:none;max-height:none;position:static;filter:none}
.mx-play-actor .mx-actor-blink{animation-delay:-3.1s}
.mx-actor.is-actor-running,.mx-actor.is-actor-running .mx-actor-blink{animation-play-state:running!important}
@keyframes nova-green-idle{0%,100%{transform:translateY(0) rotate(6deg) scale(1)}50%{transform:translateY(-7px) rotate(7deg) scale(1.008)}}
@keyframes nova-yellow-idle{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}
@keyframes nova-blink{0%,92%,95.5%,98%,100%{opacity:0}93%,94.5%,97%{opacity:1}}
@media(max-width:1100px){.mx-home-character{--figure-size:330px}}
@media(max-width:800px){.mx-home-character{--figure-size:310px}}
@media(max-width:500px){.mx-home-character{--figure-size:255px}}
@media(prefers-reduced-motion:reduce){.mx-actor,.mx-home-character,body[data-page="home"] .mx-play-art .mx-play-actor{animation:none!important}.mx-actor-blink{display:none!important}.mx-home-character{transform:rotate(6deg)}}