/* 에버플래닛 소개(about) 3종 공용 스타일 — game_hub everplanet_about 이식.
   채널 레이아웃(zzan_channel) 내부라 .epa-full 뷰포트 브레이크아웃은 제거(가로 스크롤 방지). */
.epa{--epa-mint:#48c5b4;--epa-pink:#ff6fae;--epa-ink:#10131c;position:relative;}
.epa-full{width:100%;position:relative;border-radius:18px;overflow:hidden;margin-bottom:2px;}
.epa *{box-sizing:border-box;}

/* 탭 */
.epa-tabs{display:flex;gap:8px;justify-content:center;padding:4px 12px 0;margin-bottom:22px;flex-wrap:wrap;}
.epa-tab{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-weight:800;font-size:14px;
  padding:9px 20px;border-radius:999px;color:var(--text);background:rgba(127,127,127,.13);border:1px solid transparent;transition:.15s;}
.epa-tab.on{color:#fff;background:linear-gradient(135deg,#48c5b4,#7a6cff);border-color:transparent;box-shadow:0 4px 14px rgba(72,197,180,.32);}
.epa-tab:hover{filter:brightness(1.03);}

/* HERO */
.epa-hero{position:relative;overflow:hidden;padding:74px 20px 80px;text-align:center;color:#fff;
  background:radial-gradient(120% 120% at 50% 0%,#1a3a4d 0%,#0e1726 55%,#0a0e18 100%);}
.epa-hero__bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.18;
  filter:saturate(1.1);mix-blend-mode:luminosity;}
.epa-hero__veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,14,24,.2),rgba(10,14,24,.85));}
.epa-hero__in{position:relative;max-width:860px;margin:0 auto;}
.epa-kicker{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  color:#7fe6d8;background:rgba(72,197,180,.14);border:1px solid rgba(72,197,180,.3);padding:6px 15px;border-radius:999px;margin-bottom:22px;}
.epa-title{font-size:clamp(30px,5vw,58px);font-weight:900;line-height:1.05;margin:0 0 18px;letter-spacing:-.02em;}
.epa-title .g{background:linear-gradient(120deg,#5ff0db,#9b8cff 60%,#ff8fc0);-webkit-background-clip:text;background-clip:text;color:transparent;}
.epa-sub{font-size:clamp(15px,2.3vw,19px);line-height:1.6;color:rgba(255,255,255,.82);margin:0 auto 30px;max-width:620px;}
.epa-cta{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:800;font-size:15px;
  padding:13px 26px;border-radius:14px;color:#0a0e18;background:linear-gradient(135deg,#5ff0db,#8fe9ff);
  box-shadow:0 10px 30px rgba(95,240,219,.3);transition:transform .14s,box-shadow .14s;}
.epa-cta:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(95,240,219,.42);}
.epa-cta--ghost{color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);box-shadow:none;}
.epa-cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}

/* 떠다니는 아이템 스티커 */
.epa-stk{position:absolute;width:74px;height:74px;object-fit:cover;object-position:left center;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.45));animation:epaFloat 6s ease-in-out infinite;opacity:.96;pointer-events:none;}
.epa-stk.s1{top:14%;left:7%;width:88px;height:88px;animation-delay:0s;transform:rotate(-9deg);}
.epa-stk.s2{top:22%;right:8%;width:80px;height:80px;animation-delay:1.1s;transform:rotate(8deg);}
.epa-stk.s3{bottom:16%;left:12%;width:66px;height:66px;animation-delay:.5s;transform:rotate(6deg);}
.epa-stk.s4{bottom:20%;right:11%;width:94px;height:94px;animation-delay:1.6s;transform:rotate(-7deg);}
@keyframes epaFloat{0%,100%{translate:0 0}50%{translate:0 -14px}}

/* 본문 섹션 */
.epa-sec{padding:56px 20px;}
.epa-wrap{max-width:1020px;margin:0 auto;}
.epa-sec--alt{background:rgba(127,127,127,.06);border-radius:18px;}
.epa-eyebrow{text-align:center;font-size:13px;font-weight:800;letter-spacing:.04em;color:var(--epa-mint);margin:0 0 10px;}
.epa-h2{text-align:center;font-size:clamp(23px,3.4vw,34px);font-weight:900;line-height:1.2;margin:0 0 16px;color:var(--text);letter-spacing:-.01em;}
.epa-lead{text-align:center;font-size:clamp(14.5px,1.8vw,16.5px);line-height:1.8;color:var(--sub);max-width:720px;margin:0 auto;}
.epa-lead b{color:var(--text);}

/* 카드 그리드 */
.epa-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px;}
.epa-card{background:var(--surface);border:1px solid rgba(127,127,127,.16);border-radius:18px;
  padding:26px 22px;text-align:center;transition:transform .15s,box-shadow .15s;}
.epa-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(0,0,0,.1);}
.epa-card__ic{font-size:34px;margin-bottom:12px;}
.epa-card__t{font-size:16px;font-weight:800;margin:0 0 7px;color:var(--text);}
.epa-card__d{font-size:13px;line-height:1.65;color:var(--sub);margin:0;}

