/* Direction C: Yasayan Metin2 Dunyasi */
:root{
  --c-bg:#080a08;
  --c-bg-soft:#0d110e;
  --c-forest:#26342b;
  --c-stone:#778078;
  --c-gold:#dfbf73;
  --c-gold-soft:#f0d79b;
  --c-ivory:#eee8dc;
  --c-muted:#aaa99f;
  --c-red:#87352b;
  --c-line:rgba(223,191,115,.22);
}

body.direction-c{
  background:
    radial-gradient(1100px 620px at 14% 10%,rgba(38,52,43,.2),transparent 64%),
    linear-gradient(180deg,#080a08,#0a0c0a 45%,#070907)!important;
  color:var(--c-ivory);
}

body.direction-c::before{opacity:.018!important}
.direction-c .content{overflow:clip}

/* Navigation */
.direction-c .navbar{
  height:70px!important;
  padding-inline:clamp(18px,4vw,58px)!important;
  background:rgba(7,9,7,.88)!important;
  border:0!important;
  border-bottom:1px solid var(--c-line)!important;
  box-shadow:0 14px 40px rgba(0,0,0,.32);
  backdrop-filter:blur(16px) saturate(.9)!important;
}
.direction-c .navbar::after{display:none!important}
.direction-c .navbar-inner{max-width:1500px}
.direction-c .navbar-logo-img{height:38px!important}
.direction-c .topnav-link{gap:8px;color:#b9b9af;font-size:.73rem;letter-spacing:.14em;white-space:nowrap}
.direction-c .topnav-link:hover,.direction-c .topnav-link.active{color:var(--c-gold-soft)}
.direction-c .topnav-link::after{background:var(--c-gold)}
.direction-c .topnav-icon{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;flex:0 0 24px;color:var(--c-gold);border:1px solid rgba(223,191,115,.3);background:linear-gradient(180deg,rgba(75,57,20,.5),rgba(12,13,10,.82));box-shadow:inset 0 0 8px rgba(223,191,115,.08),0 0 8px rgba(0,0,0,.35);transition:border-color .18s ease,color .18s ease,box-shadow .18s ease}
.direction-c .topnav-icon svg{width:15px!important;height:15px!important;transform:none!important}
.direction-c .topnav-link:hover .topnav-icon,.direction-c .topnav-link.active .topnav-icon{color:#ffe09a;border-color:rgba(240,215,155,.7);box-shadow:inset 0 0 9px rgba(223,191,115,.14),0 0 10px rgba(223,191,115,.18)}
.direction-c .topnav-more[aria-expanded=true] .topnav-icon{transform:none!important}
.direction-c .topnav-more .topnav-chevron{width:11px!important;height:11px!important}
.direction-c .navbar-actions{gap:8px}
.direction-c .nav-btn,.direction-c .lang-btn{
  min-height:38px;
  border:1px solid rgba(223,191,115,.32)!important;
  border-radius:0!important;
  clip-path:none!important;
  background:rgba(10,13,10,.72)!important;
  box-shadow:none!important;
  color:#d8d4c9!important;
  font-size:.68rem;
  letter-spacing:.13em!important;
}
.direction-c .nav-btn svg{color:var(--c-gold)!important}
.direction-c .nav-btn:hover,.direction-c .lang-btn:hover{border-color:rgba(223,191,115,.7)!important;background:rgba(38,52,43,.78)!important;transform:none}
.direction-c .nav-btn-download{background:var(--c-gold)!important;color:#171308!important;border-color:var(--c-gold)!important;font-weight:800!important}
.direction-c .nav-btn-download:hover{background:var(--c-gold-soft)!important}
.direction-c .nav-btn-discord,.direction-c .nav-btn-legal{background:rgba(10,13,10,.72)!important}

/* Hero */
.direction-c .hero{height:calc(100svh - 70px);min-height:680px;margin-top:70px;isolation:isolate}
.direction-c .hero-bg img{object-position:center center;filter:saturate(.88) contrast(1.02)}
.direction-c .hero-overlay{
  background:
    linear-gradient(180deg,rgba(7,9,7,.18),rgba(7,9,7,.12) 48%,rgba(8,10,8,.94) 100%),
    radial-gradient(ellipse 48% 58% at 50% 40%,rgba(8,10,8,.02),rgba(8,10,8,.5))!important;
}
.direction-c .hero-center{top:43%;width:min(760px,calc(100% - 36px));gap:0}
.direction-c .hero-eyebrow{margin-bottom:12px;color:var(--c-gold)!important;font-size:.68rem!important;letter-spacing:.52em!important}
.direction-c .hero-eyebrow::before,.direction-c .hero-eyebrow::after{width:72px;background:linear-gradient(90deg,transparent,var(--c-gold))}
.direction-c .hero-eyebrow::after{background:linear-gradient(90deg,var(--c-gold),transparent)}
.direction-c .hero-logo-img{width:min(270px,44vw);height:auto;margin-bottom:2px;filter:drop-shadow(0 12px 20px rgba(0,0,0,.55))}
.direction-c .hero-title{font-size:clamp(50px,5.7vw,82px)!important;line-height:.94!important;letter-spacing:.04em!important;background:linear-gradient(180deg,#fff5d8 8%,#e4c273 58%,#9d7130)!important;-webkit-background-clip:text!important;background-clip:text!important}
.direction-c .hero-subtitle{margin:14px 0 3px!important;font-size:clamp(17px,1.7vw,24px)!important;color:#f0ece3!important}
.direction-c .hero-description{max-width:660px;margin-bottom:8px!important;color:#c4c2b9!important;font-size:.9rem!important}
.direction-c .launch-date{padding:4px 0 7px;width:auto;margin-top:2px}
.direction-c .launch-date span{font-size:.55rem!important;color:#c0b9ab!important}
.direction-c .launch-date strong{font-size:clamp(34px,3.8vw,54px)!important;color:var(--c-gold-soft)!important}
.direction-c .countdown{width:min(560px,92%)!important;margin:0 0 8px!important}
.direction-c .countdown .cd-digit{width:clamp(32px,3.7vw,47px)}
.direction-c .countdown span{color:#c1c0b7!important}
.direction-c .hero-ctas{gap:12px;margin-top:2px}
.direction-c .hero-ctas .btn{
  width:270px;min-width:270px;min-height:58px;padding:13px 42px!important;
  border:0!important;border-radius:0!important;clip-path:none!important;
  background-color:transparent!important;background-image:url(../images/ui/buttons/game-cta-frame.webp)!important;background-repeat:no-repeat!important;background-position:center!important;background-size:100% 100%!important;
  color:#fff0bd!important;font-family:var(--font-display)!important;font-size:.84rem!important;font-weight:700!important;letter-spacing:.04em!important;text-transform:uppercase;
  text-shadow:0 1px 0 #3a1605,0 0 8px rgba(255,190,66,.46)!important;box-shadow:none!important;filter:drop-shadow(0 5px 8px rgba(0,0,0,.48));
  transition:transform .18s ease,filter .18s ease,color .18s ease!important
}
.direction-c .hero-ctas .btn-download,.direction-c .hero-ctas .btn-register{background-color:transparent!important;border:0!important;color:#fff0bd!important}
.direction-c .hero-ctas .btn:hover,.direction-c .hero-ctas .btn:focus-visible{transform:translateY(-2px) scale(1.015)!important;color:#fff8dc!important;filter:drop-shadow(0 0 10px rgba(255,177,39,.7)) drop-shadow(0 7px 9px rgba(0,0,0,.52))}
.direction-c .hero-ctas .btn:focus-visible{outline:2px solid #fff0bd!important;outline-offset:4px}
.direction-c .scroll-arrow{bottom:18px;border-color:var(--c-gold)!important;opacity:.7}

/* Global chapter rhythm */
.direction-c main{counter-reset:c-chapter}
.direction-c .content-section:not([hidden]){counter-increment:c-chapter;position:relative;padding:clamp(76px,8vw,122px) clamp(24px,5vw,72px);border:0!important;background:transparent}
.direction-c .content-section:not([hidden])::before{
  content:"0" counter(c-chapter) " · AERIS2";
  position:absolute;z-index:3;top:34px;left:max(24px,calc((100% - 1320px)/2));
  color:var(--c-gold);font-size:.62rem;font-weight:800;letter-spacing:.38em;text-transform:uppercase;
}
.direction-c .content-section::after{content:"";position:absolute;left:6%;right:6%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--c-line),transparent)}
.direction-c .section-inner{max-width:1320px}
.direction-c .section-bg{opacity:.18!important;filter:saturate(.72)!important;mask-image:linear-gradient(180deg,transparent 0,#000 20%,#000 75%,transparent 100%)!important}
.direction-c .section-header{max-width:920px;margin:0 auto clamp(34px,5vw,62px);text-align:center!important}
.direction-c .section-header::after{content:"";display:block;width:180px;height:1px;margin:22px auto 0;background:linear-gradient(90deg,transparent,var(--c-gold),transparent)}
.direction-c .section-title{font-size:clamp(32px,4vw,58px)!important;line-height:1.08!important;letter-spacing:0!important;color:var(--c-ivory)!important;background:none!important;-webkit-text-fill-color:initial!important;text-shadow:0 4px 24px rgba(0,0,0,.42)}
.direction-c .section-desc,.direction-c .section-sub{max-width:780px;color:var(--c-muted)!important;font-size:.94rem!important;line-height:1.85}
.direction-c .ornament{display:none!important}

/* Preface and feature list */
.direction-c .section-type-preface .section-bg{opacity:.24!important}
.direction-c .preface-panel{max-width:1120px;margin:auto;padding:clamp(30px,5vw,68px);border:0!important;background:linear-gradient(90deg,rgba(8,10,8,.94),rgba(8,10,8,.62),rgba(8,10,8,.18))!important;clip-path:none!important;box-shadow:none!important;text-align:left}
.direction-c .preface-corner{display:none!important}
.direction-c .preface-dropcap{color:var(--c-gold)!important}
.direction-c .feature-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--c-line);border-left:1px solid var(--c-line)}
.direction-c .feature-list li{min-height:62px;padding:14px 16px;border-right:1px solid var(--c-line);border-bottom:1px solid var(--c-line);background:rgba(12,16,13,.48);color:#d1d0c7}
.direction-c .feature-list li svg{color:var(--c-gold)}
.direction-c .feature-more{color:var(--c-gold-soft)!important}

/* Partners */
.direction-c .partner-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:30px 18px}
.direction-c .partner-card{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}
.direction-c .partner-avatar{width:min(132px,100%);aspect-ratio:1;margin:auto;overflow:hidden;border:1px solid rgba(223,191,115,.34);border-radius:50%;background:#0c100d}
.direction-c .partner-avatar img{width:100%;height:100%!important;object-fit:cover}
.direction-c .partner-badges{display:none}
.direction-c .partner-name{margin-top:13px;color:var(--c-ivory);font-size:.9rem}
.direction-c .partner-tag{display:block;margin-top:6px;padding:0!important;border:0!important;background:none!important;color:var(--c-gold);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;box-shadow:none!important}

/* Character classes */
.direction-c .race-grid{gap:0;border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line)}
.direction-c .race-card{min-height:560px;padding:26px 20px;border:0!important;border-right:1px solid var(--c-line)!important;border-radius:0!important;background:linear-gradient(180deg,rgba(8,10,8,.12),rgba(8,10,8,.88))!important;box-shadow:none!important}
.direction-c .race-card:last-child{border-right:0!important}
.direction-c .race-card:hover{transform:none!important;background:linear-gradient(180deg,rgba(38,52,43,.16),rgba(8,10,8,.92))!important}
.direction-c .race-render{min-height:340px}
.direction-c .race-render img{height:340px;object-fit:contain;filter:drop-shadow(0 22px 30px rgba(0,0,0,.52))}
.direction-c .race-name{color:var(--c-gold-soft);font-size:1.3rem}
.direction-c .race-spec{color:var(--c-gold)}
.direction-c .race-desc{color:#b8b7ae;line-height:1.7}

/* Artwork-first editorial sections */
.direction-c .section-type-showcase .showcase-stack{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(34px,5vw,76px);align-items:center;max-width:1240px;margin:auto;text-align:left}
.direction-c .section-type-showcase:nth-of-type(even) .showcase-stack{grid-template-columns:minmax(0,1.28fr) minmax(280px,.72fr)}
.direction-c .section-type-showcase:nth-of-type(even) .showcase-text{grid-column:2;grid-row:1}
.direction-c .section-type-showcase:nth-of-type(even) .showcase-media{grid-column:1;grid-row:1}
.direction-c .showcase-text{max-width:none;margin:0}
.direction-c .showcase-text p{color:#c4c2b8!important;font-size:clamp(.95rem,1.25vw,1.08rem);line-height:1.95}
.direction-c .showcase-text p:first-child::before{content:"";display:block;width:60px;height:2px;margin-bottom:22px;background:var(--c-gold)}
.direction-c .showcase-media{position:relative;margin:0;overflow:hidden}
.direction-c .showcase-media img{width:100%;aspect-ratio:16/9;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 6%,#000 92%,transparent)!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 6%,#000 92%,transparent)!important}

/* Equipment and reward storytelling */
.direction-c .section-type-equipment .equip-character img{max-width:1240px;margin:auto;filter:none}
.direction-c .prize-layout{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:70px}
.direction-c .prize-card,.direction-c .final-card{border:0!important;border-top:1px solid var(--c-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.direction-c .prize-card:hover,.direction-c .final-card:hover{transform:none!important}
.direction-c .prize-value,.direction-c .prize-amount{color:var(--c-gold-soft)!important;background:none!important;-webkit-text-fill-color:initial!important}
.direction-c .hasar-final{border:0;background:rgba(9,12,10,.62);border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line);border-radius:0;box-shadow:none}

/* Transformations, anti-cheat, multifarm */
.direction-c .tf-grid,.direction-c .ac-grid,.direction-c .mf-cards{gap:22px}
.direction-c .tf-card,.direction-c .ac-card,.direction-c .mf-card{border:1px solid var(--c-line)!important;border-radius:0!important;background:rgba(10,14,11,.72)!important;box-shadow:none!important}
.direction-c .tf-card:hover,.direction-c .ac-card:hover,.direction-c .mf-card:hover{transform:none!important;border-color:rgba(223,191,115,.46)!important}
.direction-c .tf-name,.direction-c .tf-label{border-radius:0!important}

/* Data-heavy sections: restrained, readable, not fake game UI */
.direction-c .bio-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--c-line);border:1px solid var(--c-line);max-width:1240px}
.direction-c .bio-card{padding:18px 16px;border:0!important;border-radius:0!important;background:#0b0f0c!important;box-shadow:none!important}
.direction-c .bio-card:hover{transform:none!important;background:#101711!important}
.direction-c .bio-card-media{border:0;background:transparent}
.direction-c .bio-card-lv,.direction-c .bio-card-sure{color:var(--c-gold-soft)}
.direction-c .bio-card-odul{color:#a6c9aa}
.direction-c .simya-grid{gap:16px}
.direction-c .simya-card{border:1px solid rgba(223,191,115,.16)!important;border-radius:0!important;box-shadow:none!important}
.direction-c .simya-card:hover{transform:none!important}
.direction-c .efsun-grid{gap:1px;background:var(--c-line);border:1px solid var(--c-line)}
.direction-c .efsun-row{padding:12px 16px;border:0!important;border-radius:0!important;background:#0b0f0c!important}
.direction-c .efsun-chip{border-radius:0;background:#111712}
.direction-c .events-grid{gap:1px;background:var(--c-line);border:1px solid var(--c-line)}
.direction-c .event-card{border:0!important;border-radius:0!important;background:#0b0f0c!important;box-shadow:none!important}

/* Dungeons */
.direction-c .section-type-slider .showcase-slider{width:min(1240px,100%);min-height:620px;overflow:hidden!important;isolation:isolate;contain:paint;border:0;border-radius:0;background:#080a08;box-shadow:0 32px 70px rgba(0,0,0,.38)}
.direction-c .section-type-slider .showcase-slider::before{display:none!important;content:none!important}
.direction-c .section-type-slider .showcase-slide,.direction-c .section-type-slider .showcase-slide img{min-height:620px;height:620px}
.direction-c .section-type-slider .showcase-slide{overflow:hidden;transform:translateZ(0)}
.direction-c .section-type-slider .showcase-slide img{transform:none!important;transition:none!important;backface-visibility:hidden;mask-image:linear-gradient(180deg,#000 55%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%)}
.direction-c .showcase-caption{left:50%;bottom:46px;transform:translateX(-50%);width:min(760px,calc(100% - 100px));max-width:none;padding:0;border:0;border-radius:0;background:transparent;text-align:center}
.direction-c .showcase-caption h3{font-size:clamp(28px,3vw,46px);color:var(--c-gold-soft)}
.direction-c .showcase-caption p{color:#c6c3b9}
.direction-c .slider-arrow{border-radius:0!important;background:rgba(8,10,8,.72);border-color:var(--c-line)!important}

/* Set bonuses and final */
.direction-c .pasif-grid{gap:1px;background:var(--c-line);border:1px solid var(--c-line)}
.direction-c .pasif-card{border:0!important;border-radius:0!important;background:#0b0f0c!important;box-shadow:none!important}
.direction-c .pasif-card:hover{transform:none!important}
.direction-c #son{min-height:600px;display:grid;align-items:center}
.direction-c #son .preface-text{max-width:860px;margin:auto;text-align:center}
.direction-c .footer{padding-top:70px;background:linear-gradient(180deg,#080a08,#050605)!important;border-top:1px solid var(--c-line)!important}
.direction-c .footer-logo{width:180px}
.direction-c .footer-social a{border-radius:50%!important;clip-path:none!important;border-color:var(--c-line)!important}

/* Motion */
.direction-c .fade-in{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.direction-c .fade-in:not(.visible){transform:translateY(22px)}
.direction-c .fade-in.visible{transform:none}

@media (max-width:1360px){
  .direction-c .topnav{display:none}
  .direction-c .mobile-toggle{display:inline-flex!important}
}

@media (max-width:1100px){
  .direction-c .partner-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .direction-c .feature-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .direction-c .bio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:768px){
  .direction-c .navbar{height:58px!important;padding-inline:12px!important}
  .direction-c .navbar-logo-img{height:30px!important;max-width:94px}
  .direction-c .mobile-toggle{border-radius:0;clip-path:none;border-color:var(--c-line)}
  .direction-c .navbar-actions .nav-btn-discord,.direction-c .navbar-actions .nav-btn-legal,.direction-c .navbar-actions .nav-btn-register{display:none}
  .direction-c .nav-btn-download{min-height:36px;padding-inline:12px}
  .direction-c .lang-btn{min-height:36px;padding-inline:9px}
  .direction-c .hero{height:auto;min-height:calc(100svh - 58px);margin-top:58px;padding:34px 0 42px}
  .direction-c .hero-bg img{object-position:38% center}
  .direction-c .hero-overlay{background:linear-gradient(180deg,rgba(7,9,7,.34),rgba(7,9,7,.5) 52%,rgba(8,10,8,.96) 100%)!important}
  .direction-c .hero-center{width:calc(100% - 28px)}
  .direction-c .hero-eyebrow{font-size:.58rem!important;letter-spacing:.34em!important}
  .direction-c .hero-eyebrow::before,.direction-c .hero-eyebrow::after{width:34px}
  .direction-c .hero-logo-img{width:min(190px,55vw)}
  .direction-c .hero-title{font-size:clamp(38px,12vw,54px)!important;white-space:normal}
  .direction-c .hero-subtitle{font-size:1rem!important}
  .direction-c .hero-description{font-size:.78rem!important;line-height:1.6}
  .direction-c .launch-date strong{font-size:clamp(30px,10vw,44px)!important}
  .direction-c .countdown{width:100%!important}
  .direction-c .countdown .cd-digit{width:clamp(28px,8vw,34px)}
  .direction-c .hero-ctas{width:100%;flex-direction:column;gap:9px}
  .direction-c .hero-ctas .btn{width:min(100%,320px);min-width:0;min-height:62px;padding-inline:48px!important}
  .direction-c .content-section:not([hidden]){padding:82px 20px 76px}
  .direction-c .content-section:not([hidden])::before{top:30px;left:20px}
  .direction-c .section-title{font-size:clamp(30px,9vw,42px)!important}
  .direction-c .section-header{margin-bottom:34px}
  .direction-c .feature-list{grid-template-columns:1fr 1fr}
  .direction-c .partner-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px}
  .direction-c .partner-name{font-size:.78rem;overflow-wrap:anywhere}
  .direction-c .race-grid{grid-template-columns:1fr 1fr}
  .direction-c .race-card{min-height:430px;border-bottom:1px solid var(--c-line)!important}
  .direction-c .race-render,.direction-c .race-render img{min-height:250px;height:250px}
  .direction-c .section-type-showcase .showcase-stack,.direction-c .section-type-showcase:nth-of-type(even) .showcase-stack{display:flex;flex-direction:column;gap:24px}
  .direction-c .section-type-showcase:nth-of-type(even) .showcase-text,.direction-c .section-type-showcase:nth-of-type(even) .showcase-media{grid-column:auto;grid-row:auto}
  .direction-c .showcase-text{order:2}
  .direction-c .showcase-media{order:1;width:100%}
  .direction-c .showcase-text p:first-child::before{margin-bottom:15px}
  .direction-c .prize-layout{grid-template-columns:1fr;gap:34px}
  .direction-c .bio-grid{grid-template-columns:1fr 1fr}
  .direction-c .section-type-slider .showcase-slider,.direction-c .section-type-slider .showcase-slide,.direction-c .section-type-slider .showcase-slide img{min-height:470px;height:470px}
  .direction-c .showcase-caption{width:calc(100% - 54px);bottom:52px}
}

@media (max-width:420px){
  .direction-c .feature-list{grid-template-columns:1fr}
  .direction-c .partner-grid{grid-template-columns:1fr 1fr}
  .direction-c .race-grid{grid-template-columns:1fr}
  .direction-c .race-card{border-right:0!important}
  .direction-c .bio-grid{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  .direction-c .fade-in{transition:none!important}
}