@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap');
:root{--bg:#07090c;--panel:#0d1117;--line:rgba(212,173,94,.22);--gold:#d6b36b;--gold2:#8f692f;--text:#e9e5dc;--muted:#8e9298;--red:#7e2f25}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(199,153,69,.07),transparent 68%);transform:translate(-50%,-50%)}
.topbar{height:84px;padding:0 4vw;position:fixed;z-index:80;top:0;left:0;right:0;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(5,7,10,.96),rgba(5,7,10,.68));backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;font-family:Cinzel}.brand .sigil{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--gold);transform:rotate(45deg);font-weight:800;color:var(--gold)}.brand .sigil::first-letter{transform:rotate(-45deg)}.brand b{color:var(--gold)}.brand small{display:block;font:500 8px/1.5 Inter;letter-spacing:3px;color:#777}.topbar nav{margin:auto;display:flex;gap:34px}.topbar nav a{font-size:11px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;color:#b8b8b8;transition:.3s}.topbar nav a:hover{color:var(--gold)}.mini-cta{font:700 10px Inter;letter-spacing:2px;border:1px solid var(--gold);padding:13px 18px;color:var(--gold)}.nav-toggle{display:none;background:none;border:0;color:white;font-size:24px}
.hero{height:100vh;min-height:760px;position:relative;display:grid;place-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,8,.78),rgba(5,6,8,.15) 55%,rgba(5,6,8,.72)),url('../img/full-bg.png') center/cover no-repeat;transform:scale(1.04);animation:herozoom 14s ease-out forwards}@keyframes herozoom{to{transform:scale(1)}}.hero-vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 44%,transparent 20%,rgba(0,0,0,.18) 55%,#07090c 100%),linear-gradient(0deg,#07090c 0,transparent 25%)}.hero-content{position:relative;text-align:center;margin-top:-25px;z-index:2}.eyebrow,.section-kicker{font-size:10px;letter-spacing:5px;color:var(--gold);font-weight:700}.eyebrow{display:flex;align-items:center;justify-content:center;gap:18px}.eyebrow span{width:55px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.eyebrow span:last-child{transform:scaleX(-1)}.hero h1{font-family:Cinzel;margin:24px 0 5px;line-height:.78;text-shadow:0 12px 50px #000}.hero h1 em{display:block;font-style:normal;font-size:clamp(22px,2vw,34px);letter-spacing:12px;font-weight:500;color:#c8c5bd}.hero h1 strong{display:block;font-size:clamp(68px,9.5vw,150px);letter-spacing:-5px;background:linear-gradient(#fff4d4,#b68c44 62%,#725126);-webkit-background-clip:text;color:transparent}.hero h1 i{font-style:normal;font-size:.42em;letter-spacing:-2px}.hero-content>p{letter-spacing:5px;text-transform:uppercase;font-size:10px;color:#aaa}.hero-actions{display:flex;justify-content:center;gap:14px;margin-top:38px}.btn{min-width:190px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 22px;border:1px solid rgba(255,255,255,.16);transition:.35s;position:relative;overflow:hidden}.btn b{font:700 10px Inter;letter-spacing:2px}.btn small{font-size:8px;color:#918b80;margin-top:4px}.btn.gold{background:linear-gradient(135deg,#c9a45e,#7f5b28);border-color:#d9b872;color:#0b0b0b;box-shadow:0 10px 35px rgba(177,129,53,.18)}.btn.gold small{color:#332713}.btn:hover{transform:translateY(-3px);box-shadow:0 14px 45px rgba(199,153,69,.22)}.btn.glass{background:rgba(10,12,15,.45);backdrop-filter:blur(10px)}.opening-strip{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:3;display:flex;align-items:center;gap:22px;padding:10px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(7,9,12,.55);backdrop-filter:blur(10px)}.opening-strip>span{font-size:8px;letter-spacing:3px;color:#777}.opening-strip>strong{font:600 11px Cinzel;color:var(--gold);white-space:nowrap}.mini-countdown{display:flex;gap:5px;align-items:center}.mini-countdown b{font:600 14px Cinzel}.mini-countdown i{font:normal 7px Inter;color:#666;margin-right:4px}
.quick-stats{max-width:1100px;margin:-1px auto 0;display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);background:#0a0d11;position:relative;z-index:4}.quick-stats div{text-align:center;padding:25px 10px;border-right:1px solid var(--line)}.quick-stats div:last-child{border:0}.quick-stats span{display:block;font-size:8px;letter-spacing:2px;color:#777}.quick-stats b{font:600 22px Cinzel;color:var(--gold)}
.section{max-width:1180px;margin:auto;padding:120px 30px}.section.compact{padding-top:60px}.intro{text-align:center}.section h2,.split-zone h2,.cta h2,.page-hero h1{font:600 clamp(38px,5vw,68px)/.98 Cinzel;margin:16px 0 25px}.section h2 span,.split-zone h2 span,.cta h2 span,.page-hero h1 span{color:var(--gold)}.lead{max-width:800px;margin:0 auto;color:#999;line-height:1.8}.cards{display:grid;gap:18px;margin-top:55px}.cards.three{grid-template-columns:repeat(3,1fr)}.feature-card,.panel{position:relative;text-align:left;padding:34px;background:linear-gradient(145deg,rgba(18,22,28,.95),rgba(8,10,13,.95));border:1px solid rgba(255,255,255,.07);overflow:hidden}.feature-card:after,.panel:after{content:"";position:absolute;inset:auto -40% -80% 0;height:160px;background:radial-gradient(circle,rgba(197,149,65,.1),transparent 65%)}.feature-card .num{font:600 11px Cinzel;color:var(--gold);letter-spacing:2px}.feature-card h3,.panel h2{font:600 20px Cinzel}.feature-card p,.panel p,.panel li{font-size:13px;line-height:1.8;color:#92979e}.split-zone{min-height:570px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:70px max(5vw,30px);background:linear-gradient(90deg,#090c10 20%,rgba(9,12,16,.62)),url('../img/bg-top.jpg') center/cover fixed;border-block:1px solid rgba(255,255,255,.06)}.zone-copy{max-width:560px;margin-left:auto;padding-right:50px}.zone-copy p{color:#a1a1a1;line-height:1.8}.text-link{display:inline-block;margin-top:20px;color:var(--gold);font-size:10px;letter-spacing:2px}.zone-visual{height:390px;display:grid;place-items:center;position:relative}.ring{position:absolute;border:1px solid rgba(214,179,107,.2);border-radius:50%;animation:spin 20s linear infinite}.r1{width:340px;height:340px;border-style:dashed}.r2{width:260px;height:260px;animation-direction:reverse;animation-duration:13s}@keyframes spin{to{transform:rotate(360deg)}}.zone-badge{text-align:center;z-index:2;width:190px;height:190px;border:1px solid var(--gold);border-radius:50%;display:flex;flex-direction:column;justify-content:center;background:rgba(6,8,10,.75);box-shadow:0 0 70px rgba(197,149,65,.12)}.zone-badge small{font-size:7px;letter-spacing:2px;color:#777}.zone-badge b{font:600 42px Cinzel;color:var(--gold)}.zone-badge span{font:600 10px Cinzel}.gear-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin-top:50px}.gear-main,.gear-small{min-height:220px;padding:35px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(160deg,rgba(255,255,255,.03),rgba(255,255,255,0)),#0c1015;border:1px solid var(--line)}.gear-main b,.gear-small b{font:700 60px Cinzel;color:var(--gold)}.gear-main span,.gear-small span{font:600 10px Inter;letter-spacing:2px}.gear-main p{color:#777;font-size:12px}.cta{max-width:1180px;margin:0 auto 100px;padding:60px;border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:radial-gradient(circle at 80% 50%,rgba(181,129,47,.12),transparent 35%),#0b0e12}.cta h2{font-size:42px;margin:10px 0}.cta small{letter-spacing:4px;color:#777}.inner{padding-top:84px}.page-hero{padding:110px 30px 80px;text-align:center;background:linear-gradient(0deg,#07090c,transparent),url('../img/bg-top.jpg') center 30%/cover}.page-hero p{color:#999}.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:70px}.panel h2{color:#e7dcc4}.stat-list div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:12px;color:#999}.stat-list b{color:var(--gold);font:600 15px Cinzel}.panel ul{padding-left:18px}.feature-section{margin:80px 0}.feature-section>h2{font-size:38px}.timeline{border-left:1px solid var(--line);margin:40px 0 0 16px}.timeline-item{position:relative;padding:5px 0 35px 35px}.timeline-item:before{content:"";position:absolute;width:9px;height:9px;border:1px solid var(--gold);background:#080b0e;left:-5px;top:9px;transform:rotate(45deg)}.timeline-item>b{font:600 11px Cinzel;color:var(--gold);letter-spacing:2px}.timeline-item h3{font:600 22px Cinzel;margin:8px 0}.timeline-item p{color:#8e939a;max-width:700px;line-height:1.7}.steps{display:grid;gap:18px}.steps article{position:relative;padding:45px 45px 45px 125px;background:#0c1015;border:1px solid rgba(255,255,255,.07);min-height:220px}.steps article>span{position:absolute;left:35px;top:35px;font:700 50px Cinzel;color:rgba(214,179,107,.18)}.steps h2{font:600 27px Cinzel;margin:0 0 10px}.steps p{color:#92979e;line-height:1.8;max-width:760px}.button-row{display:flex;gap:10px}.download-vault{margin-top:70px;padding:45px;display:grid;grid-template-columns:1fr 1.3fr;gap:50px;border:1px solid var(--line);background:radial-gradient(circle at 0 0,rgba(204,158,78,.12),transparent 35%),#0b0f14}.download-vault small{color:var(--gold);letter-spacing:4px}.download-vault h2{font:600 30px Cinzel}.download-vault p{color:#858a90}.vault-links a{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:11px;letter-spacing:2px}.vault-links b{color:var(--gold)}.notice{margin:20px 0 80px;padding:20px;border-left:2px solid var(--gold);background:#0b0e12;color:#858a90;font-size:12px}.notice b{color:#ddd}.footer{border-top:1px solid rgba(255,255,255,.07);padding:45px 5vw;display:flex;align-items:center;justify-content:space-between;color:#666;font-size:10px}.footer strong{display:block;font:600 16px Cinzel;color:var(--gold)}.footer span{letter-spacing:2px;font-size:8px}.footer-links{display:flex;gap:22px}
.opening-modal{position:fixed;inset:0;z-index:200;display:none;place-items:center}.opening-modal.show{display:grid}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(10px)}.modal-card{position:relative;width:min(680px,92vw);padding:55px 45px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(203,157,75,.16),transparent 36%),linear-gradient(145deg,#11151a,#07090c);border:1px solid rgba(214,179,107,.5);box-shadow:0 40px 120px #000}.modal-card:before{content:"";position:absolute;inset:8px;border:1px solid rgba(214,179,107,.12);pointer-events:none}.modal-close{position:absolute;right:18px;top:14px;border:0;background:none;color:#777;font-size:28px;cursor:pointer}.modal-crown{color:var(--gold);font-size:28px}.modal-card>small{letter-spacing:4px;color:#777}.modal-card h2{font:700 52px Cinzel;margin:10px 0 0;background:linear-gradient(#f8e7bd,#a77835);-webkit-background-clip:text;color:transparent}.modal-card h2 span{font-size:.55em}.modal-card>p{font:500 10px Cinzel;letter-spacing:6px}.modal-date{margin:22px auto 18px;color:var(--gold);font:600 12px Cinzel;letter-spacing:2px}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:480px;margin:0 auto 28px}.countdown div{padding:17px 8px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.08)}.countdown b{display:block;font:600 29px Cinzel}.countdown span{font-size:7px;letter-spacing:2px;color:#6f7378}.modal-actions{display:flex;justify-content:center;gap:10px}.dontshow{display:block;margin-top:20px;color:#666;font-size:9px}.embers i{position:absolute;width:2px;height:2px;background:#e2a44d;border-radius:50%;box-shadow:0 0 8px #e2a44d;animation:floatUp linear infinite;opacity:0}@keyframes floatUp{0%{transform:translateY(50px);opacity:0}20%{opacity:.7}100%{transform:translateY(-75vh) translateX(50px);opacity:0}}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.topbar nav{display:none;position:absolute;top:84px;left:0;right:0;background:#090c10;padding:25px;flex-direction:column}.topbar nav.open{display:flex}.nav-toggle{display:block;margin-left:auto}.mini-cta{display:none}.cards.three,.gear-grid,.feature-layout,.download-vault{grid-template-columns:1fr}.split-zone{grid-template-columns:1fr}.zone-copy{margin:auto;padding:0}.quick-stats{grid-template-columns:repeat(3,1fr);margin-inline:15px}.quick-stats div{border-bottom:1px solid var(--line)}.opening-strip{width:94%;justify-content:center;flex-wrap:wrap}.hero-actions,.modal-actions,.button-row{flex-direction:column;align-items:center}.steps article{padding:100px 28px 35px}.footer{gap:25px;flex-direction:column;text-align:center}.cta{margin-inline:20px;flex-direction:column;align-items:flex-start;gap:25px}.hero h1 strong{letter-spacing:-2px}}

/* Athena x45 - Lineage II visual pass */
body:before{content:"";position:fixed;inset:84px 0 auto 0;height:1px;z-index:79;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(230,194,117,.55),transparent)}
.topbar:after{content:"✦";position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);color:#b88a43;font-size:12px;text-shadow:0 0 14px #d4a24d;background:#080a0d;padding:0 12px}
.hero h1 strong{filter:drop-shadow(0 3px 0 #34220e) drop-shadow(0 0 18px rgba(212,173,94,.2))}
.hero-actions .btn,.feature-card,.gear-main,.gear-small,.cta,.modal-card{clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}
.l2-opening{bottom:24px;min-width:min(760px,94vw);justify-content:center;padding:13px 24px;border:1px solid rgba(214,179,107,.34);box-shadow:0 12px 45px rgba(0,0,0,.5),inset 0 0 25px rgba(214,179,107,.035);background:linear-gradient(180deg,rgba(18,19,20,.9),rgba(5,7,9,.88))}
.opening-title{padding-right:22px;border-right:1px solid rgba(214,179,107,.2);text-align:left}.opening-title span{display:block;font:700 8px Inter;letter-spacing:3px;color:#8b7041;margin-bottom:4px}.opening-title strong{font:600 12px Cinzel;color:#e0bf78;letter-spacing:1px;white-space:nowrap}
.l2-opening .mini-countdown{gap:9px}.l2-opening .mini-countdown div{min-width:48px;text-align:center}.l2-opening .mini-countdown b{display:block;font:700 22px Cinzel;color:#f1dfb3;line-height:1}.l2-opening .mini-countdown i{display:block;margin:5px 0 0;font:600 6px Inter;letter-spacing:1.5px;color:#746b5c}.l2-opening .mini-countdown em{font:normal 16px Cinzel;color:#6d5129;margin-top:-8px}
.section-kicker:before,.section-kicker:after{content:"◆";font-size:6px;margin:0 10px;color:#73552b}
.music-toggle{position:fixed;right:22px;bottom:22px;z-index:120;height:42px;padding:0 14px;border:1px solid rgba(214,179,107,.42);background:rgba(6,8,10,.82);backdrop-filter:blur(8px);color:#a88a51;font:700 8px Inter;letter-spacing:1.5px;cursor:pointer;box-shadow:0 8px 28px rgba(0,0,0,.35)}.music-icon{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:5px;border:1px solid rgba(214,179,107,.25);border-radius:50%}.music-toggle.playing{color:#e4c37d;border-color:#d6b36b}.music-toggle.playing .music-icon{animation:musicPulse 1.5s ease-in-out infinite}@keyframes musicPulse{50%{box-shadow:0 0 14px rgba(214,179,107,.45)}}
.modal-card:after{content:"✦  ETERNAL SIN  ✦";position:absolute;left:50%;bottom:12px;transform:translateX(-50%);font:600 7px Cinzel;letter-spacing:4px;color:#5d4a2c;white-space:nowrap}
@media(max-width:700px){.l2-opening{padding:10px 8px;gap:9px}.opening-title{width:100%;padding:0 0 8px;border-right:0;border-bottom:1px solid rgba(214,179,107,.18);text-align:center}.l2-opening .mini-countdown b{font-size:18px}.music-toggle{right:12px;bottom:12px}.music-label{display:none}}

/* Lineage II cursor + Athena VIP feature pass */
html,body,input,select,textarea{cursor:url('../cursor/cursor.cur'),auto}
a,button,.btn,.music-toggle,.modal-close,[role='button'],label{cursor:url('../cursor/hand.cur'),pointer}
a:hover,button:hover,.btn:hover,.music-toggle:hover,.modal-close:hover,[role='button']:hover,label:hover{cursor:url('../cursor/hand.cur'),pointer}
.feature-card b,.panel b{color:#d9b76e}.vip-card{min-height:230px}.vip-card .num{display:inline-block;margin-bottom:7px;padding:5px 8px;border:1px solid rgba(214,179,107,.28);background:rgba(214,179,107,.05)}
.vip-levels{display:flex;align-items:center;justify-content:center;margin-top:28px;padding:22px 18px;border:1px solid rgba(214,179,107,.2);background:linear-gradient(90deg,rgba(214,179,107,.03),rgba(214,179,107,.08),rgba(214,179,107,.03));overflow:hidden}.vip-levels span{font:700 10px Cinzel;letter-spacing:1px;color:#e1c27e;white-space:nowrap}.vip-levels i{height:1px;min-width:24px;flex:1;margin:0 9px;background:linear-gradient(90deg,#725329,#d6b36b,#725329);position:relative}.vip-levels i:after{content:"◆";position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);font:normal 7px serif;color:#d6b36b;background:#0b0e12;padding:0 4px}
@media(max-width:700px){.vip-levels{justify-content:flex-start;overflow-x:auto}.vip-levels i{min-width:22px}.vip-levels span{font-size:8px}}

/* 2026-09-19 Hero typography visibility fix */
.hero .eyebrow{
  position:relative;
  z-index:5;
  display:inline-flex;
  min-height:34px;
  padding:9px 18px;
  margin-bottom:10px;
  align-items:center;
  justify-content:center;
  gap:16px;
  color:#f0cf86;
  font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
  font-size:12px;
  font-weight:700;
  line-height:1;
  letter-spacing:4px;
  text-transform:uppercase;
  text-shadow:0 2px 5px #000,0 0 16px rgba(214,179,107,.72);
  background:linear-gradient(90deg,transparent,rgba(5,7,10,.62) 18%,rgba(5,7,10,.72) 50%,rgba(5,7,10,.62) 82%,transparent);
}
.hero .eyebrow span{width:72px;background:linear-gradient(90deg,transparent,#e0ba6d);box-shadow:0 0 8px rgba(224,186,109,.35)}

/* ATHENA x45: stronger classic Lineage-style title, without the old Cinzel look */
.hero h1 strong{
  font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
  font-weight:700;
  font-variant:small-caps;
  letter-spacing:-2px;
  line-height:.84;
  background:linear-gradient(180deg,#fff9e9 0%,#f1d493 28%,#c39245 64%,#76501f 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-stroke:.45px rgba(255,237,190,.25);
  text-shadow:none;
  filter:drop-shadow(0 4px 1px #241708) drop-shadow(0 0 22px rgba(212,173,94,.24));
}
.hero h1 i{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:700;
  font-size:.36em;
  letter-spacing:-1px;
  vertical-align:18%;
  margin-left:8px;
}
@media(max-width:700px){
  .hero .eyebrow{font-size:9px;letter-spacing:2.2px;padding-inline:8px;white-space:nowrap}
  .hero .eyebrow span{width:28px}
  .hero h1 strong{letter-spacing:-1px}
}

/* 2026-09-19 Hero subtitle + ATHENA x45 synchronization */
.hero-content>p{
  position:relative;
  z-index:5;
  display:inline-block;
  margin:20px auto 0;
  padding:10px 24px 11px;
  color:#ead29b;
  font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
  font-size:12px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:4px;
  text-transform:uppercase;
  text-shadow:0 2px 5px #000,0 0 14px rgba(214,179,107,.52);
  border-top:1px solid rgba(224,186,109,.26);
  border-bottom:1px solid rgba(224,186,109,.18);
  background:linear-gradient(90deg,transparent,rgba(5,7,10,.66) 16%,rgba(5,7,10,.78) 50%,rgba(5,7,10,.66) 84%,transparent);
}
.hero h1 i{
  display:inline;
  font-family:inherit;
  font-weight:inherit;
  font-size:1em;
  line-height:inherit;
  letter-spacing:inherit;
  vertical-align:baseline;
  margin-left:.10em;
  background:inherit;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
@media(max-width:700px){
  .hero-content>p{font-size:9px;letter-spacing:2.1px;padding:8px 12px 9px;margin-top:16px}
  .hero h1 i{font-size:1em;margin-left:.06em}
}

/* 2026-09-19 ETERNAL SIN hero visibility fix */
.hero h1 em{
  position:relative;
  z-index:5;
  display:block;
  width:max-content;
  max-width:92vw;
  margin:0 auto 18px;
  padding:7px 20px 8px;
  color:#f3dfae;
  font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
  font-size:clamp(20px,2.1vw,32px);
  font-weight:700;
  font-style:normal;
  line-height:1;
  letter-spacing:10px;
  text-transform:uppercase;
  -webkit-text-stroke:.25px rgba(255,244,211,.25);
  text-shadow:0 3px 5px #000,0 0 12px rgba(0,0,0,.95),0 0 20px rgba(214,179,107,.48);
  background:linear-gradient(90deg,transparent,rgba(5,7,10,.72) 16%,rgba(5,7,10,.84) 50%,rgba(5,7,10,.72) 84%,transparent);
}
@media(max-width:700px){
  .hero h1 em{font-size:17px;letter-spacing:5px;margin-bottom:14px;padding:6px 12px 7px}
}

/* 2026-09-19 v4 — slightly smaller ATHENA x45 for cleaner hero balance */
.hero h1 strong{
  font-size:clamp(58px,8.1vw,128px);
}
@media(max-width:700px){
  .hero h1 strong{font-size:clamp(52px,15vw,82px)}
}

/* V5 — Lineage II enchanted navigation hover */
.topbar nav a{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 12px;
  border:1px solid transparent;
  border-radius:3px;
  overflow:hidden;
  isolation:isolate;
  transition:color .22s ease, border-color .28s ease, background .28s ease, box-shadow .28s ease, transform .22s ease, text-shadow .22s ease;
}
.topbar nav a::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  background:linear-gradient(110deg,transparent 15%,rgba(213,173,86,.10) 42%,rgba(255,229,157,.28) 50%,rgba(213,173,86,.10) 58%,transparent 85%);
  transform:translateX(-145%) skewX(-18deg);
  transition:transform .55s cubic-bezier(.2,.75,.25,1);
}
.topbar nav a::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:3px;
  width:0;
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,var(--gold),#fff0b8,var(--gold),transparent);
  box-shadow:0 0 7px rgba(222,181,91,.8),0 0 14px rgba(222,181,91,.35);
  transition:width .3s ease;
}
.topbar nav a:hover,
.topbar nav a:focus-visible{
  color:#ffe8a6;
  border-color:rgba(211,168,75,.34);
  background:linear-gradient(180deg,rgba(185,139,46,.12),rgba(94,65,20,.06));
  box-shadow:inset 0 0 18px rgba(213,173,86,.08),0 0 14px rgba(213,173,86,.10);
  text-shadow:0 0 7px rgba(255,221,132,.42);
  transform:translateY(-2px);
}
.topbar nav a:hover::before,
.topbar nav a:focus-visible::before{transform:translateX(145%) skewX(-18deg)}
.topbar nav a:hover::after,
.topbar nav a:focus-visible::after{width:76%}
.topbar nav a:active{transform:translateY(0) scale(.98)}

@media(max-width:900px){
  .topbar nav a{justify-content:flex-start;padding:0 14px}
  .topbar nav a:hover,.topbar nav a:focus-visible{transform:translateX(4px)}
  .topbar nav a::after{left:14px;transform:none}
}
@media(prefers-reduced-motion:reduce){
  .topbar nav a,.topbar nav a::before,.topbar nav a::after{transition:none}
}


/* V7 — Athena x45 live server status, aligned with PLAY NOW */
.topbar{gap:12px}
.server-status{
  height:42px; box-sizing:border-box; display:flex; align-items:center; gap:10px;
  margin:0; padding:0 13px; white-space:nowrap; border:1px solid rgba(255,255,255,.09);
  border-radius:2px; background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.16));
  box-shadow:inset 0 0 16px rgba(255,255,255,.018); transition:.3s ease;
}
.server-status-dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px}
.server-status-copy{display:flex;align-items:center;gap:8px;line-height:1}
.server-status-copy small{font:700 7px/1 Inter;letter-spacing:1.25px;color:#777}
.server-status-copy b{font:700 9px/1 Inter;letter-spacing:.9px;color:#d4d4d4}
.server-status>strong{font:800 9px/1 Inter;letter-spacing:1.2px;padding-left:10px;border-left:1px solid rgba(255,255,255,.09)}
.server-status.offline{border-color:rgba(218,58,58,.28);box-shadow:inset 0 0 15px rgba(218,58,58,.025),0 0 12px rgba(218,58,58,.04)}
.server-status.offline .server-status-dot{background:#e54141;box-shadow:0 0 7px rgba(229,65,65,.95),0 0 15px rgba(229,65,65,.42)}
.server-status.offline>strong{color:#ff6868;text-shadow:0 0 8px rgba(255,64,64,.28)}
.server-status.online{border-color:rgba(57,205,105,.30);box-shadow:inset 0 0 15px rgba(57,205,105,.03),0 0 12px rgba(57,205,105,.05)}
.server-status.online .server-status-dot{background:#3bd66e;box-shadow:0 0 7px rgba(59,214,110,.95),0 0 15px rgba(59,214,110,.45);animation:serverPulse 1.8s ease-out infinite}
.server-status.online>strong{color:#68e891;text-shadow:0 0 8px rgba(59,214,110,.30)}
.mini-cta{height:42px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;margin:0}
@keyframes serverPulse{0%,100%{box-shadow:0 0 6px rgba(59,214,110,.9),0 0 12px rgba(59,214,110,.35)}50%{box-shadow:0 0 10px rgba(59,214,110,1),0 0 22px rgba(59,214,110,.62)}}
@media(max-width:1280px){.server-status-copy small{display:none}.server-status-copy{gap:0}}
@media(max-width:1120px){.server-status-copy{display:none}.server-status{padding:0 11px}.server-status>strong{border-left:0;padding-left:0}}
@media(max-width:900px){.server-status{display:none}}
@media(prefers-reduced-motion:reduce){.server-status.online .server-status-dot{animation:none}}