:root{
  --bg:#030106;
  --bg-soft:#08020f;
  --panel:rgba(13,6,22,.82);
  --panel-strong:rgba(7,2,12,.95);
  --violet:#b85cff;
  --violet-hot:#d990ff;
  --violet-deep:#56117f;
  --silver:#eee3f7;
  --muted:#af9fbc;
  --muted-2:#82758e;
  --line:rgba(206,133,255,.2);
  --line-hot:rgba(226,164,255,.55);
  --green:#6af4a8;
  --gold:#ffd38e;
  --red:#ff6789;
  --blue:#7586ff;
  --shadow:0 30px 90px rgba(0,0,0,.58);
  --max:1260px;
  --ease:cubic-bezier(.2,.8,.2,1);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{
  min-height:100vh;
  overflow-x:hidden;
  color:#f8f3ff;
  font-family:"Noto Sans KR",system-ui,-apple-system,"Segoe UI",sans-serif;
  line-height:1.68;
  background:
    radial-gradient(circle at 8% 18%,rgba(126,36,196,.13),transparent 28%),
    radial-gradient(circle at 90% 20%,rgba(218,134,255,.08),transparent 24%),
    linear-gradient(180deg,#020104,#07020d 43%,#020104);
}
body.menu-open,body.modal-open{overflow:hidden}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-5;
  background:
    linear-gradient(180deg,rgba(2,1,5,.83),rgba(2,1,5,.95)),
    url("../assets/ornament.webp") center top/cover no-repeat;
  opacity:.34;
  filter:saturate(115%) contrast(105%);
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-4;
  background:
    radial-gradient(circle at 50% 12%,rgba(210,132,255,.14),transparent 27%),
    radial-gradient(circle at 50% 78%,rgba(126,38,188,.10),transparent 34%);
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
ul{list-style:none}
::selection{background:rgba(184,92,255,.4);color:#fff}

.noise{
  position:fixed;
  inset:0;
  z-index:9999;
  pointer-events:none;
  opacity:.04;
  mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.cursor-aura{
  position:fixed;
  z-index:-1;
  left:50%;top:50%;
  width:440px;height:440px;
  border-radius:50%;
  transform:translate(-50%,-50%);
  pointer-events:none;
  background:radial-gradient(circle,rgba(184,92,255,.11),transparent 68%);
}
.progress-line{
  position:fixed;left:0;top:0;z-index:1100;
  width:0;height:2px;
  background:linear-gradient(90deg,#6124ac,#b95eff,#fff);
  box-shadow:0 0 18px rgba(185,94,255,.9);
}
.container{width:min(calc(100% - 36px),var(--max));margin-inline:auto;position:relative}

.site-header{
  position:fixed;inset:0 0 auto;z-index:1000;
  border-bottom:1px solid transparent;
  transition:.28s ease;
}
.site-header.is-scrolled{
  background:rgba(4,1,8,.83);
  border-color:rgba(208,133,255,.17);
  backdrop-filter:blur(17px) saturate(135%);
  box-shadow:0 14px 44px rgba(0,0,0,.26);
}
.nav-shell{height:84px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;gap:13px;min-width:max-content}
.brand-logo{width:46px;height:46px;border-radius:14px;border:1px solid rgba(215,145,255,.36);box-shadow:0 0 24px rgba(184,92,255,.22);object-fit:cover}
.brand-copy{line-height:1.02}
.brand-copy strong{display:block;font:800 15px/1 "Cinzel",serif;letter-spacing:2.7px}
.brand-copy span{display:block;margin-top:7px;color:#9d89b0;font-size:9px;letter-spacing:3.4px}
.nav-links{display:flex;align-items:center;gap:23px}
.nav-links a{position:relative;color:#bba8ca;font-size:13px;font-weight:700;white-space:nowrap;transition:.22s ease}
.nav-links a::after{content:"";position:absolute;left:50%;right:50%;bottom:-12px;height:1px;background:#d98fff;box-shadow:0 0 9px #b85cff;transition:.24s var(--ease)}
.nav-links a:hover,.nav-links a.active{color:#fff}
.nav-links a:hover::after,.nav-links a.active::after{left:0;right:0}
.nav-tools{display:flex;align-items:center;gap:12px}
.server-pill{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;color:#c7ffe4;border:1px solid rgba(106,244,168,.25);background:rgba(38,143,82,.1);font-size:10px;font-weight:900;letter-spacing:1px}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);animation:pulse 1.8s infinite}
.menu-button{display:none;width:44px;height:44px;border-radius:11px;border:1px solid var(--line);background:rgba(14,5,23,.9);color:#fff}
.menu-button span{display:block;width:18px;height:1px;margin:5px auto;background:#f1e7ff;transition:.24s ease}
.menu-button.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-button.open span:nth-child(2){opacity:0}
.menu-button.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

.hero{
  position:relative;
  min-height:100svh;
  padding-top:84px;
  overflow:hidden;
  display:flex;
  align-items:center;
  isolation:isolate;
}
.hero::before{
  content:"";
  position:absolute;inset:0;z-index:-3;
  background:
    linear-gradient(180deg,rgba(1,0,3,.14),rgba(3,1,7,.48) 55%,rgba(2,0,5,.96) 100%),
    url("../assets/hero.webp") center top/cover no-repeat;
}
.hero::after{
  content:"";
  position:absolute;inset:0;z-index:-2;
  background:
    radial-gradient(circle at 51% 12%,rgba(229,166,255,.2),transparent 19%),
    linear-gradient(90deg,rgba(0,0,0,.24),transparent 21%,transparent 79%,rgba(0,0,0,.24));
}
.hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.hero-layout{display:grid;grid-template-columns:1.06fr .94fr;gap:28px;align-items:center;padding:54px 0 44px}
.hero-copy{
  position:relative;
  padding:34px 34px 36px;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(20,8,32,.63),rgba(7,2,12,.89));
  border:1px solid rgba(221,160,255,.37);
  backdrop-filter:blur(16px) saturate(125%);
  box-shadow:0 32px 94px rgba(0,0,0,.57),inset 0 1px rgba(255,255,255,.08);
}
.hero-copy::before,.hero-copy::after{content:"◆";position:absolute;top:-18px;color:#d991ff;font-size:22px;text-shadow:0 0 14px #c25cff}
.hero-copy::before{left:34px}.hero-copy::after{right:34px}
.kicker{display:inline-flex;align-items:center;gap:10px;color:#dbb9f1;font:800 11px/1 "Cinzel",serif;letter-spacing:4px;text-transform:uppercase}
.kicker::before,.kicker::after{content:"";width:42px;height:1px;background:linear-gradient(90deg,transparent,#b85cff)}
.kicker::after{transform:scaleX(-1)}
.hero-title{margin-top:14px;font:800 clamp(40px,5.8vw,76px)/.97 "Cinzel",serif;letter-spacing:.5px;background:linear-gradient(180deg,#fff 5%,#eedbff 36%,#bb63ff 72%,#fff2ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 24px rgba(179,84,255,.18))}
.hero-subtitle{margin-top:13px;color:#e8d5f5;font-size:clamp(16px,2.1vw,22px);font-weight:800;letter-spacing:.8px}
.hero-description{margin-top:14px;max-width:670px;color:#c3b4cf;font-size:14px}
.hero-metrics{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.metric{padding:8px 12px;border-radius:999px;border:1px solid rgba(205,130,255,.2);background:rgba(108,39,165,.12);font-size:11px;font-weight:800;color:#ddcce9}
.metric strong{margin-right:6px;color:#fff;font-family:"Cinzel",serif;font-size:13px}
.hero-actions,.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.btn{
  position:relative;
  min-height:54px;
  padding:0 24px;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  overflow:hidden;
  border-radius:10px;
  border:1px solid transparent;
  font-size:14px;font-weight:900;
  transition:.28s var(--ease);
}
.btn::before{content:"";position:absolute;inset:-2px;transform:translateX(-115%) skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);transition:.62s var(--ease)}
.btn:hover::before{transform:translateX(115%) skewX(-22deg)}
.btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.btn-primary{color:#fff;background:linear-gradient(135deg,#4e146e,#8f33cb 55%,#b95aff);border-color:#da9cff;box-shadow:0 12px 34px rgba(148,55,218,.35),inset 0 1px rgba(255,255,255,.18)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(179,84,255,.42),0 0 24px rgba(196,107,255,.2)}
.btn-secondary{color:#f6f0ff;border-color:rgba(215,151,255,.28);background:rgba(12,5,20,.76)}
.btn-secondary:hover{transform:translateY(-3px);border-color:#cf83ff;background:rgba(107,32,164,.18)}
.btn-discord{color:#fff;border-color:#96a2ff;background:linear-gradient(135deg,#4b52b8,#5c6cff);box-shadow:0 12px 34px rgba(91,108,255,.23)}
.btn-discord:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(91,108,255,.34)}
.btn-danger{color:#fff;border-color:rgba(255,108,137,.5);background:linear-gradient(135deg,#5c132a,#9f2949)}
.hero-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}
.hero-note{padding:13px 14px;border-radius:14px;border:1px solid rgba(201,128,255,.16);background:rgba(11,4,18,.56)}
.hero-note small{display:block;color:#917fa0;font-size:10px;letter-spacing:1.2px;font-weight:800;text-transform:uppercase}
.hero-note strong{display:block;margin-top:6px;font-size:14px;color:#fff}

.hero-showcase{position:relative;min-height:660px}
.hero-panel{position:absolute;inset:35px 0 35px 58px;overflow:hidden;border-radius:34px;border:1px solid rgba(220,157,255,.31);background:rgba(6,2,11,.84);box-shadow:var(--shadow)}
.hero-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 22%,rgba(0,0,0,.45)),url("../assets/ornament.webp") center/cover;opacity:.65}
.hero-panel::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 15%,rgba(225,155,255,.18),transparent 28%),linear-gradient(180deg,transparent,rgba(4,1,8,.8))}
.hero-emblem{position:absolute;z-index:2;top:46px;left:50%;width:min(360px,78%);transform:translateX(-50%);filter:drop-shadow(0 0 32px rgba(189,94,255,.28))}
.hero-emblem img{width:100%}
.hero-faction-mini{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.faction-mini-card{position:relative;min-height:180px;overflow:hidden;border-radius:20px;border:1px solid rgba(216,148,255,.19);background:#09040f;box-shadow:0 16px 45px rgba(0,0,0,.4)}
.faction-mini-card::before{content:"";position:absolute;inset:0;background-size:cover;background-position:center 20%;opacity:.68}
.faction-mini-card.slayer::before{background-image:url("../assets/slayer.webp")}
.faction-mini-card.vampire::before{background-image:url("../assets/vampire.webp")}
.faction-mini-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,1,8,.04),rgba(4,1,8,.88))}
.faction-mini-copy{position:absolute;z-index:1;inset:auto 0 0;padding:18px}
.faction-mini-copy small{display:block;color:#c08ff0;font:800 10px/1 "Cinzel",serif;letter-spacing:2px}
.faction-mini-copy h3{margin-top:6px;font-size:22px}.faction-mini-copy p{margin-top:7px;color:#b9a9c8;font-size:12px}
.scroll-cue{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#9a86ad;font-size:10px;letter-spacing:2px;text-transform:uppercase}
.scroll-cue i{display:block;width:1px;height:26px;background:linear-gradient(#d78fff,transparent);animation:scrollLine 1.75s infinite}

.section{position:relative;padding:108px 0}
.section.compact{padding:76px 0}
.section::before{content:"";position:absolute;inset:0;pointer-events:none;background:url("../assets/ornament.webp") center/cover no-repeat;opacity:.035;mix-blend-mode:screen}
.section-glow{position:absolute;left:50%;top:-90px;transform:translateX(-50%);width:min(900px,90vw);height:360px;background:radial-gradient(circle,rgba(168,62,238,.15),transparent 72%);pointer-events:none}
.section-head{text-align:center;max-width:840px;margin:0 auto 46px;position:relative;z-index:1}
.section-head h2{margin-top:13px;font:700 clamp(30px,4.4vw,55px)/1.12 "Cinzel","Noto Sans KR",serif;text-shadow:0 0 22px rgba(174,82,248,.17)}
.section-head h2 em{font-style:normal;color:#d47cff}
.section-head p{margin:14px auto 0;max-width:710px;color:var(--muted);font-size:14px}
.ornament{display:flex;align-items:center;justify-content:center;gap:12px;color:#c66eff;margin-top:18px}
.ornament::before,.ornament::after{content:"";width:86px;height:1px;background:linear-gradient(90deg,transparent,#8d3bc5)}
.ornament::after{transform:scaleX(-1)}

.stat-band{background:linear-gradient(180deg,#030106,#08020f 45%,#030106);border-top:1px solid rgba(199,121,255,.16);border-bottom:1px solid rgba(199,121,255,.16)}
.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.stat-card{padding:24px 15px 22px;text-align:center;border-radius:16px;background:linear-gradient(180deg,rgba(22,8,35,.79),rgba(7,2,12,.93));border:1px solid rgba(212,141,255,.18);box-shadow:0 18px 48px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.05);transition:.3s var(--ease)}
.stat-card:hover{transform:translateY(-5px);border-color:rgba(216,150,255,.48)}
.stat-icon{width:44px;height:44px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(211,139,255,.28);background:rgba(108,39,165,.16);color:#d9a4ff}
.stat-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}
.stat-value{font:700 20px/1.15 "Cinzel","Noto Sans KR",serif}.stat-label{margin-top:8px;color:#a693b6;font-size:11px;font-weight:700}

.faction-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.faction-card{position:relative;min-height:600px;overflow:hidden;border-radius:28px;border:1px solid rgba(205,131,255,.24);background:#08030d;box-shadow:var(--shadow);transition:.42s var(--ease)}
.faction-card:hover{transform:translateY(-8px);border-color:rgba(225,167,255,.55);box-shadow:0 38px 104px rgba(0,0,0,.66),0 0 36px rgba(164,71,236,.12)}
.faction-image{position:absolute;inset:0;background-size:cover;background-position:center 10%;transition:transform .8s var(--ease)}
.faction-card:hover .faction-image{transform:scale(1.045)}
.faction-card.slayer .faction-image{background-image:url("../assets/slayer.webp")}
.faction-card.vampire .faction-image{background-image:url("../assets/vampire.webp")}
.faction-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,1,8,.04) 10%,rgba(4,1,8,.3) 46%,rgba(4,1,8,.97) 88%)}
.faction-content{position:absolute;z-index:1;inset:auto 0 0;padding:34px}
.faction-content small{display:block;color:#c17cff;font:800 10px/1 "Cinzel",serif;letter-spacing:3px}
.faction-content h3{margin-top:10px;font:700 38px/1 "Cinzel",serif}.faction-content p{margin-top:12px;color:#c9b9d5;font-size:14px;max-width:480px}
.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.tag{padding:7px 10px;border-radius:7px;border:1px solid rgba(205,130,255,.18);background:rgba(110,37,170,.14);font-size:11px;font-weight:800;color:#e5d7f0}
.faction-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.detail-box{padding:12px 13px;border-radius:13px;background:rgba(10,4,17,.64);border:1px solid rgba(206,130,255,.13)}
.detail-box small{color:#9582a5;font-family:inherit;letter-spacing:1.1px}.detail-box strong{display:block;margin-top:6px;font-size:13px}

.identity-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:22px}
.image-panel{position:relative;min-height:500px;overflow:hidden;border-radius:26px;border:1px solid rgba(207,132,255,.24);box-shadow:var(--shadow);background:#08030d}
.image-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,1,8,.86),rgba(4,1,8,.27)),url("../assets/hero.webp") center/cover}
.image-panel-content{position:relative;padding:38px;max-width:555px}
.image-panel-content h3{margin-top:12px;font:700 clamp(26px,3vw,40px)/1.15 "Cinzel","Noto Sans KR",serif}
.image-panel-content p{margin-top:13px;color:#c3b1cf;font-size:14px}
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.info-tile{padding:14px;border-radius:14px;background:rgba(10,4,17,.62);border:1px solid rgba(209,132,255,.14)}
.info-tile small{display:block;color:#a58db7;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}
.info-tile strong{display:block;margin-top:6px;font-size:14px}
.stack-grid{display:grid;grid-template-rows:1fr 1fr;gap:22px}
.glass-card{position:relative;overflow:hidden;padding:28px;border-radius:22px;background:linear-gradient(160deg,rgba(19,7,31,.85),rgba(6,2,11,.97));border:1px solid rgba(206,131,255,.18);box-shadow:0 18px 52px rgba(0,0,0,.38)}
.glass-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0,rgba(192,91,255,.14),transparent 32%);pointer-events:none}
.glass-card h3,.glass-card h4{position:relative;color:#fff}.glass-card h4{font-size:20px}.glass-card p{position:relative;margin-top:10px;color:#ab9ab7;font-size:13px}
.diamond-list{position:relative;display:grid;gap:10px;margin-top:18px}
.diamond-list li{position:relative;padding-left:16px;color:#cdbfd7;font-size:12px}
.diamond-list li::before{content:"◆";position:absolute;left:0;top:1px;color:#b45eff;font-size:8px}

.item-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.item-card{position:relative;overflow:hidden;padding:22px;border-radius:22px;background:linear-gradient(160deg,rgba(18,7,30,.88),rgba(6,2,11,.98));border:1px solid rgba(198,121,255,.18);box-shadow:0 20px 56px rgba(0,0,0,.38);transition:.32s var(--ease)}
.item-card:hover{transform:translateY(-7px);border-color:rgba(222,154,255,.43);box-shadow:0 28px 70px rgba(0,0,0,.5),0 0 30px rgba(183,84,255,.1)}
.item-card::before{content:"";position:absolute;right:-40px;top:-45px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(194,99,255,.18),transparent 68%)}
.item-image{position:relative;width:118px;height:118px;margin:0 auto 18px;border-radius:24px;box-shadow:0 18px 36px rgba(0,0,0,.36),0 0 25px rgba(183,84,255,.12)}
.item-card h3{font-size:18px;text-align:center}.item-card p{margin-top:9px;color:#a898b6;font-size:12px;text-align:center}.item-meta{display:flex;justify-content:center;margin-top:14px}.item-meta span{padding:6px 10px;border-radius:999px;border:1px solid rgba(206,130,255,.16);background:rgba(100,33,155,.08);color:#d8c6e5;font-size:10px;font-weight:800}

.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative}
.route-grid::before{content:"";position:absolute;left:12%;right:12%;top:48px;height:1px;background:linear-gradient(90deg,transparent,#9342cb,#d78fff,#9342cb,transparent);opacity:.55}
.route-card{position:relative;padding:24px 22px 26px;border-radius:18px;background:rgba(12,5,20,.84);border:1px solid rgba(198,121,255,.2);box-shadow:0 18px 52px rgba(0,0,0,.4)}
.route-step{position:relative;z-index:1;width:50px;height:50px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 17px/1 "Cinzel",serif;background:radial-gradient(circle at 35% 30%,#da93ff,#8731c3 58%,#2d0b43);border:1px solid #df9fff;box-shadow:0 0 24px rgba(190,95,255,.26)}
.route-card h3{text-align:center;font-size:18px}.route-zone{text-align:center;color:#cd80ff;font-size:12px;font-weight:800;margin-top:5px}.route-card ul{display:grid;gap:10px;margin-top:18px}.route-card li{position:relative;padding-left:16px;color:#b9a9c4;font-size:12px}.route-card li::before{content:"◆";position:absolute;left:0;top:1px;color:#a54bd5;font-size:8px}

.double-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:22px;margin-top:24px}
.board{overflow:hidden;border-radius:22px;background:linear-gradient(160deg,rgba(19,7,31,.9),rgba(6,2,11,.97));border:1px solid rgba(206,131,255,.18);box-shadow:var(--shadow)}
.board-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px 28px;border-bottom:1px solid rgba(201,127,255,.14);background:linear-gradient(90deg,rgba(132,45,194,.12),transparent)}
.board-head h3{font-size:18px}.board-head span{color:#a78bb8;font-size:10px;font-weight:800;letter-spacing:2px}
.point-list{padding:10px 25px 20px}
.point-row{display:grid;grid-template-columns:50px 1fr auto;gap:15px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(194,116,248,.11)}
.point-row:last-child{border-bottom:0}
.point-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#e1afff;border:1px solid rgba(213,142,255,.26);background:rgba(110,38,171,.14)}
.point-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
.point-name{font-size:14px;font-weight:800}.point-meta{display:block;margin-top:4px;color:#8e7c9c;font-size:11px}.point-value{text-align:right;color:#d17cff;font:700 14px/1.2 "Cinzel","Noto Sans KR",serif}.point-value small{display:block;margin-top:4px;color:#7d6a89;font:600 9px/1.4 "Noto Sans KR",sans-serif}
.priority-list{padding:20px 24px;display:grid;gap:12px}
.priority-item{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;padding:14px;border-radius:14px;background:rgba(91,28,138,.08);border:1px solid rgba(196,120,255,.14);transition:.24s ease}
.priority-item:hover{transform:translateX(4px);border-color:rgba(216,147,255,.34)}
.rank{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#fff;font:700 17px/1 "Cinzel",serif;background:linear-gradient(145deg,#8a35bc,#3c1455);border:1px solid rgba(223,158,255,.42)}
.priority-item h4{font-size:13px}.priority-item p{margin-top:4px;color:#9d8aa8;font-size:11px}


/* SERVER RULES */
.rules-section{background:linear-gradient(180deg,rgba(3,1,6,.15),rgba(10,3,17,.78) 48%,rgba(3,1,6,.18))}
.rules-summary{position:relative;display:grid;grid-template-columns:62px 1fr auto;gap:18px;align-items:center;margin-bottom:20px;padding:22px 24px;border-radius:20px;background:linear-gradient(110deg,rgba(92,26,140,.28),rgba(18,7,30,.92));border:1px solid rgba(221,153,255,.3);box-shadow:0 18px 54px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.05);overflow:hidden}
.rules-summary::before{content:"";position:absolute;right:-40px;top:-80px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(196,92,255,.18),transparent 68%)}
.rules-summary-icon{position:relative;width:58px;height:58px;border-radius:17px;display:grid;place-items:center;color:#e6c3ff;background:linear-gradient(145deg,rgba(161,57,229,.34),rgba(54,17,81,.72));border:1px solid rgba(222,158,255,.36);box-shadow:inset 0 0 26px rgba(197,98,255,.14),0 0 24px rgba(183,84,255,.12)}
.rules-summary-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rules-summary small{display:block;color:#c08ce9;font:800 10px/1 "Cinzel",serif;letter-spacing:2.2px}
.rules-summary h3{margin-top:7px;font-size:20px;color:#fff}.rules-summary p{margin-top:6px;color:#bbaac7;font-size:12px}
.rules-status{position:relative;padding:8px 13px;border-radius:999px;color:#fff2c8;background:rgba(170,112,25,.18);border:1px solid rgba(255,209,126,.28);font-size:11px;font-weight:900;white-space:nowrap}
.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.rule-card{position:relative;min-height:284px;padding:25px 23px 22px;border-radius:21px;background:linear-gradient(155deg,rgba(20,8,33,.9),rgba(6,2,11,.98));border:1px solid rgba(201,124,255,.18);box-shadow:0 18px 52px rgba(0,0,0,.38);overflow:hidden;transition:.32s var(--ease)}
.rule-card:hover{transform:translateY(-6px);border-color:rgba(222,156,255,.42);box-shadow:0 27px 70px rgba(0,0,0,.5),0 0 30px rgba(183,84,255,.1)}
.rule-card::before{content:"";position:absolute;right:-45px;top:-55px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(190,89,255,.16),transparent 68%)}
.rule-number{position:absolute;right:20px;top:17px;color:rgba(218,155,255,.16);font:800 46px/1 "Cinzel",serif;letter-spacing:-2px}
.rule-icon{position:relative;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#e7c5ff;background:rgba(111,38,171,.18);border:1px solid rgba(213,143,255,.23)}
.rule-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rule-card h3{position:relative;margin-top:18px;font-size:18px;color:#fff}.rule-card p{position:relative;margin-top:10px;color:#ac9ab8;font-size:12.5px;line-height:1.75}
.rule-tag{position:relative;display:inline-flex;margin-top:17px;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.2px}
.rule-tag.allowed{color:#c9ffe2;background:rgba(52,161,103,.11);border:1px solid rgba(104,245,167,.23)}
.rule-tag.warning{color:#ffe8bd;background:rgba(178,114,26,.12);border:1px solid rgba(255,199,106,.24)}
.rule-tag.danger{color:#ffc8d5;background:rgba(180,48,84,.12);border:1px solid rgba(255,104,139,.24)}
.rules-notice{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;margin-top:18px;padding:18px 21px;border-radius:16px;background:linear-gradient(90deg,rgba(117,38,174,.14),rgba(22,7,34,.78));border:1px solid rgba(209,133,255,.17)}
.rules-notice strong{color:#e29aff;font-size:13px;white-space:nowrap}.rules-notice p{color:#a997b5;font-size:12px}

.benefit-panel{position:relative;overflow:hidden;padding:42px;border-radius:26px;background:linear-gradient(105deg,rgba(6,2,11,.96),rgba(25,8,39,.72)),url("../assets/support-bg.webp") center/cover;border:1px solid rgba(206,131,255,.22);box-shadow:var(--shadow)}
.benefit-panel::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(187,83,255,.18),transparent 28%),linear-gradient(90deg,rgba(182,86,255,.12),transparent 60%)}
.benefit-top{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.benefit-copy{max-width:630px}.benefit-copy h3{font:700 clamp(26px,3vw,40px)/1.15 "Cinzel","Noto Sans KR",serif}.benefit-copy p{margin-top:10px;color:#bba8c8;font-size:13px}
.ratio-box{min-width:210px;padding:20px 24px;text-align:center;border-radius:16px;background:rgba(96,30,146,.22);border:1px solid rgba(221,157,255,.38);box-shadow:inset 0 0 36px rgba(172,64,237,.12)}
.ratio-box small{display:block;color:#ab8dbd;font-size:10px;font-weight:800;letter-spacing:2px}.ratio-box strong{display:block;margin-top:7px;font:700 34px/1 "Cinzel",serif;text-shadow:0 0 18px rgba(202,105,255,.42)}
.bonus-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}
.bonus-card{padding:18px 15px;text-align:center;border-radius:13px;border:1px solid rgba(206,129,255,.18);background:rgba(5,2,9,.66)}
.bonus-card span{display:block;color:#9f8aac;font-size:10px}.bonus-card strong{display:block;margin-top:6px;color:#d17cff;font:700 18px/1 "Cinzel",serif}
.first-bonus{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:18px 20px;border-radius:14px;border:1px solid rgba(228,166,255,.28);background:linear-gradient(90deg,rgba(139,44,199,.18),rgba(74,20,110,.06));font-size:12px;color:#dccbe8}.first-bonus strong{color:#e195ff;font-size:18px}

.download-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:22px}
.download-panel,.news-panel,.cta-panel{overflow:hidden;border-radius:24px;background:linear-gradient(160deg,rgba(19,7,31,.9),rgba(6,2,11,.97));border:1px solid rgba(206,131,255,.18);box-shadow:var(--shadow)}
.download-panel{position:relative;padding:36px;background:linear-gradient(145deg,rgba(17,6,28,.92),rgba(6,2,11,.98)),url("../assets/download-bg.webp") center/cover}
.download-panel::before{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(183,84,255,.18),transparent 70%)}
.download-layout{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:center;position:relative}
.launcher-box{position:relative;max-width:280px;margin:auto;padding:20px;border-radius:24px;border:1px solid rgba(210,139,255,.26);background:linear-gradient(180deg,rgba(18,7,30,.82),rgba(7,2,12,.95));box-shadow:0 24px 60px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.05)}
.launcher-box::before{content:"";position:absolute;inset:16px;border-radius:18px;border:1px solid rgba(215,143,255,.16)}
.launcher-icon{position:relative;width:170px;margin:14px auto 16px;filter:drop-shadow(0 0 24px rgba(189,93,255,.26));animation:floatPanel 4.8s ease-in-out infinite}.launcher-box h3{position:relative;text-align:center;font:700 24px/1.1 "Cinzel",serif}.launcher-box p{position:relative;margin-top:8px;text-align:center;color:#af9bbb;font-size:12px}
.download-copy h2{font:700 clamp(28px,4vw,44px)/1.15 "Cinzel","Noto Sans KR",serif}.download-copy p{margin-top:12px;color:#ad9ab8;font-size:13px}.specs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.specs span{padding:7px 10px;border-radius:7px;background:rgba(118,41,181,.12);border:1px solid rgba(199,121,255,.18);font-size:10px;font-weight:800;color:#cdb9d9}.tiny-note{margin-top:14px;color:#796a84;font-size:10px}
.news-head{padding:24px 28px;border-bottom:1px solid rgba(201,127,255,.14);display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(90deg,rgba(129,42,190,.12),transparent)}.news-head h3{font-size:18px}.news-head span{font-size:10px;letter-spacing:2px;color:#a68bb7;font-weight:800}
.news-body{padding:24px 28px;display:grid;gap:18px}.news-item{display:grid;grid-template-columns:76px 1fr;gap:15px;align-items:center;padding:14px;border-radius:16px;border:1px solid rgba(200,124,255,.13);background:rgba(100,33,155,.07)}.news-thumb{width:76px;height:76px;border-radius:14px;background-size:cover;background-position:center;border:1px solid rgba(212,143,255,.16)}.news-item:nth-child(2) .news-thumb{background-image:url("../assets/hero.webp")}.news-item:nth-child(3) .news-thumb{background-image:url("../assets/slayer.webp")}.news-item:nth-child(4) .news-thumb{background-image:url("../assets/vampire.webp")}.news-item h4{font-size:14px}.news-item p{margin-top:5px;color:#a695b3;font-size:12px}.news-item time{display:block;margin-top:7px;color:#7f708a;font-size:10px}
.signal-card{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px;border-radius:16px;border:1px solid rgba(104,245,167,.18);background:rgba(37,143,81,.08)}.signal-card strong{display:block;color:#dfffea;font-size:14px}.signal-card span{display:block;color:#809788;font-size:10px;margin-top:4px}.signal-right{display:flex;align-items:center;gap:10px}.signal-value{color:#7bffb3;font:700 13px/1 "Cinzel",serif;letter-spacing:1px}.bars{display:flex;align-items:flex-end;gap:3px;height:22px}.bars i{display:block;width:4px;border-radius:2px;background:#6cf2a7;box-shadow:0 0 8px rgba(108,242,167,.5);animation:signal 1.2s ease-in-out infinite}.bars i:nth-child(1){height:8px}.bars i:nth-child(2){height:12px;animation-delay:.15s}.bars i:nth-child(3){height:17px;animation-delay:.3s}.bars i:nth-child(4){height:22px;animation-delay:.45s}
.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.cta-panel{position:relative;padding:30px}.cta-panel::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0,rgba(188,88,255,.14),transparent 32%);pointer-events:none}.cta-panel h3{position:relative;font-size:22px}.cta-panel p{position:relative;margin-top:10px;color:#aa98b8;font-size:13px;max-width:480px}

/* Internal pages */
.page-hero{position:relative;min-height:530px;padding:145px 0 84px;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.page-hero::before{content:"";position:absolute;inset:0;z-index:-3;background-image:linear-gradient(180deg,rgba(2,1,5,.3),rgba(3,1,7,.64) 55%,#030106 100%),var(--page-bg);background-position:center;background-size:cover}
.page-hero::after{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 50% 18%,rgba(211,134,255,.17),transparent 25%),linear-gradient(90deg,rgba(0,0,0,.24),transparent 22%,transparent 78%,rgba(0,0,0,.24))}
.page-hero-content{max-width:790px;padding:30px;border-radius:24px;background:linear-gradient(180deg,rgba(18,7,29,.64),rgba(7,2,12,.9));border:1px solid rgba(220,158,255,.33);backdrop-filter:blur(14px);box-shadow:var(--shadow)}
.page-hero h1{margin-top:12px;font:800 clamp(38px,5vw,68px)/1 "Cinzel","Noto Sans KR",serif}.page-hero p{margin-top:14px;color:#c4b5cf;font-size:14px;max-width:670px}.breadcrumbs{margin-top:16px;color:#9f8caf;font-size:11px;font-weight:800;letter-spacing:1px}.breadcrumbs a{color:#d79aff}
.page-section{padding:86px 0;position:relative}.page-section::before{content:"";position:absolute;inset:0;background:url("../assets/ornament.webp") center/cover no-repeat;opacity:.035;pointer-events:none}
.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.content-card{position:relative;padding:28px;border-radius:22px;background:linear-gradient(160deg,rgba(19,7,31,.88),rgba(6,2,11,.97));border:1px solid rgba(205,130,255,.18);box-shadow:0 20px 56px rgba(0,0,0,.39)}.content-card h2,.content-card h3{color:#fff}.content-card h3{font-size:20px}.content-card p{margin-top:10px;color:#aa99b6;font-size:13px}.content-card .diamond-list{margin-top:17px}
.callout{margin-top:20px;padding:18px 20px;border-radius:15px;border:1px solid rgba(223,159,255,.26);background:linear-gradient(90deg,rgba(126,40,186,.16),rgba(70,20,105,.04));color:#dac9e6;font-size:13px}.callout strong{color:#e49cff}
.decorative-divider{height:180px;margin:0 auto;background:url("../assets/decorative-strip.png") center/contain no-repeat;opacity:.9}

.market-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;padding:17px;border-radius:16px;background:rgba(10,4,17,.72);border:1px solid rgba(202,126,255,.16)}
.market-toolbar input{width:min(360px,100%);height:44px;padding:0 15px;border-radius:10px;border:1px solid rgba(205,132,255,.2);background:rgba(4,1,8,.78);color:#fff;outline:none}.market-toolbar input:focus{border-color:#ce82ff;box-shadow:0 0 0 3px rgba(183,84,255,.1)}
.category-tabs{display:flex;gap:8px;flex-wrap:wrap}.category-tabs button{padding:8px 12px;border-radius:999px;border:1px solid rgba(202,126,255,.17);background:rgba(100,32,154,.08);color:#cbb8d8;font-size:11px;font-weight:800}.category-tabs button.active{color:#fff;background:rgba(147,53,213,.24);border-color:rgba(221,154,255,.4)}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-card{display:grid;grid-template-columns:82px 1fr;gap:16px;align-items:center;padding:16px;border-radius:18px;background:linear-gradient(160deg,rgba(17,7,28,.88),rgba(6,2,11,.98));border:1px solid rgba(199,122,255,.16);box-shadow:0 15px 44px rgba(0,0,0,.33);transition:.26s ease}.price-card:hover{transform:translateY(-4px);border-color:rgba(220,151,255,.36)}.price-icon{width:82px;height:82px;border-radius:18px}.price-card h3{font-size:14px}.price-card .category{margin-top:4px;color:#887991;font-size:10px;font-weight:800;letter-spacing:1px}.price{margin-top:8px;color:#d681ff;font:700 15px/1 "Cinzel","Noto Sans KR",serif}

.resolution-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.resolution-card{padding:20px;border-radius:18px;background:linear-gradient(145deg,rgba(24,8,38,.86),rgba(7,2,12,.97));border:1px solid rgba(210,136,255,.2);box-shadow:0 16px 46px rgba(0,0,0,.36)}.resolution-card h3{font:700 19px/1.2 "Cinzel",serif}.resolution-card p{margin-top:8px;color:#a996b5;font-size:12px}.resolution-code{display:inline-block;margin-top:12px;padding:7px 10px;border-radius:8px;background:rgba(110,37,170,.14);border:1px solid rgba(204,129,255,.16);color:#e5d3f2;font:700 11px/1 "Cinzel",serif}

footer{position:relative;padding:52px 0 30px;border-top:1px solid rgba(193,113,246,.15);background:#020104}
.footer-shell{text-align:center}.footer-mark{width:82px;height:82px;object-fit:contain;margin:0 auto;filter:drop-shadow(0 0 22px rgba(177,75,243,.2))}.footer-title{margin-top:16px;font:700 17px/1 "Cinzel",serif;letter-spacing:3px}.footer-tag{margin-top:9px;color:#8f7f9d;font-size:11px}.footer-links{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin-top:24px}.footer-links a{color:#aa96b8;font-size:11px}.footer-links a:hover{color:#e5c9f8}.copyright{margin-top:28px;padding-top:20px;border-top:1px solid rgba(190,111,245,.1);font-size:10px;color:#5f5267}

.modal{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:18px;background:rgba(1,0,3,.83);backdrop-filter:blur(15px);opacity:0;visibility:hidden;transition:.25s ease}.modal.open{opacity:1;visibility:visible}.modal-panel{width:min(980px,100%);max-height:min(88vh,920px);overflow:auto;border-radius:28px;border:1px solid rgba(214,143,255,.24);background:linear-gradient(180deg,rgba(18,7,30,.96),rgba(5,2,10,.99));box-shadow:0 40px 110px rgba(0,0,0,.62)}.modal-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:24px 28px;border-bottom:1px solid rgba(198,121,255,.14);background:rgba(8,3,14,.95);backdrop-filter:blur(12px)}.modal-head h3{font:700 26px/1.1 "Cinzel","Noto Sans KR",serif}.modal-close{width:42px;height:42px;border-radius:12px;border:1px solid rgba(200,123,255,.25);background:rgba(15,6,25,.88);color:#fff}.modal-body{padding:28px}.guide-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.guide-modal-card{padding:22px;border-radius:18px;background:rgba(13,5,21,.8);border:1px solid rgba(195,118,248,.18)}.guide-modal-card h4{font-size:18px;margin-bottom:14px}.guide-modal-card li{position:relative;padding-left:16px;color:#b9aac4;font-size:13px}.guide-modal-card li+li{margin-top:10px}.guide-modal-card li::before{content:"◆";position:absolute;left:0;top:2px;color:#b457ed;font-size:8px}
.toast{position:fixed;right:22px;bottom:22px;z-index:2100;max-width:360px;padding:16px 18px;border-radius:15px;background:rgba(13,5,22,.96);border:1px solid rgba(211,139,255,.27);box-shadow:0 20px 60px rgba(0,0,0,.5);color:#eaddf4;font-size:13px;opacity:0;visibility:hidden;transform:translateY(12px);transition:.25s ease}.toast.show{opacity:1;visibility:visible;transform:none}

.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}.delay-4{transition-delay:.32s}

@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:.8}}
@keyframes scrollLine{0%{transform:translateY(0);opacity:0}30%{opacity:1}100%{transform:translateY(10px);opacity:0}}
@keyframes floatPanel{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes signal{0%,100%{opacity:.55}50%{opacity:1}}

@media(max-width:1180px){
  .hero-layout,.identity-grid,.double-grid,.download-grid,.cta-grid{grid-template-columns:1fr}
  .hero-showcase{min-height:570px}.hero-panel{inset:16px 0 0;position:relative;min-height:550px}
  .hero-copy{order:1}.hero-showcase{order:2}
  .stat-grid{grid-template-columns:repeat(3,1fr)}
  .faction-grid,.item-grid,.route-grid,.hero-notes,.info-grid,.rules-grid{grid-template-columns:1fr 1fr}
  .price-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:960px){
  .nav-links{position:fixed;left:18px;right:18px;top:84px;display:grid;gap:8px;padding:18px;border-radius:18px;background:rgba(7,2,12,.97);border:1px solid rgba(203,128,255,.2);box-shadow:0 20px 54px rgba(0,0,0,.42);opacity:0;visibility:hidden;transform:translateY(-10px);transition:.25s ease}
  .nav-links.open{opacity:1;visibility:visible;transform:none}.nav-links a{padding:12px 10px;border-radius:12px;background:rgba(110,38,171,.06)}
  .server-pill{display:none}.menu-button{display:block}
  .faction-grid,.route-grid,.content-grid,.download-grid,.cta-grid,.guide-modal-grid{grid-template-columns:1fr}
  .item-grid{grid-template-columns:repeat(2,1fr)}
  .stat-grid{grid-template-columns:repeat(2,1fr)}
  .benefit-top,.download-layout{display:grid;grid-template-columns:1fr}
  .bonus-grid{grid-template-columns:1fr 1fr}
  .price-grid{grid-template-columns:1fr 1fr}.resolution-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .nav-shell{height:76px}.brand-logo{width:40px;height:40px}.brand-copy strong{font-size:13px;letter-spacing:2.2px}.brand-copy span{letter-spacing:2.6px}
  .section{padding:82px 0}.section.compact{padding:62px 0}.section-head{margin-bottom:34px}.section-head h2{font-size:30px}
  .hero-layout{padding:34px 0 30px}.hero-copy{padding:26px 20px 24px}.hero-title{font-size:35px}.hero-subtitle{font-size:15px}.hero-description{font-size:13px}.hero-actions .btn{width:100%}
  .hero-notes,.faction-details,.item-grid,.info-grid,.bonus-grid,.rules-grid{grid-template-columns:1fr}
  .hero-panel{min-height:525px}.hero-faction-mini{grid-template-columns:1fr}.faction-mini-card{min-height:142px}.hero-emblem{width:250px}
  .stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:18px 10px}.stat-value{font-size:16px}
  .faction-card{min-height:520px}.faction-content{padding:25px}.faction-content h3{font-size:31px}
  .board-head,.news-head,.modal-head{padding:20px}.point-list{padding:8px 18px 16px}.priority-list{padding:18px}.point-row{grid-template-columns:46px 1fr}.point-value{grid-column:2;text-align:left}
  .benefit-panel,.download-panel,.cta-panel{padding:24px 18px}.first-bonus{flex-direction:column;align-items:flex-start}
  .news-body{padding:18px}.news-item{grid-template-columns:1fr}.news-thumb{width:100%;height:160px}.modal-body{padding:18px}

  .rules-summary{grid-template-columns:50px 1fr;padding:18px}.rules-summary-icon{width:50px;height:50px}.rules-status{grid-column:2;width:max-content}.rules-summary h3{font-size:16px}
  .rules-notice{grid-template-columns:1fr;gap:7px}
  .page-hero{min-height:470px;padding:125px 0 64px}.page-hero-content{padding:24px 20px}.page-hero h1{font-size:38px}
  .market-toolbar{align-items:stretch;flex-direction:column}.price-grid{grid-template-columns:1fr}.price-card{grid-template-columns:72px 1fr}.price-icon{width:72px;height:72px}
}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.cursor-aura,.hero-canvas{display:none}}

/* Market Update */
.market-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.market-summary>div{padding:18px 16px;text-align:center;border-radius:16px;background:linear-gradient(160deg,rgba(20,8,33,.88),rgba(6,2,11,.97));border:1px solid rgba(205,130,255,.18);box-shadow:0 15px 44px rgba(0,0,0,.28)}
.market-summary span{display:block;color:#947fa5;font-size:10px;font-weight:800;letter-spacing:1px}
.market-summary strong{display:block;margin-top:7px;color:#fff;font:700 20px/1 "Cinzel","Noto Sans KR",serif}
.price-card{min-height:116px}
.price-card .free-price{color:#72f4aa;text-shadow:0 0 14px rgba(104,245,167,.24)}
@media(max-width:960px){.market-summary{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.market-summary{grid-template-columns:1fr 1fr}.market-summary>div{padding:15px 10px}.market-summary strong{font-size:16px}}


/* PREMIUM REMASTER : VIOLET x BLOOD */
:root{
  --blood:#ff476e;
  --blood-deep:#6a0f26;
  --blood-soft:rgba(255,71,110,.18);
  --violet-frost:#f3d8ff;
}
body{
  background:
    radial-gradient(circle at 12% 16%,rgba(114,29,173,.18),transparent 28%),
    radial-gradient(circle at 82% 18%,rgba(255,71,110,.10),transparent 22%),
    radial-gradient(circle at 50% 64%,rgba(149,69,224,.08),transparent 28%),
    linear-gradient(180deg,#020104,#06020c 36%,#09020c 62%,#020104);
}
body::before{
  background:
    linear-gradient(180deg,rgba(3,1,6,.84),rgba(3,1,6,.96)),
    url("../assets/ornament.webp") center top/cover no-repeat;
  opacity:.42;
}
body::after{
  background:
    radial-gradient(circle at 50% 10%,rgba(224,150,255,.12),transparent 20%),
    radial-gradient(circle at 12% 72%,rgba(255,73,119,.08),transparent 22%),
    radial-gradient(circle at 86% 72%,rgba(130,48,198,.09),transparent 24%);
}
.site-header.is-scrolled{background:rgba(4,1,8,.88);border-color:rgba(227,147,255,.16);box-shadow:0 16px 48px rgba(0,0,0,.34)}
.nav-links a:hover,.nav-links a.active{color:var(--violet-frost)}
.hero::before{
  background:
    linear-gradient(180deg,rgba(1,0,3,.16),rgba(4,1,8,.54) 55%,rgba(2,0,5,.97) 100%),
    radial-gradient(circle at 75% 18%,rgba(255,85,128,.13),transparent 20%),
    radial-gradient(circle at 28% 76%,rgba(138,58,208,.14),transparent 24%),
    url("../assets/hero.webp") center top/cover no-repeat;
}
.hero::after{
  background:
    radial-gradient(circle at 53% 13%,rgba(232,160,255,.18),transparent 16%),
    radial-gradient(circle at 78% 18%,rgba(255,72,112,.09),transparent 16%),
    linear-gradient(90deg,rgba(0,0,0,.28),transparent 21%,transparent 79%,rgba(0,0,0,.28));
}
.hero-copy{
  background:linear-gradient(180deg,rgba(21,8,33,.72),rgba(7,2,12,.92));
  border:1px solid rgba(228,161,255,.34);
  box-shadow:0 34px 110px rgba(0,0,0,.6),0 0 40px rgba(171,74,243,.08), inset 0 1px rgba(255,255,255,.08);
}
.hero-copy::before,.hero-copy::after,.ornament{color:#e39fff;text-shadow:0 0 16px rgba(200,91,255,.65)}
.hero-title{filter:drop-shadow(0 0 26px rgba(179,84,255,.16)) drop-shadow(0 0 10px rgba(255,65,109,.1))}
.hero-subtitle{color:#f2def8}
.hero-description{color:#d0bfdb}
.metric{background:linear-gradient(180deg,rgba(118,40,180,.18),rgba(87,20,132,.08));border-color:rgba(214,137,255,.18)}
.metric strong{color:#fff3ff}
.hero-note{background:linear-gradient(180deg,rgba(11,4,18,.72),rgba(22,7,31,.82));border-color:rgba(220,136,255,.12)}
.hero-note:nth-child(2){box-shadow:inset 0 0 0 1px rgba(255,77,116,.12)}
.hero-panel{background:linear-gradient(180deg,rgba(7,2,12,.92),rgba(7,2,12,.88))}
.hero-panel::after{background:radial-gradient(circle at 50% 15%,rgba(225,155,255,.18),transparent 28%),radial-gradient(circle at 82% 24%,rgba(255,71,110,.09),transparent 22%),linear-gradient(180deg,transparent,rgba(4,1,8,.82))}
.hero-emblem{filter:drop-shadow(0 0 30px rgba(189,93,255,.22))}
.faction-mini-card.slayer::before{background:linear-gradient(90deg,rgba(133,67,212,.0),rgba(157,89,227,.18),rgba(93,52,173,.0))}
.faction-mini-card.vampire::before{background:linear-gradient(90deg,rgba(132,28,60,.0),rgba(180,48,84,.24),rgba(132,28,60,.0))}
.section-head p{color:#bca8c9}
.section-head em{font-style:normal;color:#ffd8e1;text-shadow:0 0 12px rgba(255,84,128,.18)}
.section-glow{background:radial-gradient(circle,rgba(182,86,255,.14),transparent 65%),radial-gradient(circle at 65% 35%,rgba(255,76,120,.08),transparent 36%)}
.stat-card,.glass-card,.item-card,.route-card,.board,.download-panel,.news-panel,.cta-panel,.content-card,.price-card,.rule-card{border-color:rgba(218,141,255,.16)}
.stat-card{background:linear-gradient(180deg,rgba(16,6,26,.78),rgba(8,2,14,.96))}
.stat-value{color:#fff}
.faction-card.slayer{box-shadow:0 22px 66px rgba(0,0,0,.44), 0 0 24px rgba(126,78,208,.08)}
.faction-card.vampire{box-shadow:0 22px 66px rgba(0,0,0,.46), 0 0 26px rgba(180,48,84,.08)}
.faction-card.vampire::after{background:linear-gradient(180deg,transparent,rgba(33,6,16,.3))}
.image-panel::before{background:linear-gradient(90deg,rgba(4,1,8,.86),rgba(4,1,8,.24)),radial-gradient(circle at 82% 20%,rgba(255,71,110,.14),transparent 24%),url("../assets/hero.webp") center/cover}
.info-tile{background:linear-gradient(180deg,rgba(10,4,17,.74),rgba(14,5,22,.84))}
.item-card::before{background:radial-gradient(circle,rgba(194,99,255,.15),transparent 58%),radial-gradient(circle at 65% 35%,rgba(255,71,110,.08),transparent 40%)}
.item-card h3,.route-card h3,.board-head h3,.download-copy h2,.benefit-copy h3,.page-hero h1{color:#fff}
.item-meta span{background:rgba(106,34,163,.12)}
.route-grid::before{background:linear-gradient(90deg,transparent,#9342cb,#ff5c8b,#9342cb,transparent)}
.priority-item,.point-icon,.resolution-card,.market-summary>div{background:linear-gradient(160deg,rgba(20,8,33,.88),rgba(8,2,14,.97))}
.rules-section{background:linear-gradient(180deg,rgba(3,1,6,.1),rgba(12,3,14,.78) 46%,rgba(3,1,6,.18))}
.rules-summary{background:linear-gradient(110deg,rgba(89,29,138,.3),rgba(26,7,22,.94))}
.rules-status{background:rgba(170,112,25,.16)}
.rule-card::before{background:radial-gradient(circle,rgba(190,89,255,.14),transparent 60%),radial-gradient(circle at 72% 36%,rgba(255,75,118,.08),transparent 44%)}
.benefit-panel{background:linear-gradient(105deg,rgba(6,2,11,.96),rgba(25,8,39,.72)),url("../assets/support-bg.webp") center/cover}
.benefit-panel::before{background:radial-gradient(circle at 18% 18%,rgba(187,83,255,.18),transparent 28%),radial-gradient(circle at 82% 26%,rgba(255,72,112,.08),transparent 22%),linear-gradient(90deg,rgba(182,86,255,.12),transparent 60%)}
.first-bonus{background:linear-gradient(90deg,rgba(139,44,199,.18),rgba(112,21,48,.10))}
.download-panel{background:linear-gradient(145deg,rgba(17,6,28,.92),rgba(6,2,11,.98)),url("../assets/download-bg.webp") center/cover}
.download-panel::before{background:radial-gradient(circle,rgba(183,84,255,.16),transparent 62%)}
.news-item{background:linear-gradient(160deg,rgba(100,33,155,.07),rgba(65,14,32,.08))}
.page-hero::before{background-image:linear-gradient(180deg,rgba(2,1,5,.32),rgba(3,1,7,.68) 55%,#030106 100%),radial-gradient(circle at 80% 20%,rgba(255,76,120,.08),transparent 22%),var(--page-bg)}
.market-toolbar{background:linear-gradient(180deg,rgba(10,4,17,.78),rgba(10,4,17,.72))}
.category-tabs button.active{background:linear-gradient(135deg,rgba(147,53,213,.26),rgba(141,28,58,.26));border-color:rgba(255,152,183,.34)}
.price{color:#ea9bff}
.price-card:hover{box-shadow:0 26px 74px rgba(0,0,0,.46),0 0 26px rgba(183,84,255,.07)}
.footer-mark{filter:drop-shadow(0 0 24px rgba(177,75,243,.24)) drop-shadow(0 0 10px rgba(255,71,110,.12))}

.crimson-section{position:relative}
.crimson-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 14%,rgba(255,76,120,.08),transparent 20%),radial-gradient(circle at 12% 82%,rgba(176,74,242,.09),transparent 24%);pointer-events:none}
.blood-banner{position:relative;overflow:hidden;padding:34px;border-radius:28px;border:1px solid rgba(225,153,255,.24);background:linear-gradient(125deg,rgba(18,7,31,.92),rgba(42,8,22,.82));box-shadow:0 26px 78px rgba(0,0,0,.42)}
.blood-banner::before{content:"";position:absolute;right:-90px;top:-90px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,72,112,.16),transparent 68%)}
.blood-banner::after{content:"";position:absolute;left:-90px;bottom:-110px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(184,92,255,.14),transparent 70%)}
.blood-banner-copy{position:relative;max-width:760px}
.blood-banner-copy h3{margin-top:12px;font:700 clamp(28px,3.7vw,48px)/1.12 "Cinzel","Noto Sans KR",serif;color:#fff}
.blood-banner-copy h3 em{font-style:normal;color:#ffd6de;text-shadow:0 0 14px rgba(255,82,124,.16)}
.blood-banner-copy p{margin-top:14px;color:#ccb8d8;font-size:14px}
.blood-pillars{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
.blood-card{padding:18px 16px;border-radius:18px;background:linear-gradient(180deg,rgba(14,5,22,.78),rgba(18,5,18,.78));border:1px solid rgba(220,140,255,.15);box-shadow:inset 0 1px rgba(255,255,255,.04)}
.blood-card small{display:block;color:#a483bf;font:800 10px/1 "Cinzel",serif;letter-spacing:1.7px}
.blood-card h4{margin-top:8px;color:#fff;font-size:17px}
.blood-card p{margin-top:8px;color:#bca8c9;font-size:12px;line-height:1.7}
.brand-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.brand-panel{padding:26px;border-radius:22px;background:linear-gradient(155deg,rgba(20,8,33,.9),rgba(23,5,17,.94));border:1px solid rgba(214,138,255,.17);box-shadow:0 18px 54px rgba(0,0,0,.34)}
.brand-panel h3{margin-top:12px;font-size:22px;color:#fff}
.brand-panel p{margin-top:10px;color:#bca8c9;font-size:13px}
.brand-panel .tag-row{margin-top:16px}
@media(max-width:1180px){.blood-pillars{grid-template-columns:1fr 1fr}.brand-story-grid{grid-template-columns:1fr}}
@media(max-width:720px){.blood-banner{padding:24px 18px}.blood-banner-copy h3{font-size:28px}.blood-pillars{grid-template-columns:1fr}.brand-panel{padding:22px 18px}}


/* SUPREME HOME REMASTER */
body[data-page="home"]::before{opacity:.46;filter:saturate(128%) contrast(110%) brightness(.95)}
.global-violet-bloom,.global-crimson-bloom,.global-runes{position:fixed;inset:0;pointer-events:none;z-index:-3}
.global-violet-bloom{background:radial-gradient(circle at 16% 20%,rgba(165,82,255,.14),transparent 24%),radial-gradient(circle at 82% 16%,rgba(200,114,255,.14),transparent 22%),radial-gradient(circle at 50% 74%,rgba(135,44,224,.09),transparent 28%);animation:skyShift 14s ease-in-out infinite alternate}
.global-crimson-bloom{background:radial-gradient(circle at 80% 28%,rgba(255,52,106,.10),transparent 18%),radial-gradient(circle at 18% 72%,rgba(162,18,48,.09),transparent 22%);mix-blend-mode:screen;animation:bloodPulse 10s ease-in-out infinite}
.global-runes{opacity:.18;background-image:radial-gradient(circle at 20% 18%,rgba(255,255,255,.16) 0 1px,transparent 1px),radial-gradient(circle at 74% 30%,rgba(255,255,255,.12) 0 1px,transparent 1px),radial-gradient(circle at 38% 78%,rgba(255,255,255,.12) 0 1px,transparent 1px);background-size:220px 220px,260px 260px,280px 280px;animation:driftRunes 30s linear infinite}

body[data-page="home"] .hero{min-height:108svh}
body[data-page="home"] .hero::before{background:linear-gradient(180deg,rgba(1,0,3,.16),rgba(3,1,7,.52) 42%,rgba(2,0,5,.96) 100%),radial-gradient(circle at 75% 19%,rgba(255,84,128,.14),transparent 18%),radial-gradient(circle at 23% 74%,rgba(145,63,222,.15),transparent 24%),url("../assets/hero.webp") center top/cover no-repeat}
body[data-page="home"] .hero::after{background:radial-gradient(circle at 52% 12%,rgba(239,183,255,.25),transparent 18%),radial-gradient(circle at 80% 17%,rgba(255,78,120,.10),transparent 18%),linear-gradient(90deg,rgba(0,0,0,.30),transparent 18%,transparent 82%,rgba(0,0,0,.30))}
body[data-page="home"] .hero-layout{grid-template-columns:1.08fr .92fr;gap:34px;padding:64px 0 54px}
body[data-page="home"] .hero-copy{overflow:hidden;background:linear-gradient(180deg,rgba(20,8,32,.68),rgba(7,2,12,.90));border-color:rgba(238,181,255,.45);box-shadow:0 38px 110px rgba(0,0,0,.60),0 0 40px rgba(197,89,255,.12),inset 0 1px rgba(255,255,255,.08)}
body[data-page="home"] .hero-copy::before,body[data-page="home"] .hero-copy::after{font-size:26px}
body[data-page="home"] .hero-copy > *{position:relative;z-index:2}
body[data-page="home"] .hero-copy::selection{background:rgba(184,92,255,.4)}
body[data-page="home"] .hero-copy:after{}
body[data-page="home"] .hero-copy::marker{}
body[data-page="home"] .hero-copy::before{}
body[data-page="home"] .hero-copy .hero-crown{position:relative;display:inline-grid;gap:4px;margin-top:14px;padding:12px 16px;border-radius:16px;border:1px solid rgba(226,161,255,.34);background:linear-gradient(135deg,rgba(79,24,118,.42),rgba(84,15,38,.34));box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.02)}
.hero-crown::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(251,214,255,.7),rgba(255,74,122,.25),rgba(171,83,255,.75));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.hero-crown span{color:#f3d8ff;font:800 10px/1 "Cinzel",serif;letter-spacing:2.6px;text-transform:uppercase}
.hero-crown strong{color:#fff;font-size:12px;letter-spacing:1.2px}
body[data-page="home"] .hero-title{letter-spacing:1px;text-shadow:0 0 32px rgba(180,92,255,.12)}
body[data-page="home"] .hero-subtitle{font-size:clamp(17px,2.15vw,24px)}
body[data-page="home"] .hero-description{font-size:14.5px;color:#d4c4df;max-width:700px}
body[data-page="home"] .hero-metrics{gap:10px;margin-top:24px}
body[data-page="home"] .metric{background:linear-gradient(135deg,rgba(119,41,179,.20),rgba(61,14,95,.12));border-color:rgba(220,145,255,.26);box-shadow:inset 0 1px rgba(255,255,255,.04)}
body[data-page="home"] .metric:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.24),0 0 18px rgba(185,94,255,.12)}
body[data-page="home"] .hero-notes{margin-top:18px;grid-template-columns:repeat(3,1fr)}
body[data-page="home"] .hero-note{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(11,4,18,.76),rgba(21,6,31,.86));border-color:rgba(214,137,255,.22);box-shadow:0 16px 30px rgba(0,0,0,.18)}
body[data-page="home"] .hero-note::after{content:"";position:absolute;inset:auto -20% -52% auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(255,73,117,.14),transparent 65%)}
.hero-badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.hero-badge{padding:10px 14px;border-radius:999px;border:1px solid rgba(219,151,255,.22);background:linear-gradient(135deg,rgba(10,4,17,.86),rgba(34,8,34,.78));box-shadow:inset 0 1px rgba(255,255,255,.04)}
.hero-badge small{display:block;color:#a58db9;font-size:10px;font-weight:800;letter-spacing:1.6px}
.hero-badge strong{display:block;margin-top:2px;font-size:12px;color:#fff}

body[data-page="home"] .hero-showcase{min-height:720px}
body[data-page="home"] .hero-showcase::before{content:"";position:absolute;inset:20px 0 20px 20px;border-radius:40px;background:radial-gradient(circle at 50% 16%,rgba(210,146,255,.12),transparent 22%),radial-gradient(circle at 80% 22%,rgba(255,76,120,.10),transparent 20%);filter:blur(18px)}
body[data-page="home"] .hero-panel{inset:18px 0 18px 42px;border-radius:38px;border-color:rgba(228,171,255,.36);background:linear-gradient(180deg,rgba(7,2,11,.88),rgba(10,3,17,.94));box-shadow:0 32px 98px rgba(0,0,0,.64),0 0 44px rgba(184,92,255,.10)}
body[data-page="home"] .hero-panel::before{opacity:.74;filter:saturate(125%)}
body[data-page="home"] .hero-panel::after{background:radial-gradient(circle at 50% 15%,rgba(225,155,255,.20),transparent 28%),radial-gradient(circle at 80% 24%,rgba(255,76,120,.08),transparent 20%),linear-gradient(180deg,transparent,rgba(4,1,8,.82))}
body[data-page="home"] .hero-emblem{top:34px;width:min(400px,82%)}
.hero-spotlight-grid{position:absolute;z-index:2;left:22px;right:22px;top:168px;display:grid;gap:14px}
.spotlight-card{position:relative;overflow:hidden;padding:18px 18px 18px 20px;border-radius:18px;border:1px solid rgba(226,153,255,.18);background:linear-gradient(135deg,rgba(16,6,26,.88),rgba(22,7,17,.76));backdrop-filter:blur(8px);box-shadow:0 18px 34px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.05)}
.spotlight-card::before{content:"";position:absolute;inset:-40% auto auto -30%;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 62%);opacity:.55}
.spotlight-card small{display:block;color:#caa3f4;font:800 10px/1 "Cinzel",serif;letter-spacing:2.2px}
.spotlight-card strong{display:block;margin-top:8px;color:#fff;font-size:18px;line-height:1.25}
.spotlight-card span{display:block;margin-top:6px;color:#c2b1cf;font-size:12px;line-height:1.6}
.spotlight-card.auto-cash{border-color:rgba(255,96,144,.20);background:linear-gradient(135deg,rgba(24,7,24,.9),rgba(71,13,38,.78))}
.spotlight-card.world-boss{background:linear-gradient(135deg,rgba(14,6,28,.90),rgba(38,11,76,.78))}
.spotlight-card.running{background:linear-gradient(135deg,rgba(14,6,28,.90),rgba(33,8,47,.78))}
body[data-page="home"] .hero-faction-mini{left:22px;right:22px;bottom:20px;gap:16px}
body[data-page="home"] .faction-mini-card{background:linear-gradient(180deg,rgba(10,4,17,.82),rgba(16,6,22,.88));border-color:rgba(226,150,255,.18)}
body[data-page="home"] .faction-mini-card.vampire{border-color:rgba(255,84,128,.18)}

body[data-page="home"] .stat-band{margin-top:-60px;position:relative;z-index:4}
body[data-page="home"] .stat-card{overflow:hidden;border-color:rgba(229,167,255,.24);box-shadow:0 22px 48px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04)}
body[data-page="home"] .stat-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 18%,rgba(255,82,124,.08),transparent 22%),radial-gradient(circle at 18% 80%,rgba(181,81,255,.10),transparent 28%);pointer-events:none}
body[data-page="home"] .section-head .ornament{font-size:18px}
body[data-page="home"] .faction-card,body[data-page="home"] .glass-card,body[data-page="home"] .item-card,body[data-page="home"] .route-card,body[data-page="home"] .board,body[data-page="home"] .rule-card{position:relative;overflow:hidden;box-shadow:0 24px 58px rgba(0,0,0,.30), inset 0 1px rgba(255,255,255,.03);transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease)}
body[data-page="home"] .faction-card:hover,body[data-page="home"] .glass-card:hover,body[data-page="home"] .item-card:hover,body[data-page="home"] .route-card:hover,body[data-page="home"] .board:hover,body[data-page="home"] .rule-card:hover{transform:translateY(-6px);box-shadow:0 34px 82px rgba(0,0,0,.38),0 0 34px rgba(184,92,255,.10)}
body[data-page="home"] .faction-card::before,body[data-page="home"] .glass-card::before,body[data-page="home"] .item-card::after,body[data-page="home"] .route-card::after,body[data-page="home"] .board::after,body[data-page="home"] .rule-card::after{content:"";position:absolute;inset:auto -35% -45% auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,84,128,.08),transparent 68%);pointer-events:none}
body[data-page="home"] .faction-card::after,body[data-page="home"] .item-card::before,body[data-page="home"] .route-card::before,body[data-page="home"] .board::before,body[data-page="home"] .rule-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(245,213,255,.34),rgba(255,84,128,.12),rgba(183,84,255,.28));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.75}
body[data-page="home"] .image-panel{box-shadow:0 30px 80px rgba(0,0,0,.42),0 0 24px rgba(183,84,255,.08)}
body[data-page="home"] .image-panel::before{background:linear-gradient(90deg,rgba(4,1,8,.88),rgba(4,1,8,.18)),radial-gradient(circle at 80% 22%,rgba(255,80,125,.12),transparent 20%),url("../assets/hero.webp") center/cover}
body[data-page="home"] .section-glow{background:radial-gradient(circle,rgba(183,84,255,.18),transparent 68%),radial-gradient(circle at 68% 28%,rgba(255,79,122,.08),transparent 34%)}
body[data-page="home"] .crimson-section .blood-banner{box-shadow:0 34px 92px rgba(0,0,0,.46),0 0 26px rgba(183,84,255,.08)}
.epic-points .board-head h3{font-size:24px}
.epic-points .point-list{display:grid;gap:12px}
.epic-points .point-row{position:relative;overflow:hidden;padding:14px 14px 14px 10px;border-radius:18px;background:linear-gradient(135deg,rgba(18,7,31,.80),rgba(13,5,21,.94));border:1px solid rgba(223,145,255,.16)}
.epic-points .point-row::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 86% 22%,rgba(255,79,122,.07),transparent 18%),radial-gradient(circle at 16% 88%,rgba(183,84,255,.08),transparent 22%)}
.epic-points .featured-cash{border-color:rgba(255,94,141,.28);background:linear-gradient(135deg,rgba(32,8,24,.94),rgba(77,11,44,.76));box-shadow:0 20px 38px rgba(0,0,0,.24),0 0 26px rgba(255,82,124,.08)}
.epic-points .featured-cash .point-value{color:#ffdbe4}
.epic-points .featured-cash .point-value small{color:#f3b9cb}
.epic-points .featured-cash .point-name{color:#fff3f7}
body[data-page="home"] .rules-summary{box-shadow:0 24px 60px rgba(0,0,0,.34)}
body[data-page="home"] .benefit-panel,body[data-page="home"] .download-panel,body[data-page="home"] .news-panel{box-shadow:0 30px 84px rgba(0,0,0,.40),0 0 28px rgba(184,92,255,.08)}
body[data-page="home"] .news-item{border-color:rgba(220,145,255,.12)}
body[data-page="home"] footer{background:linear-gradient(180deg,rgba(5,2,9,.96),rgba(2,1,6,1));border-top:1px solid rgba(223,145,255,.12)}

@keyframes skyShift{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(0,-8px,0) scale(1.03)}}
@keyframes bloodPulse{0%,100%{opacity:.8}50%{opacity:1}}
@keyframes driftRunes{0%{transform:translateY(0)}100%{transform:translateY(-100px)}}
@media(max-width:1180px){body[data-page="home"] .hero-layout{grid-template-columns:1fr}body[data-page="home"] .hero-showcase{min-height:680px}body[data-page="home"] .hero-panel{inset:0}body[data-page="home"] .stat-band{margin-top:-16px}}
@media(max-width:760px){body[data-page="home"] .hero{min-height:auto}body[data-page="home"] .hero-copy{padding:26px 20px 24px}body[data-page="home"] .hero-notes{grid-template-columns:1fr}body[data-page="home"] .hero-badges{gap:10px}body[data-page="home"] .hero-showcase{min-height:760px}body[data-page="home"] .hero-emblem{width:min(320px,82%)}.hero-spotlight-grid{top:150px;left:14px;right:14px}.spotlight-card strong{font-size:16px}body[data-page="home"] .hero-faction-mini{grid-template-columns:1fr;left:14px;right:14px;bottom:14px}}


/* LEGENDARY FULL-SITE REMASTER */
:root{--violet-bright:#d8a6ff;--violet-hot:#bb67ff;--blood-hot:#ff4a77;--blood-deep:#7b102c;--legend-shadow:0 32px 92px rgba(0,0,0,.46);--legend-border:rgba(234,182,255,.22);}
body::before{filter:saturate(126%) contrast(112%) brightness(.92)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(circle at 18% 14%,rgba(196,98,255,.12),transparent 24%),radial-gradient(circle at 82% 12%,rgba(255,76,122,.10),transparent 21%),radial-gradient(circle at 50% 88%,rgba(94,30,174,.14),transparent 28%);animation:legendaryAtmos 18s ease-in-out infinite alternate}
.noise{opacity:.075;background-size:180px 180px,220px 220px}
.site-header{backdrop-filter:blur(18px) saturate(130%);background:linear-gradient(180deg,rgba(6,3,11,.88),rgba(8,3,14,.68));border-bottom:1px solid rgba(216,132,255,.16);box-shadow:0 12px 36px rgba(0,0,0,.26)}
.site-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(214,140,255,.5),rgba(255,78,122,.35),rgba(214,140,255,.5),transparent)}
.brand{gap:14px}.brand-logo{filter:drop-shadow(0 0 14px rgba(194,92,255,.35))}
.brand-copy strong{letter-spacing:2.6px}
.nav-links a{position:relative;padding-bottom:4px}.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;transform:scaleX(0);transform-origin:center;background:linear-gradient(90deg,transparent,var(--violet-bright),transparent);transition:transform .35s var(--ease)}
.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1)}
.server-pill{box-shadow:0 0 0 1px rgba(255,255,255,.02),0 0 26px rgba(172,91,255,.12)}
.page-hero,.hero{overflow:hidden}.page-hero::after,.hero::after{background-blend-mode:screen,screen,normal}
.page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,1,12,.36),rgba(4,1,8,.78)),radial-gradient(circle at 18% 18%,rgba(221,152,255,.12),transparent 18%),radial-gradient(circle at 82% 20%,rgba(255,84,126,.12),transparent 18%);pointer-events:none;z-index:0}
.page-hero .container,.hero .container{position:relative;z-index:1}
.page-hero-content,.hero-copy,.hero-panel,.benefit-panel,.download-panel,.board,.news-panel,.image-panel,.blood-banner,.faction-card,.glass-card,.item-card,.rule-card,.route-card,.content-card,.callout,.price-card,.market-summary,.bonus-card,.cta-panel,.ratio-box,.launcher-box,.resolution-card{box-shadow:var(--legend-shadow)!important}
.page-hero-content,.hero-copy,.hero-panel,.benefit-panel,.download-panel,.board,.news-panel,.image-panel,.blood-banner,.faction-card,.glass-card,.item-card,.rule-card,.route-card,.content-card,.callout,.price-card,.market-summary,.bonus-card,.cta-panel,.ratio-box,.launcher-box,.resolution-card{border-color:var(--legend-border)!important}
.page-hero-content,.benefit-panel,.download-panel,.board,.news-panel,.image-panel,.blood-banner,.faction-card,.glass-card,.item-card,.rule-card,.route-card,.content-card,.callout,.price-card,.market-summary,.bonus-card,.cta-panel,.ratio-box,.launcher-box,.resolution-card{position:relative;overflow:hidden}
.page-hero-content::before,.benefit-panel::before,.download-panel::before,.board::before,.news-panel::before,.image-panel::before,.blood-banner::before,.faction-card::before,.glass-card::before,.item-card::before,.rule-card::before,.route-card::before,.content-card::before,.callout::before,.price-card::before,.market-summary::before,.bonus-card::before,.cta-panel::before,.ratio-box::before,.launcher-box::before,.resolution-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,78,122,.14),rgba(198,104,255,.22));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.78}
.page-section,.section{position:relative;isolation:isolate}.page-section::before,.section::before{content:"";position:absolute;inset:22px 0 auto 0;height:160px;background:radial-gradient(circle at 50% 0,rgba(180,82,255,.08),transparent 70%);pointer-events:none;z-index:-1}
.section-head h2{letter-spacing:.4px;text-shadow:0 0 24px rgba(199,97,255,.10)}
.section-head p{max-width:820px}
.ornament{filter:drop-shadow(0 0 10px rgba(197,95,255,.24))}
.btn{box-shadow:0 14px 30px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.08)}
.btn-primary{background:linear-gradient(135deg,#6e2aff,#a241ff 36%,#c7539f 100%)}
.btn-primary:hover{box-shadow:0 22px 42px rgba(0,0,0,.35),0 0 34px rgba(178,94,255,.26)}
.btn-secondary{background:linear-gradient(135deg,rgba(33,18,52,.92),rgba(80,16,39,.88));border-color:rgba(232,158,255,.18)}
.btn-discord{background:linear-gradient(135deg,rgba(26,24,54,.94),rgba(59,87,219,.92));border-color:rgba(128,149,255,.32)}
.stat-card,.metric,.hero-note,.hero-badge,.blood-card,.tag,.detail-box,.info-tile,.bonus-card,.rules-summary,.signal-card,.point-row,.priority-item,.news-item,.price,.price-icon,.specs span,.resolution-code,.server-pill,.live-dot,.rank{backdrop-filter:blur(10px)}
.footer-shell{position:relative}.footer-shell::before{content:"";position:absolute;left:12px;right:12px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(220,152,255,.22),rgba(255,74,122,.16),rgba(220,152,255,.22),transparent)}
footer{box-shadow:inset 0 1px rgba(255,255,255,.04)}

/* guide */
body[data-page="guide"] .page-hero::after{background:linear-gradient(90deg,rgba(6,2,10,.76),rgba(6,2,10,.34) 35%,rgba(6,2,10,.72)),var(--page-bg) center/cover no-repeat}
body[data-page="guide"] .route-card{background:linear-gradient(180deg,rgba(12,5,21,.88),rgba(10,3,16,.96))}
body[data-page="guide"] .board{background:linear-gradient(180deg,rgba(14,7,23,.86),rgba(9,3,16,.96))}
body[data-page="guide"] .callout{background:linear-gradient(135deg,rgba(29,8,33,.92),rgba(61,10,70,.72))}

/* market */
body[data-page="market"] .page-hero::after{background:linear-gradient(90deg,rgba(6,2,10,.78),rgba(6,2,10,.36) 32%,rgba(6,2,10,.78)),var(--page-bg) center/cover no-repeat}
body[data-page="market"] .category-tabs{gap:12px;flex-wrap:wrap}.category-tabs .category{background:linear-gradient(135deg,rgba(18,7,31,.86),rgba(37,10,44,.90));border:1px solid rgba(227,157,255,.16);box-shadow:0 12px 28px rgba(0,0,0,.18)}
body[data-page="market"] .category-tabs .category.active{background:linear-gradient(135deg,rgba(105,34,168,.92),rgba(136,26,80,.92));box-shadow:0 18px 38px rgba(0,0,0,.24),0 0 24px rgba(187,84,255,.16)}
body[data-page="market"] .price-card{background:linear-gradient(180deg,rgba(13,6,22,.84),rgba(9,3,16,.98))}
body[data-page="market"] .price-card:hover{transform:translateY(-7px);box-shadow:0 38px 82px rgba(0,0,0,.40),0 0 26px rgba(186,92,255,.16)!important}
body[data-page="market"] .price-icon{background:linear-gradient(135deg,rgba(17,8,31,.90),rgba(67,17,66,.86));border:1px solid rgba(233,166,255,.16)}
body[data-page="market"] .price{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;background:linear-gradient(135deg,rgba(88,30,152,.95),rgba(131,18,86,.95));box-shadow:0 10px 24px rgba(0,0,0,.22)}
body[data-page="market"] .free-price{background:linear-gradient(135deg,rgba(18,93,58,.92),rgba(8,62,36,.92));color:#bff9d5}

/* support */
body[data-page="support"] .page-hero::after{background:linear-gradient(90deg,rgba(6,2,10,.78),rgba(6,2,10,.40) 30%,rgba(6,2,10,.80)),var(--page-bg) center/cover no-repeat}
body[data-page="support"] .benefit-panel{background:linear-gradient(180deg,rgba(11,4,18,.76),rgba(9,3,16,.94))}
body[data-page="support"] .bonus-card,body[data-page="support"] .ratio-box,body[data-page="support"] .cta-panel{background:linear-gradient(180deg,rgba(16,7,28,.82),rgba(11,4,19,.96))}
body[data-page="support"] .first-bonus{background:linear-gradient(135deg,rgba(71,17,108,.92),rgba(98,13,51,.90));box-shadow:0 22px 46px rgba(0,0,0,.24),0 0 34px rgba(185,84,255,.18)}

/* download */
body[data-page="download"] .page-hero::after{background:linear-gradient(90deg,rgba(6,2,10,.76),rgba(6,2,10,.36) 33%,rgba(6,2,10,.80)),var(--page-bg) center/cover no-repeat}
body[data-page="download"] .download-panel{background:linear-gradient(180deg,rgba(12,5,21,.84),rgba(9,3,16,.96))}
body[data-page="download"] .launcher-box{background:linear-gradient(180deg,rgba(16,7,26,.82),rgba(11,4,20,.96))}
body[data-page="download"] .resolution-card,body[data-page="download"] .content-card{background:linear-gradient(180deg,rgba(16,7,26,.82),rgba(11,4,20,.96))}
body[data-page="download"] .resolution-card:hover,body[data-page="download"] .content-card:hover{transform:translateY(-6px);box-shadow:0 34px 74px rgba(0,0,0,.36),0 0 24px rgba(183,84,255,.14)!important}

/* shared micro-details */
.faction-image,.news-thumb,.item-image,.price-icon img,.launcher-icon,.brand-logo,.footer-mark{filter:drop-shadow(0 0 18px rgba(183,84,255,.12))}
.faction-card:hover,.glass-card:hover,.item-card:hover,.rule-card:hover,.route-card:hover,.content-card:hover,.news-item:hover,.bonus-card:hover,.cta-panel:hover,.ratio-box:hover,.benefit-panel:hover,.download-panel:hover,.board:hover,.price-card:hover{transform:translateY(-6px)}
.item-card{background:linear-gradient(180deg,rgba(16,7,26,.82),rgba(9,3,16,.96))}
.item-card .item-meta{background:linear-gradient(135deg,rgba(18,8,30,.84),rgba(54,10,52,.78));border:1px solid rgba(226,157,255,.14)}
.news-item{background:linear-gradient(180deg,rgba(13,6,22,.78),rgba(8,3,14,.96))}
.callout{box-shadow:0 24px 56px rgba(0,0,0,.30)!important}

@keyframes legendaryAtmos{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(0,-8px,0) scale(1.03)}}