:root{--ink:#f7f3e9;--muted:#b7bfd0;--gold:#f3c36a;--coral:#ff765f;--navy:#050c1b;--line:#f1d1932c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--navy);line-height:1.55}.site-header{position:fixed;z-index:20;inset:0 0 auto;height:84px;display:flex;align-items:center;gap:34px;padding:0 clamp(22px,5vw,88px);background:#030a17c9;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand-crown{display:grid;place-items:center;width:44px;height:44px;border:1px solid #efd18c88;clip-path:polygon(50% 0,92% 22%,87% 78%,50% 100%,13% 78%,8% 22%);background:linear-gradient(145deg,#f5cf72,#7b4c21);font-family:Georgia,serif;font-weight:900}.brand-title{font-family:Georgia,serif;font-size:16px;line-height:1.05;letter-spacing:.08em}.brand-title small{display:block;color:var(--gold);font-family:Arial,sans-serif;font-size:9px;letter-spacing:.42em;margin-top:5px}.site-header nav{display:flex;gap:25px;margin-left:auto}.site-header nav a,.back{color:#d3d6df;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.11em}.site-header nav a:hover,.back:hover{color:var(--gold)}.header-play{padding:11px 20px;border:1px solid var(--gold);background:#efbc5420;color:#fff;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.12em}.menu-toggle{display:none;margin-left:auto;border:0;background:none;color:#fff;font-size:24px}.hero{position:relative;min-height:940px;display:flex;align-items:center;overflow:hidden;padding:135px clamp(25px,8vw,145px) 110px;background-image:url('assets/hero-characters-v3.png');background-size:cover;background-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#020815 2%,#020815c9 30%,#02081535 64%,#02081518),linear-gradient(0deg,#050c1b 0%,transparent 28%)}.hero-content{position:relative;z-index:2;width:min(620px,50vw)}.eyebrow{margin:0;color:var(--gold);font-size:12px;letter-spacing:.28em;font-weight:900}.hero h1,.status-wrap h1{font-family:Georgia,serif;font-size:clamp(58px,6vw,94px);line-height:.92;margin:22px 0 28px;text-shadow:0 4px 25px #000}.hero h1 span{color:var(--gold);font-size:.72em;letter-spacing:.08em;text-transform:uppercase}.lead{max-width:560px;color:#d4d7df;font-size:18px}.hero-actions{display:flex;gap:14px;margin:36px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border:0;color:#fff;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.1em;cursor:pointer}.primary{background:linear-gradient(135deg,#d96045,#f2b44f);box-shadow:0 12px 35px #d8583645}.ghost{border:1px solid #f2d79a88;background:#0711259c}.full{width:100%}.live{display:flex;align-items:center;gap:9px;color:#d2d7e1;font-size:12px;letter-spacing:.08em}.live a{color:var(--gold);text-decoration:none}.online,.offline{display:inline-block;width:10px;height:10px;border-radius:50%;background:#35e48c;box-shadow:0 0 15px #35e48c}.offline{background:#ff5d73;box-shadow:0 0 15px #ff5d73}.scroll-hint{position:absolute;z-index:2;bottom:35px;left:50%;display:grid;place-items:center;gap:3px;color:#c7cedb;text-decoration:none;font-size:9px;letter-spacing:.25em;transform:translateX(-50%)}.scroll-hint b{font-size:24px;color:var(--gold)}.news-section,.features,.register-section{padding:105px clamp(25px,8vw,135px)}.section-heading{display:flex;justify-content:space-between;align-items:end;max-width:1250px;margin:0 auto 36px}.section-heading h2,.features h2,.register-copy h2,.download-section h2{font-family:Georgia,serif;font-size:clamp(37px,4vw,58px);margin:8px 0}.section-heading>a{color:var(--gold);text-decoration:none}.news-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px;max-width:1250px;margin:auto}.news-grid article,.feature-grid article,.register-card,.status-card{padding:30px;border:1px solid var(--line);background:linear-gradient(150deg,#10213ac7,#07101fef);box-shadow:0 18px 60px #0005}.news-grid article{min-height:245px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(0deg,#07101ff5,#10213abf)}.news-grid small{color:var(--coral);font-weight:900;letter-spacing:.15em}.news-grid h3{font-family:Georgia,serif;font-size:26px;margin:10px 0}.news-grid p,.feature-grid p,.register-copy p,.register-card small{color:var(--muted)}.news-grid time{color:#76849a;font-size:12px}.features{text-align:center;background:radial-gradient(circle at 50% 20%,#193555,#050c1b 60%)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1200px;margin:45px auto 0}.feature-grid article span{font-size:30px;color:var(--gold)}.download-section{display:flex;align-items:center;justify-content:space-between;gap:45px;padding:80px clamp(25px,10vw,170px);border-block:1px solid var(--line);background:linear-gradient(90deg,#11243d,#07101f)}.download-section div{max-width:680px}.download-section p{color:var(--muted)}.register-section{display:grid;grid-template-columns:1fr 460px;gap:80px;align-items:center;background:radial-gradient(circle at 20% 60%,#152f4b,transparent 48%)}.register-copy ul{padding:0;list-style:none;color:#d4dbe7}.register-copy li:before{content:"✦";color:var(--gold);margin-right:12px}.register-card{display:grid;gap:10px}.register-card label{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.register-card input{height:50px;padding:0 14px;border:1px solid var(--line);background:#040a16;color:#fff;outline:none}.register-card input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f0c66b18}.notice{margin-top:6px;padding:12px;font-size:14px}.notice.success{background:#26c28122;color:#6df1ae}.notice.error{background:#ff536622;color:#ff9aa6}footer{display:flex;justify-content:space-between;gap:25px;padding:35px clamp(25px,8vw,130px);border-top:1px solid var(--line);color:#75839a;font-size:12px}footer a{color:var(--gold);text-decoration:none}.status-page{min-height:100vh;background:radial-gradient(circle at 50% 20%,#18314d,#050b17 55%)}.status-wrap{width:min(850px,90vw);margin:auto;padding:80px 0}.status-wrap h1{font-size:55px}.status-card{margin-top:35px}.status-line{display:flex;align-items:center;gap:18px}.status-line i{width:17px;height:17px}.status-line small,.stats span{display:block;color:var(--muted)}.status-line strong{font-size:30px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:35px}.stats div{padding:20px;background:#ffffff08}.stats strong{display:block;font-size:20px;overflow-wrap:anywhere}@media(max-width:980px){.site-header nav{display:none}.menu-toggle{display:block}.header-play{display:none}.hero{min-height:760px;background-position:62% center}.hero-content{width:min(650px,90vw)}.hero-shade{background:#020815a8}.news-grid{grid-template-columns:1fr}.register-section{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.download-section{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.brand-title{font-size:13px}.hero{padding-inline:25px}.hero h1{font-size:50px}.news-section,.features,.register-section{padding-inline:22px}.stats{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.hero-actions{align-items:stretch;flex-direction:column}footer{flex-direction:column}}
.maintenance{display:inline-block;width:10px;height:10px;border-radius:50%;background:#ff9d2e;box-shadow:0 0 15px #ff9d2e}
.server-status-dot{display:inline-block!important;width:10px!important;height:10px!important;min-width:10px;border-radius:50%;vertical-align:middle}
.server-status-dot.online-dot{background:#35e48c!important;box-shadow:0 0 15px #35e48c!important}
.server-status-dot.offline-dot{background:#ff5d73!important;box-shadow:0 0 15px #ff5d73!important}
.server-status-dot.maintenance-dot{background:#ff9d2e!important;box-shadow:0 0 15px #ff9d2e!important}

.discord-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .7rem;
  margin-top: 1.25rem;
  padding: .9rem 1.35rem;
  border: 1px solid rgba(255, 255, 255, .38);
  border-radius: 5px;
  background: #5865f2;
  color: #fff;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 0 10px 30px rgba(88, 101, 242, .35);
  transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.discord-cta:hover,
.discord-cta:focus-visible {
  color: #fff;
  background: #6875f5;
  transform: translateY(-2px);
  box-shadow: 0 14px 36px rgba(88, 101, 242, .5);
}

.discord-cta-icon {
  width: 1.65rem;
  height: 1.65rem;
  flex: 0 0 auto;
  fill: currentColor;
}

/* Official Grand Fantasia Remaster emblem */
.brand-emblem{display:grid;place-items:center;width:54px;height:54px;flex:0 0 54px}.brand-emblem img{display:block;width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 0 8px #168cff66)}@media(max-width:600px){.brand-emblem{width:46px;height:46px;flex-basis:46px}.brand-emblem img{width:44px;height:44px}}