@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#04110f;--ink:#f4f8f7;--muted:#b3cbc3;--green:#00e676;--edge:rgba(160,236,203,.17)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--ink);font-family:Montserrat,'Segoe UI',Arial,sans-serif}a{text-decoration:none;color:inherit}button{font:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:3px}.site-header{height:72px;position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:22px;justify-content:space-between;padding:10px clamp(17px,3vw,56px);background:rgba(2,13,11,.97);border-bottom:1px solid var(--edge);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.12em;font-size:15px;white-space:nowrap}.brand img{width:50px;height:44px;object-fit:contain}.brand b{color:var(--green)}.nav{display:flex;align-items:center;gap:clamp(14px,2.5vw,34px);margin-left:auto}.nav>a{font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.11em}.nav>a:hover{color:var(--green)}.lang-picker{position:relative;z-index:110}.lang-button{width:70px;height:46px;display:flex;justify-content:center;align-items:center;gap:8px;border:1px solid #306e54;background:#0a241c;border-radius:7px;cursor:pointer;color:var(--green)}.lang-button[aria-expanded=true],.lang-button:hover{border-color:var(--green)}.lang-button svg{width:14px;height:14px}.flag{width:38px;height:26px;object-fit:cover;display:block;flex:none;border:1px solid rgba(255,255,255,.35);border-radius:2px}.lang-button .flag{width:36px;height:25px}.lang-menu{position:absolute;right:0;top:calc(100% + 8px);width:min(344px,calc(100vw - 28px));max-height:min(584px,calc(100dvh - 92px));overflow-y:auto;overscroll-behavior:contain;padding:8px;background:#041b15;border:1px solid #2b7755;border-radius:9px;box-shadow:0 24px 70px rgba(0,0,0,.85)}.lang-menu[hidden]{display:none}.lang-option{cursor:pointer;display:flex;align-items:center;gap:14px;width:100%;min-height:52px;padding:10px 13px;border:0;border-radius:6px;background:transparent;color:#f2fbf6;text-align:left;font-size:14px;font-weight:650}.lang-option span{overflow-wrap:break-word;line-height:1.35}.lang-option:hover,.lang-option[aria-selected=true]{background:#13543c}.lang-option[aria-selected=true]{outline:1px solid #189e68}.hero{height:calc(100svh - 72px);min-height:510px;position:relative;overflow:hidden;background:#03100e}.hero img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.hero:after{content:'';position:absolute;inset:auto 0 0;height:13%;background:linear-gradient(transparent,rgba(3,12,10,.24));pointer-events:none}.intro-section{position:relative;isolation:isolate;padding:100px max(5vw,calc((100vw - 1220px)/2));background:radial-gradient(ellipse at 90% 8%,rgba(5,104,74,.38),transparent 50%),radial-gradient(ellipse at 5% 90%,rgba(9,59,79,.32),transparent 48%),linear-gradient(135deg,#051410,#0a211c 55%,#061410)}.intro-section:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.2;background:repeating-linear-gradient(120deg,transparent 0 130px,#5aaf9013 132px 134px)}.eyebrow{font-size:11px;color:var(--green);letter-spacing:.21em;font-weight:850;text-transform:uppercase}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:34px}.section-head h1,.section-head h2{font-size:clamp(30px,4.2vw,61px);line-height:1.09;max-width:750px;letter-spacing:-.045em;margin:11px 0 0;font-weight:900}.section-head p{line-height:1.75;color:var(--muted);font-size:14px;max-width:350px}.game-list{display:grid;grid-template-columns:1fr 1fr;gap:25px}.game-card{border:1px solid #416c56;background:#081b17;border-radius:13px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.35);transition:transform .2s,border-color .2s}.game-card:hover{transform:translateY(-5px);border-color:var(--green)}.game-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.game-card-body{padding:27px 30px 32px}.game-card .tag{color:#6affb4;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800}.game-card h3{margin:9px 0;font-size:clamp(29px,3.4vw,48px);font-weight:900;letter-spacing:-.03em}.game-card p{color:var(--muted);font-size:14px;line-height:1.7;min-height:75px}.pill-link{display:inline-flex;align-items:center;gap:12px;padding:14px 18px;background:var(--green);color:#052016;font-size:12px;font-weight:900;border-radius:6px;transition:background .2s}.pill-link:hover{background:#87ffc1}.pill-link.outline{border:1px solid #4f956f;background:#0c251f;color:#e6fff1}.pill-link.outline:hover{border-color:var(--green)}.studio-section{position:relative;padding:86px max(5vw,calc((100vw - 1220px)/2));background:radial-gradient(ellipse at 15% 50%,rgba(14,93,76,.36),transparent 55%),linear-gradient(110deg,#061512,#0a211d,#05100e);border-top:1px solid var(--edge)}.studio-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:48px;align-items:center}.studio-layout h2{font-size:clamp(25px,3.5vw,45px);line-height:1.14}.studio-layout p{color:var(--muted);line-height:1.75;font-size:14px}.studio-layout img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover;border:1px solid #42634e;border-radius:10px}.footer{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--edge);padding:29px clamp(18px,5vw,90px);background:#06130e;font-size:12px;color:#a5c5b8}.footer strong{color:#f1fff7;letter-spacing:.12em}.footer small{font-size:11px;opacity:.85}.footer a:hover{color:var(--green)}.detail-hero{position:relative;overflow:hidden;min-height:410px;padding:100px max(5vw,calc((100vw - 1220px)/2)) 65px;display:flex;align-items:end;background:#0a1818}.detail-hero:before{content:'';position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(16px) brightness(.38);transform:scale(1.07)}.detail-hero.kazenra:before{background-image:url('media/kazenra_card.webp')}.detail-hero.riftlock:before{background-image:url('media/riftlock_feature.webp')}.detail-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,16,15,.95),rgba(3,17,15,.55),rgba(2,16,14,.85))}.detail-hero>div{z-index:1;max-width:1040px}.detail-hero h1{font-size:clamp(58px,8vw,105px);font-weight:900;letter-spacing:-.05em;line-height:1.02;margin:12px 0 18px}.detail-hero p{max-width:670px;line-height:1.7;font-size:clamp(14px,1.5vw,17px);color:#e2f0e8}.detail-content{padding:78px max(5vw,calc((100vw - 1220px)/2)) 100px;background:radial-gradient(ellipse at 85% 0%,rgba(1,105,78,.27),transparent 60%),#071914}.detail-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:start}.poster{width:100%;max-width:700px;border-radius:10px;border:1px solid #47715e}.art-note{font-size:12px;line-height:1.6;color:#aac7bb}.detail-content h2{font-size:clamp(26px,3vw,43px)}.detail-content p{line-height:1.8;color:#bbd3ca;font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}.feature{padding:24px;min-height:130px;border:1px solid #326950;border-radius:9px;background:linear-gradient(150deg,#0b3226,#091c1b)}.feature strong{display:block;margin-top:14px;font-size:15px;line-height:1.45}.divider{height:1px;background:var(--edge);margin:28px 0}.action-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}.muted-note{color:#93b4a9;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.hero{height:calc(100svh - 72px)}.section-head{display:block}.game-list{gap:18px}.game-card-body{padding:22px}.game-card p{min-height:92px}}
@media(max-width:700px){.site-header{padding:10px 12px;gap:8px;flex-wrap:wrap;height:auto;min-height:68px}.brand{font-size:11px;gap:6px;letter-spacing:.045em}.brand img{width:39px;height:34px}.nav{gap:12px}.nav>a{font-size:10px;letter-spacing:0}.lang-button{width:53px;height:38px}.lang-button .flag{width:29px;height:21px}.lang-menu{max-height:calc(100dvh - 84px)}.lang-option{min-height:50px;font-size:14px}.hero{height:min(65vh,560px);min-height:255px}.hero img{object-fit:contain;background:#03110e}.intro-section,.studio-section,.detail-content{padding:65px 20px}.section-head h1,.section-head h2{font-size:clamp(30px,7.5vw,46px)}.game-list,.studio-layout,.detail-layout,.feature-grid{grid-template-columns:1fr}.game-card p{min-height:0}.studio-layout{gap:20px}.detail-hero{min-height:340px;padding:70px 20px 45px}.detail-hero h1{font-size:clamp(48px,13vw,76px)}.feature-grid{gap:12px;margin-top:32px}.footer{padding:24px 20px}}
@media(max-width:420px){.site-header{display:grid;grid-template-columns:1fr auto}.nav{grid-column:1 / 3;order:2;width:100%;display:flex;justify-content:space-between}.brand{grid-column:1;grid-row:1}.lang-picker{grid-column:2;grid-row:1}.hero{height:52vh}.lang-menu{right:0;max-width:calc(100vw - 20px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.game-card{transition:none}}

/* Keep both the MECUN logo and right-side adventurer visible on tablets. */
@media (min-width:701px) and (max-width:1180px){.hero{background:#04110e}.hero img{object-fit:contain}}

/* V12: game-specific media and refined layouts, preserving V11 hero and language menu */
.game-card .game-image-link{display:block;position:relative;overflow:hidden;background:#04110f}
.game-card .game-image-link img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .3s ease}
.game-card:hover .game-image-link img{transform:scale(1.035)}
.game-art-label{position:absolute;bottom:0;left:0;right:0;padding:38px 25px 15px;background:linear-gradient(transparent,rgba(1,6,7,.83));font-size:clamp(22px,2.7vw,36px);font-weight:900;letter-spacing:.09em;text-shadow:0 4px 16px #000}
.game-card h2{font-size:clamp(25px,2.6vw,39px);margin:8px 0;letter-spacing:-.03em}
.game-card .game-card-body{display:flex;flex-direction:column;align-items:flex-start;min-height:238px}
.game-card .game-card-body p{min-height:60px;margin:8px 0 18px}
.card-actions{margin-top:auto;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.subtle-link{font-size:12px;font-weight:750;color:#a5f9d1;line-height:1.4;text-decoration:underline;text-decoration-color:#3a8867;text-underline-offset:4px}
.subtle-link:hover{color:#fff}
.detail-hero.kazenra:before{background-image:url('media/kazenra_card.webp')}
.detail-hero.riftlock:before{background-image:url('media/riftlock_feature.webp')}
.detail-hero{min-height:460px}
.detail-hero:before{filter:brightness(.57);transform:scale(1.01);background-position:center center}
.detail-hero:after{background:linear-gradient(90deg,rgba(2,12,12,.9) 0%,rgba(2,14,14,.63) 48%,rgba(2,16,14,.3) 100%)}
.detail-hero>div{position:relative;z-index:2}
.feature-figure{margin:0;min-width:0}
.feature-figure .poster{display:block;width:100%;max-width:none;aspect-ratio:16/9;object-fit:cover}
.feature-figure figcaption{font-size:12px;color:#90bea9;margin-top:10px}
.feature-figure.riftlock-figure{display:flex;flex-direction:column;align-items:center}
.riftlock-figure .poster{width:min(100%,260px);aspect-ratio:1/1;object-fit:contain}
.media-section,.video-section,.store-section{position:relative;padding:76px max(5vw,calc((100vw - 1220px)/2)) 90px;border-top:1px solid var(--edge)}
.media-section{background:radial-gradient(ellipse at 5% 20%,rgba(29,98,119,.16),transparent 65%),#071616}
.kazenra-media{background:radial-gradient(ellipse at 85% 2%,rgba(172,60,23,.14),transparent 65%),#0c1718}
.riftlock-media{background:radial-gradient(ellipse at 90% 2%,rgba(21,109,198,.18),transparent 67%),#07131e}
.media-heading{margin:0 0 28px}
.media-heading h2{font-size:clamp(27px,3.5vw,45px);margin:10px 0}
.media-heading p{color:var(--muted);line-height:1.7;margin:0}
.gallery{display:grid;gap:14px}
.gallery-landscape{grid-template-columns:repeat(3,minmax(0,1fr))}
.gallery-portrait{grid-template-columns:repeat(5,minmax(0,1fr))}
.media-item{min-width:0;position:relative;display:block;padding:0;border:1px solid #345e56;border-radius:10px;overflow:hidden;cursor:zoom-in;background:#091b1a}
.media-item:hover{border-color:var(--green)}
.media-item img{width:100%;display:block;object-fit:cover;transition:transform .25s ease}
.gallery-landscape .media-item img{aspect-ratio:16/9}
.gallery-portrait .media-item img{aspect-ratio:9/16}
.media-item:hover img{transform:scale(1.02)}
.media-item-zoom{position:absolute;bottom:8px;right:8px;width:28px;height:28px;background:rgba(2,20,17,.76);border:1px solid #6cb596;color:#e6fff4;border-radius:50%;display:grid;place-items:center;font-size:21px}
.media-dialog{padding:0;border:1px solid #4bbd8b;border-radius:12px;max-width:96vw;max-height:94dvh;background:#05130f;overflow:visible;box-shadow:0 25px 90px #000e}
.media-dialog::backdrop{background:rgba(0,5,8,.87);backdrop-filter:blur(3px)}
.media-dialog img{display:block;max-width:90vw;max-height:88dvh;object-fit:contain;border-radius:8px}
.media-close{position:absolute;z-index:2;right:-11px;top:-14px;border:1px solid #437b64;border-radius:50%;background:#09281e;color:#fff;width:38px;height:38px;cursor:pointer;font-size:16px}
.video-section{background:radial-gradient(ellipse at 30% 0,rgba(120,34,26,.19),transparent 65%),#081513}
.video-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(210px,.8fr);gap:25px;align-items:start}
.video-frame{margin:0;min-width:0}
.video-frame video{display:block;width:100%;aspect-ratio:16/9;background:#020605;border:1px solid #355b4e;border-radius:12px;object-fit:contain}
.video-frame.vertical video{aspect-ratio:9/16;max-height:560px}
.video-frame figcaption{font-size:12px;color:var(--muted);margin:11px 0}
.store-section{background:#07160f}
.store-panel{border:1px solid #3e8465;padding:25px;border-radius:16px;display:flex;align-items:center;gap:25px;background:linear-gradient(115deg,#0a2d26,#0a171a)}
.store-panel img{width:105px;height:105px;object-fit:contain;border-radius:18px}
.store-panel>div{flex:1;min-width:0}
.store-panel h2{margin:8px 0;font-size:clamp(21px,2.7vw,32px)}
.store-panel p{color:var(--muted);line-height:1.6}
.contact-link{color:#9cffc8;text-decoration:underline;text-decoration-color:#2d8c62;text-underline-offset:3px}
@media(max-width:1050px){.gallery-landscape{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-portrait{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.game-card .game-card-body{min-height:0}.media-section,.video-section,.store-section{padding:55px 20px 65px}.gallery-landscape{grid-template-columns:1fr 1fr}.gallery-portrait{grid-template-columns:1fr 1fr}.video-grid{grid-template-columns:1fr}.video-frame.vertical{max-width:320px}.store-panel{align-items:flex-start;flex-wrap:wrap;gap:15px}.store-panel img{width:70px;height:70px}}
@media(max-width:420px){.gallery-landscape{grid-template-columns:1fr}.gallery-portrait{gap:9px}.gallery-portrait .media-item img{aspect-ratio:9/16}}
@media(prefers-reduced-motion:reduce){.game-card .game-image-link img,.media-item img{transition:none}}
/* V12 QA refinements: keep all of the panoramic artwork visible on narrow screens */
.detail-hero:before{filter:brightness(.78)}
.detail-hero:after{background:linear-gradient(90deg,rgba(2,12,12,.88) 0%,rgba(2,14,14,.52) 50%,rgba(2,16,14,.12) 100%)}
@media(max-width:700px){
  .hero{height:auto!important;min-height:0!important;aspect-ratio:1672/941}
  .hero img{width:100%;height:100%;object-fit:contain}
  .hero:after{height:14%}
  .detail-hero{min-height:365px}
  .detail-hero:after{background:linear-gradient(90deg,rgba(2,12,12,.9),rgba(2,16,14,.45))}
}

.cms-news-section{max-width:1200px;margin:0 auto;padding:48px 24px}.cms-news-item{padding:18px 0;border-bottom:1px solid #21463b}.cms-news-item h3{color:#e9fff7}.cms-news-item p{color:#b4c8c0}