:root{
      --bg:#0b1110;--bg2:#101b18;--ink:#fff8e8;--muted:#c8d5c5;
      --green:#73e37c;--yellow:#ffe57a;--red:#ff6f8c;--blue:#89c5ff;
      --panel:rgba(12,18,16,.74);--line:rgba(255,255,255,.13);--shadow:0 24px 80px rgba(0,0,0,.48);
      --header:rgba(8,14,13,.76);
    }
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0%,rgba(112,227,124,.25),transparent 35%),radial-gradient(circle at 80% 12%,rgba(137,197,255,.18),transparent 30%),linear-gradient(180deg,#07100e,#101514 46%,#080b0b);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}img{max-width:100%;display:block}.grain{position:fixed;inset:0;pointer-events:none;opacity:.12;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}
    .topbar{position:fixed;z-index:30;top:16px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 28px));height:66px;border:1px solid var(--line);border-radius:999px;background:var(--header);backdrop-filter:blur(18px);box-shadow:0 10px 40px rgba(0,0,0,.28);display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 22px}
    .brand-logo{
    display:block;

    height:50px;      /* 원하는 크기 */
    width: 180px;;

    user-select:none;
    pointer-events:none;
}
    .brand-mark{width:34px;height:34px;border-radius:10px;background:conic-gradient(from 20deg,var(--red),var(--yellow),var(--green),var(--blue),var(--red));box-shadow:0 0 22px rgba(255,229,122,.22)}.header-left,.header-right{display:flex;align-items:center;gap:14px}.nav{display:flex;gap:4px;align-items:center}.nav a{padding:10px 12px;border-radius:999px;color:var(--muted);font-weight:800;font-size:14px}.nav a:hover{background:rgba(255,255,255,.08);color:#fff}.socials{display:flex;align-items:center;gap:8px}.social-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#f4fff4;position:relative}.social-icon svg{width:19px;height:19px}.social-icon:hover{transform:translateY(-2px);background:rgba(255,255,255,.13)}.social-icon:hover:after,.lang-select:hover:after{content:attr(data-tooltip);position:absolute;top:47px;left:50%;transform:translateX(-50%);white-space:nowrap;border-radius:8px;background:#111b19;padding:5px 8px;font-size:12px;color:#fff;border:1px solid var(--line)}.steam-btn,.site-header-download{background:linear-gradient(135deg,#2b6dff,#58d2ff);color:#fff!important;box-shadow:0 10px 24px rgba(61,145,255,.26);border-radius:999px;padding:10px 16px;font-weight:900}.lang-select{position:relative;display:grid;place-items:center}.lang-select-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.08)}.lang-select-btn svg{width:21px;height:21px}.lang-select-menu{position:absolute;right:0;top:50px;width:150px;padding:8px;margin:0;list-style:none;border:1px solid var(--line);border-radius:16px;background:rgba(7,12,11,.94);box-shadow:var(--shadow);display:none}.lang-select.open .lang-select-menu{display:block}.lang-select-item{width:100%;text-align:left;padding:9px 11px;border-radius:10px;color:#dce9db;font-weight:800}.lang-select-item:hover,.lang-select-item.is-active{background:rgba(115,227,124,.16);color:#fff}.mobile-menu{display:none}
    .hero{
    position:relative;
    min-height:100vh;
    display:grid;
    place-items:center;
    overflow:hidden;   /* 추가 */
    isolation:isolate;
}
    /*.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),#08100f 92%),url("https://shared.fastly.steamstatic.com/store_item_assets/steam/apps/4124390/50df4341677863de10f8f34149d9c9667b039935/header.jpg?t=1779708370") center/cover no-repeat;filter:saturate(1.25) contrast(1.08);transform:scale(1.08);z-index:-2}*/
    .hero:before{display:none;}
    .hero-video{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;

    z-index:-2;

    pointer-events:none;

    filter:
        brightness(.55)
        saturate(1.15)
        contrast(1.08);

    transform:scale(1.03);
}
.hero:after{
    z-index:-1;
}
    .hero-inner{width:min(1120px,100%);display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 12px;color:#e9fff0;background:rgba(0,0,0,.24);font-size:13px;font-weight:900}.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green)}h1{font-size:clamp(56px,9vw,128px);line-height:.86;margin:24px 0 18px;letter-spacing:-.08em;text-shadow:0 12px 52px rgba(0,0,0,.55)}.rainbow{background:linear-gradient(90deg,#ff728a,#ffe779,#6ff08a,#89c5ff,#d9c7ff);-webkit-background-clip:text;color:transparent;text-shadow:none}.lead{max-width:620px;font-size:clamp(18px,2.1vw,24px);color:#eef8e8;font-weight:700}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:18px;padding:14px 20px;font-weight:900;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08)}.btn.primary{background:linear-gradient(135deg,#ff6f8c,#ffe57a 54%,#73e37c);color:#152014;border:0}.btn:hover{transform:translateY(-2px)}.hero-card{border:1px solid var(--line);border-radius:30px;background:rgba(10,16,15,.66);backdrop-filter:blur(14px);box-shadow:var(--shadow);overflow:hidden}.hero-card img{width:100%;aspect-ratio:460/215;object-fit:cover}.meta{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.08)}.meta div{background:rgba(10,16,15,.86);padding:16px}.meta small{display:block;color:#9fb2a1;font-weight:800}.meta b{font-size:18px}.tags{display:flex;flex-wrap:wrap;gap:8px;padding:18px}.tag{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:6px 10px;font-size:13px;background:rgba(255,255,255,.06);color:#eaf8e8;font-weight:800}
    section{position:relative;z-index:2;padding:96px 20px}.wrap{width:min(1120px,100%);margin:auto}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.kicker{color:var(--green);font-weight:1000;letter-spacing:.18em;font-size:13px}.title{font-size:clamp(34px,5vw,66px);line-height:1;margin:8px 0 0;letter-spacing:-.06em}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{border:1px solid var(--line);border-radius:28px;background:var(--panel);box-shadow:0 20px 60px rgba(0,0,0,.22);padding:28px;overflow:hidden}.panel h3{font-size:26px;margin:0 0 12px}.panel p{color:#d6e4d4;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{min-height:260px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));position:relative}.feature:before{content:"";position:absolute;inset:16px;border-radius:22px;background:radial-gradient(circle at 18% 18%,var(--c),transparent 34%);opacity:.28}.feature>*{position:relative}.num{font-size:13px;color:#b9c7b7;font-weight:900}.gallery{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.shot{min-height:360px;border-radius:30px;border:1px solid var(--line);overflow:hidden;background:#16231f;position:relative}.shot.main{background:url("https://shared.fastly.steamstatic.com/store_item_assets/steam/apps/4124390/50df4341677863de10f8f34149d9c9667b039935/capsule_616x353.jpg?t=1779708370") center/cover no-repeat}.shot.small{min-height:170px;background:linear-gradient(135deg,rgba(255,229,122,.16),rgba(115,227,124,.14)),url("https://shared.fastly.steamstatic.com/store_item_assets/steam/apps/4124390/50df4341677863de10f8f34149d9c9667b039935/header.jpg?t=1779708370") center/cover no-repeat}.shot:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.62))}.shot span{position:absolute;left:20px;bottom:18px;z-index:1;font-weight:900}.steam-widget{width:100%;height:190px;border:0;border-radius:18px;overflow:hidden;background:#111}
    .news-header{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:24px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.news-card{display:flex;flex-direction:column;height:100%;text-align:left;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:rgba(255,255,255,.065);box-shadow:0 20px 60px rgba(0,0,0,.22);transition:.2s}.news-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.095)}.news-card-image{flex:0 0 150px;height:150px;background:linear-gradient(135deg,rgba(255,111,140,.55),rgba(255,229,122,.48),rgba(115,227,124,.45)),url("https://shared.fastly.steamstatic.com/store_item_assets/steam/apps/4124390/50df4341677863de10f8f34149d9c9667b039935/header.jpg?t=1779708370") center/cover no-repeat}.news-card-body{display:flex;flex:1;flex-direction:column;padding:20px}.news-card-meta{display:block;color:#b9c7b7;font-size:13px;font-weight:900;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.news-card-tag{color:#09110f;background:var(--yellow);border-radius:999px;padding:3px 8px}.news-card h3{display:-webkit-box;min-height:2.5em;margin:0 0 8px;overflow:hidden;font-size:22px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.news-card p{display:-webkit-box;min-height:3.3em;margin:0;color:#d6e4d4;overflow:hidden;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.news-modal{position:fixed;inset:0;z-index:80;display:none}.news-modal.open{display:block}.news-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}.news-modal-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,calc(100% - 28px));max-height:86vh;overflow:auto;border:1px solid var(--line);border-radius:28px;background:#0b1210;box-shadow:var(--shadow)}.news-modal-close{position:absolute;right:16px;top:12px;z-index:2;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);font-size:26px}.news-modal-media{height:250px;background:center/cover no-repeat}.news-modal-body{padding:28px}.news-modal-meta{display:flex;gap:10px;color:#b9c7b7;font-weight:900}.news-modal-tag{color:#09110f;background:var(--yellow);border-radius:999px;padding:3px 9px}.news-modal-body h3{font-size:34px;line-height:1.1;margin:14px 0}.news-modal-content{color:#e4efe2;white-space:pre-line}.timeline{border-left:2px solid rgba(255,255,255,.14);margin-left:10px}.event{position:relative;margin:0 0 20px 0;padding-left:28px}.event:before{content:"";position:absolute;left:-8px;top:7px;width:14px;height:14px;border-radius:50%;background:var(--green);box-shadow:0 0 0 7px rgba(115,227,124,.1)}.event time{color:var(--yellow);font-weight:900}.footer{padding:50px 20px 44px;border-top:1px solid var(--line);background:rgba(0,0,0,.22)}
.foot{width:min(1120px,100%);margin:auto;display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;color:#9eaaa0;font-size:13px;line-height:1.5}
.footer-logo{

    height:50px;
    width:auto;

    display:block;
}
.foot>span{justify-self:center;color:#aeb8ae;text-align:center}
.foot>a{justify-self:end;color:#c6d0c5;transition:color .18s ease,opacity .18s ease}
.foot>a:hover{color:#fff8e8}
.footer-legal-links{width:min(1120px,100%);margin:24px auto 0;display:flex;justify-content:center;align-items:center;gap:8px;color:#aeb9af;font-size:12.5px;font-weight:650;line-height:1.4}
.footer-legal-links a{position:relative;color:inherit;text-decoration:none;transition:color .18s ease,opacity .18s ease}
.footer-legal-links a::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:currentColor;opacity:.45;transform:scaleX(.88);transition:opacity .18s ease,transform .18s ease}
.footer-legal-links a:hover{color:#fff8e8}
.footer-legal-links a:hover::after{opacity:.9;transform:scaleX(1)}
.footer-legal-links a:focus-visible,.foot>a:focus-visible{outline:2px solid var(--yellow);outline-offset:4px;border-radius:3px}
.footer-legal-links span{color:#6f7b71;opacity:.75;user-select:none}
    @media(max-width:980px){.nav{display:none}.mobile-menu{display:block}.socials{display:none}.topbar{height:58px}.hero-inner,.about-grid,.feature-grid,.gallery,.news-grid{grid-template-columns:1fr}.hero{padding-top:110px}.section-head,.news-header{display:block}.foot{display:flex;flex-direction:column;justify-content:center;gap:6px;text-align:center}.foot strong,.foot>span,.foot>a{justify-self:auto}.footer-legal-links{margin-top:20px;flex-wrap:wrap;font-size:12px}.shot{min-height:260px}.hero-card{order:-1}.site-header-download{display:none}}


/* =========================
   SCREENSHOT GALLERY
   asset/Screenshot/01.jpg ~ 05.jpg
========================= */
.shot.main{
  position:relative;
  min-height:360px;
  background:#101817;
  overflow:hidden;
}

.shot.main::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.34));
}

#gallery-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  transition:opacity .2s ease,transform .35s ease;
}

#gallery-image.is-changing{
  opacity:.35;
  transform:scale(1.012);
}

.gallery-btn{
  position:absolute;
  top:50%;
  z-index:3;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  border:1px solid rgba(255,255,255,.2);
  border-radius:50%;
  background:rgba(5,10,9,.58);
  color:#fff8e8;
  font-size:25px;
  line-height:1;
  backdrop-filter:blur(9px);
  box-shadow:0 8px 22px rgba(0,0,0,.28);
  transition:background .18s ease,transform .18s ease,border-color .18s ease;
}

.gallery-btn:hover{
  background:rgba(10,17,15,.86);
  border-color:rgba(255,255,255,.38);
}

.gallery-btn:focus-visible{
  outline:2px solid var(--yellow);
  outline-offset:4px;
}

.gallery-btn.prev{left:18px}
.gallery-btn.next{right:18px}
.gallery-btn.prev:hover{transform:translate(-2px,-50%)}
.gallery-btn.next:hover{transform:translate(2px,-50%)}

/*.gallery-indicator{
  position:absolute;
  left:50%;
  bottom:16px;
  z-index:3;
  transform:translateX(-50%);
  min-width:58px;
  padding:6px 11px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(5,10,9,.58);
  color:#f3f7f1;
  text-align:center;
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  backdrop-filter:blur(9px);
}*/
.gallery-indicator {
  display: none;
}
@media(max-width:980px){
  .shot.main{min-height:260px}
  .gallery-btn{width:42px;height:42px;font-size:21px}
  .gallery-btn.prev{left:12px}
  .gallery-btn.next{right:12px}
}

.team-title {
  display: flex;
  align-items: center;
  gap: 18px;
}

.team-logo {
  display: block;
  width: 72px;
  height: 72px;
  object-fit: contain;
  flex: 0 0 auto;
}
.news-more-row{display:flex;justify-content:flex-end;margin-top:20px}.news-more-link{display:inline-flex;align-items:center;gap:8px;padding:9px 4px;color:#c8d5c5;font-size:14px;font-weight:850}.news-more-link::after{content:"→";transition:transform .18s ease}.news-more-link:hover{color:#fff}.news-more-link:hover::after{transform:translateX(4px)}


/* NEWS category colors: keep the home cards consistent with the news archive. */
.news-card-tag.tag-notice{
  background:rgba(255,174,106,.18);
  color:#ffd0aa;
}
.news-card-tag.tag-update{
  background:rgba(115,227,124,.16);
  color:#bff5c6;
}
.news-card-tag.tag-devnote{
  background:rgba(137,197,255,.16);
  color:#c7e4ff;
}
.news-card-tag.tag-event{background:rgba(255,105,180,.18);color:#ffc0df}