/* 쇼케이스 */
.epa-show{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px;}
.epa-show__item{border-radius:18px;overflow:hidden;background:#0e1726;border:1px solid rgba(127,127,127,.18);box-shadow:0 10px 28px rgba(0,0,0,.22);}
.epa-show__cv{display:block;width:100%;height:auto;aspect-ratio:1/1;background:#0e1726;}

/* 배너 */
.epa-banner{position:relative;overflow:hidden;border-radius:22px;padding:42px 34px;margin-top:38px;
  background:linear-gradient(120deg,#15263a,#1d2b52);color:#fff;text-align:center;}
.epa-banner__tag{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.1em;color:#9fe9dd;
  background:rgba(72,197,180,.16);border:1px solid rgba(72,197,180,.32);padding:5px 13px;border-radius:999px;margin-bottom:16px;}
.epa-banner__t{font-size:clamp(20px,3vw,28px);font-weight:900;line-height:1.35;margin:0 0 14px;}
.epa-banner__t .hl{color:#7ff0dd;}
.epa-banner__d{font-size:14.5px;line-height:1.8;color:rgba(255,255,255,.82);max-width:660px;margin:0 auto 22px;}

/* 마지막 CTA */
.epa-final{text-align:center;padding:70px 20px;background:radial-gradient(120% 120% at 50% 100%,#1a3a4d,#0e1726 60%);color:#fff;border-radius:18px;}
.epa-final__t{font-size:clamp(23px,3.4vw,36px);font-weight:900;margin:0 0 14px;}
.epa-final__t .g{background:linear-gradient(120deg,#5ff0db,#ff8fc0);-webkit-background-clip:text;background-clip:text;color:transparent;}
.epa-final__d{font-size:15px;color:rgba(255,255,255,.8);margin:0 0 26px;}

/* 4특징 2x2 */
.epa-cards--2{grid-template-columns:repeat(2,1fr);max-width:780px;margin-left:auto;margin-right:auto;}
.epa-card__n{display:block;font-size:12px;font-weight:800;color:var(--epa-mint);margin-bottom:8px;letter-spacing:.04em;}
/* 행성 스트립 */
.epa-planets{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px;}
.epa-planet{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:4/3;
  background-size:cover;background-position:center;display:flex;align-items:flex-end;box-shadow:0 10px 26px rgba(0,0,0,.2);}
.epa-planet::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.72));}
.epa-planet__nm{position:relative;z-index:1;color:#fff;font-weight:900;font-size:18px;padding:16px;text-shadow:0 2px 8px rgba(0,0,0,.5);}
.epa-planet__nm small{display:block;font-size:11px;font-weight:600;opacity:.85;margin-top:2px;letter-spacing:.05em;}
/* 노력 타임라인 */
.epa-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px;}
.epa-step{position:relative;background:var(--surface);border:1px solid rgba(127,127,127,.16);border-radius:18px;padding:26px 22px;text-align:center;}
.epa-step__no{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;
  background:linear-gradient(135deg,#48c5b4,#7a6cff);color:#fff;font-weight:900;font-size:14px;margin-bottom:12px;}
.epa-step__t{font-size:16px;font-weight:800;margin:0 0 7px;color:var(--text);}
.epa-step__d{font-size:13px;line-height:1.65;color:var(--sub);margin:0;}
/* 언론 보도 */
.epa-news{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:36px;}
.epa-news__card{display:block;text-decoration:none;border-radius:16px;overflow:hidden;background:var(--surface);
  border:1px solid rgba(127,127,127,.16);transition:transform .15s,box-shadow .15s;}
.epa-news__card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(0,0,0,.12);}
.epa-news__img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#0e1726;}
.epa-news__body{padding:16px 18px 18px;}
.epa-news__src{font-size:11px;font-weight:800;color:var(--epa-mint);letter-spacing:.04em;}
.epa-news__t{font-size:15px;font-weight:800;line-height:1.4;margin:6px 0 4px;color:var(--text);}
.epa-news__date{font-size:12px;color:#8a8f9c;}
.epa-news__go{font-size:12px;font-weight:700;color:var(--epa-mint);}
/* 팬 코디 콜아웃 */
.epa-fan{margin-top:44px;text-align:center;}
.epa-fan__tag{display:inline-block;font-size:12px;font-weight:800;color:var(--epa-pink);
  background:rgba(255,111,174,.12);border:1px solid rgba(255,111,174,.3);padding:5px 13px;border-radius:999px;margin-bottom:12px;}

@media (max-width:820px){
  .epa-cards,.epa-show,.epa-planets,.epa-steps,.epa-news{grid-template-columns:1fr 1fr;}
  .epa-stk{display:none;}
  .epa-hero{padding:54px 18px 60px;}
  .epa-sec{padding:44px 16px;}
}
@media (max-width:520px){
  .epa-cards,.epa-show{grid-template-columns:1fr;}
}