@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#060508;--panel:#0d0b11;--panel2:#120d16;--pink:#ff149b;--pink2:#ff43bd;--cyan:#00d9ff;--text:#f6f3f7;--muted:#99939f;--line:rgba(255,255,255,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:14px}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 18%,rgba(255,20,155,.10),transparent 28%),radial-gradient(circle at 88% 55%,rgba(0,217,255,.06),transparent 30%);z-index:-2}.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
.header{height:76px;position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(5,4,7,.84);backdrop-filter:blur(18px)}.brand img{width:92px;height:58px;object-fit:contain}.header nav{display:flex;gap:34px;align-items:center}.header nav a{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#b5afb8;text-decoration:none;position:relative;padding:30px 0}.header nav a:hover,.header nav a.active{color:#fff}.header nav a.active:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:0;background:var(--pink);box-shadow:0 0 15px var(--pink)}.discord{border:1px solid var(--cyan);box-shadow:0 0 18px rgba(0,217,255,.13);padding:13px 17px;color:#fff;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:1px}.discord b{color:var(--cyan);margin-left:8px}
.section{max-width:1240px;margin:0 auto;padding:125px 28px}.hero{min-height:850px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding-top:76px}.hero-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,rgba(255,20,155,.23),transparent 34%),radial-gradient(ellipse at 75% 75%,rgba(0,217,255,.08),transparent 32%),linear-gradient(135deg,#08060b 0%,#100712 48%,#050507 100%)}.hero-backdrop:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 49%,rgba(255,255,255,.025) 50%,transparent 51%),linear-gradient(180deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:100% 100%,100% 70px;mask-image:linear-gradient(to bottom,black,transparent 80%)}.hero-vignette{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 20%,rgba(0,0,0,.5) 78%,#050407 100%)}.hero-content{position:relative;z-index:2;width:min(900px,92vw);margin-top:30px;transform:translateX(120px)}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:800;color:#ded6df}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--pink);border-radius:50%;margin-right:8px;box-shadow:0 0 14px var(--pink)}.hero-logo{display:block;width:min(570px,72vw);height:auto;max-height:360px;object-fit:contain;margin:30px auto 8px;filter:drop-shadow(0 20px 35px rgba(255,20,155,.2))}.hero h1{font-size:44px;line-height:.92;letter-spacing:-2.5px;margin:5px 0 15px;font-weight:900}.hero h1 em{font-style:normal;color:var(--pink)}.hero-lead{max-width:680px;margin:0 auto;color:#aaa3ad;line-height:1.7;font-size:13px}.hero-actions{display:flex;justify-content:center;gap:10px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-width:205px;padding:17px 19px;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:1px}.btn-pink{background:var(--pink);color:#fff;box-shadow:0 0 30px rgba(255,20,155,.18)}.btn-dark{border:1px solid var(--cyan);color:#fff;background:rgba(0,0,0,.35)}.btn b{font-size:15px}.hero-meta{position:absolute;bottom:25px;left:4vw;right:4vw;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);padding-top:14px;color:#77717b;font-size:8px;letter-spacing:2px}
.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:45px}.section-intro small{color:var(--pink);font-size:9px;font-weight:900;letter-spacing:3px}.section-intro h2{font-size:54px;line-height:.88;letter-spacing:-3px;margin:15px 0 0;font-weight:900}.section-intro h2 em{font-style:normal;color:var(--pink)}.section-intro p{color:var(--muted);font-size:12px;line-height:1.8;max-width:550px;margin:0}.section-intro.centered{display:block;text-align:center;border:0;max-width:720px;margin:0 auto 50px}.section-intro.centered p{margin:18px auto 0}
.feature-grid{margin-top:15px;display:grid;grid-template-columns:1.35fr .85fr .85fr;grid-template-rows:250px 250px;gap:12px}.feature-card{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,#100d14,#08070a);padding:27px;display:flex;flex-direction:column;justify-content:flex-end;min-height:0}.feature-card.big{grid-row:span 2}.feature-card>span{position:absolute;top:22px;left:22px;color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:2px}.feature-card .icon{position:absolute;top:20px;right:24px;color:var(--pink);font-size:26px}.feature-card small{font-size:8px;color:#a69fa9;letter-spacing:2px;font-weight:800}.feature-card h3{font-size:23px;line-height:.95;margin:10px 0}.feature-card p{font-size:10px;line-height:1.65;color:var(--muted);max-width:390px;margin:0}.feature-card.pink-card{border-color:rgba(255,20,155,.65);background:radial-gradient(circle at 85% 15%,rgba(255,20,155,.15),transparent 30%),#0e090f}.card-art{position:absolute;inset:0;opacity:.78;background-size:cover;background-position:center;transition:transform .35s ease,opacity .35s ease}.feature-card:hover .card-art{transform:scale(1.035);opacity:.9}.art-city{background-image:linear-gradient(180deg,rgba(5,3,8,.08) 20%,rgba(5,3,8,.72) 100%),url('assets/feature-01-city.png')}.art-custom{background-image:linear-gradient(180deg,rgba(5,3,8,.12) 20%,rgba(5,3,8,.76) 100%),url('assets/feature-02-custom.png')}.art-community{background-image:linear-gradient(180deg,rgba(5,3,8,.10) 20%,rgba(5,3,8,.78) 100%),url('assets/feature-03-community.png')}.art-economy{background-image:linear-gradient(180deg,rgba(5,3,8,.10) 20%,rgba(5,3,8,.78) 100%),url('assets/feature-04-economy.png')}.art-roleplay{background-image:linear-gradient(180deg,rgba(5,3,8,.10) 20%,rgba(5,3,8,.78) 100%),url('assets/feature-05-roleplay.png')}.feature-card.big>div:last-child{position:relative;z-index:2}.feature-card.big>div:last-child{position:relative;z-index:2}
.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.steps article{min-height:285px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px;position:relative;background:#09080c}.steps article:hover{background:#100a11}.steps article>b{font-size:30px;color:var(--pink);font-weight:900}.steps small{display:block;color:var(--cyan);font-size:8px;letter-spacing:2px;font-weight:900;margin-top:45px}.steps h3{font-size:15px;margin:8px 0}.steps p{font-size:10px;color:var(--muted);line-height:1.65;min-height:52px}.steps a{font-size:8px;color:#fff;text-decoration:none;font-weight:900;letter-spacing:1px}
/* Decision / path cards */
.path-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}
.path-card{position:relative;min-height:520px;border:1px solid rgba(255,255,255,.10);border-radius:8px;overflow:hidden;background:#09080c;isolation:isolate;transition:transform .25s ease,border-color .25s ease}
.path-card:hover{transform:translateY(-5px);border-color:rgba(255,20,155,.55)}
.path-image{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-3;transform:scale(1.015);transition:transform .45s ease}
.path-card:hover .path-image{transform:scale(1.045)}
.path-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(to bottom,rgba(0,0,0,.08) 0%,rgba(0,0,0,.10) 38%,rgba(4,3,7,.46) 64%,rgba(4,3,7,.96) 100%)}
.path-content{position:absolute;left:30px;right:30px;bottom:28px;z-index:2}
.path-content small{display:block;margin-bottom:9px;color:var(--pink);font-size:9px;font-weight:900;letter-spacing:2px}
.path-content h3{margin:0 0 9px;color:#fff;font-size:27px;line-height:1;font-weight:900;letter-spacing:-.5px}
.path-content p{margin:0;max-width:370px;color:rgba(255,255,255,.78);font-size:12px;line-height:1.65}
.rules-ui{display:grid;grid-template-columns:270px 1fr;gap:14px;margin-top:15px}.rule-nav{max-height:620px;overflow:auto;padding-right:3px}.rule-nav button{display:flex;width:100%;align-items:center;gap:15px;border:1px solid var(--line);background:#0a080c;color:#aaa;padding:16px;text-align:left;font-weight:900;font-size:10px;margin-bottom:4px;cursor:pointer}.rule-nav button span{letter-spacing:1px}.rule-nav button.active{background:var(--pink);color:#fff;border-color:var(--pink)}.rule-display{min-height:620px;border:1px solid var(--line);background:linear-gradient(145deg,#0d0a10,#08070a);padding:42px;position:relative;overflow:auto}.rule-number{position:absolute;right:28px;top:10px;font-size:82px;font-weight:900;color:rgba(255,255,255,.035)}.rule-display h3{font-size:22px;margin:0 0 10px;position:relative}.rule-display>p{color:var(--muted);font-size:11px;line-height:1.6;max-width:680px}.rule-row{display:grid;grid-template-columns:38px 1fr;gap:15px;padding:18px 0;border-top:1px solid var(--line);position:relative}.rule-row>b{color:var(--pink);font-size:11px}.rule-row strong{display:block;font-size:10px;margin-bottom:6px}.rule-text{display:block;color:#a49da7;font-size:11px;line-height:1.7}
.team-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px}.team-cards article{border:1px solid var(--line);padding:24px;background:#0b090e;display:flex;align-items:center;gap:18px}.team-avatar{width:54px;height:54px;border:1px solid var(--pink);display:grid;place-items:center;overflow:hidden;flex:none;background:#09080c}.team-avatar img{width:100%;height:100%;object-fit:cover}.team-cards article>b{width:54px;height:54px;border:1px solid var(--pink);display:grid;place-items:center;color:var(--pink);font-size:11px}.team-cards small{font-size:8px;letter-spacing:1.5px;color:var(--cyan);font-weight:900}.team-cards h3{font-size:15px;margin:5px 0}.team-cards p{font-size:9px;color:var(--muted);margin:0}.promise{margin-top:65px;border-top:1px solid var(--line);padding-top:50px;display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.promise>div:first-child>small{font-size:8px;letter-spacing:2px;color:var(--cyan);font-weight:900}.promise h3{font-size:42px;line-height:.92;margin:15px 0}.promise h3 em{font-style:normal;color:var(--pink)}.promise-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.promise-grid article{border:1px solid var(--line);padding:22px;min-height:145px}.promise-grid b{color:var(--pink);font-size:9px}.promise-grid strong{display:block;font-size:11px;margin:18px 0 8px}.promise-grid p{color:var(--muted);font-size:10px;line-height:1.6;margin:0}
.connect{padding:150px 28px;background:radial-gradient(circle at 50% 30%,rgba(255,20,155,.18),transparent 35%),linear-gradient(180deg,#070509,#0e0710);border-top:1px solid var(--line);text-align:center}.connect-inner{max-width:850px;margin:auto}.connect small{font-size:9px;letter-spacing:3px;color:var(--cyan);font-weight:900}.connect h2{font-size:68px;line-height:.88;letter-spacing:-4px;margin:20px 0}.connect h2 em{color:var(--pink);font-style:normal}.connect p{max-width:600px;margin:auto;color:var(--muted);font-size:12px;line-height:1.7}
footer{padding:30px 5vw;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;align-items:center;color:#77717b;font-size:8px;letter-spacing:1.5px}footer img{width:85px;height:48px;object-fit:contain}
@media(max-width:900px){.header nav{gap:14px}.header nav a{font-size:8px}.discord{display:none}.section-intro{grid-template-columns:1fr;gap:25px}.feature-grid{grid-template-columns:1fr 1fr;grid-template-rows:280px 220px 220px}.feature-card.big{grid-row:span 2}.steps{grid-template-columns:1fr 1fr}.path-cards,.team-cards{grid-template-columns:1fr 1fr}.path-card{min-height:500px}.rules-ui{grid-template-columns:1fr}.rule-nav{max-height:280px}.promise{grid-template-columns:1fr;gap:30px}.connect h2{font-size:52px}footer{grid-template-columns:1fr 1fr;gap:20px}}
@media(max-width:560px){ .hero-content{transform:none}.header{padding:0 15px}.brand img{width:72px}.header nav{display:none}.hero{min-height:760px}.hero-logo{width:82vw}.hero h1{font-size:34px}.hero-meta{font-size:6px;letter-spacing:1px}.hero-meta span:nth-child(2){display:none}.hero-actions{flex-direction:column}.btn{width:100%}.section{padding:90px 18px}.section-intro h2{font-size:42px}.feature-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto}.feature-card,.feature-card.big{min-height:270px;grid-row:auto}.steps,.path-cards,.team-cards,.promise-grid{grid-template-columns:1fr}.path-card{min-height:470px}.path-content{left:22px;right:22px;bottom:22px}.rule-display{padding:25px;min-height:520px}.connect{padding:110px 18px}.connect h2{font-size:43px}.connect .hero-actions{align-items:stretch}footer{grid-template-columns:1fr;text-align:center;justify-items:center}}


/* Hero background video */
.hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.hero-video{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  background:#050308;
}
.hero-video iframe{
  position:absolute;
  top:50%;
  left:50%;
  width:100vw;
  height:56.25vw;
  min-width:177.78vh;
  min-height:100%;
  transform:translate(-50%,-50%);
  border:0;
  pointer-events:none;
}
.hero-video-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(4,3,7,.90) 0%,rgba(4,3,7,.58) 45%,rgba(4,3,7,.42) 100%),
    linear-gradient(180deg,rgba(4,3,7,.62) 0%,rgba(4,3,7,.18) 45%,rgba(4,3,7,.88) 100%);
}
.hero > *:not(.hero-video):not(.hero-video-overlay){
  position:relative;
  z-index:2;
}
@media (max-width:900px){
  .hero-video iframe{
    width:177.78vh;
    height:100vh;
  }
}
@media (max-width:600px){
  .hero-video-overlay{
    background:
      linear-gradient(90deg,rgba(4,3,7,.86),rgba(4,3,7,.62)),
      linear-gradient(180deg,rgba(4,3,7,.70),rgba(4,3,7,.88));
  }
}

/* Final polish */
.site-header .brand img,
.hero-logo,
.site-footer img{
  display:block;
  object-fit:contain;
}
.site-header .brand img{max-height:42px;width:auto}
.hero-logo{max-width:min(520px,72vw);height:auto;margin-inline:auto}



/* YouTube hero — soft blurred transition into the next section */
.hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.hero-video{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
}
.hero-video iframe{
  position:absolute;
  top:50%;
  left:50%;
  width:100vw;
  height:56.25vw;
  min-width:177.78vh;
  min-height:100%;
  transform:translate(-50%,-50%);
  border:0;
  pointer-events:none;
}
.hero-video-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(4,3,7,.82) 0%,rgba(4,3,7,.44) 48%,rgba(4,3,7,.34) 100%),
    linear-gradient(180deg,rgba(4,3,7,.42) 0%,rgba(4,3,7,.08) 48%,rgba(4,3,7,.48) 73%,rgba(4,3,7,.94) 100%);
}
/* Only the bottom of the video is blurred, so the scene stays crisp above. */
.hero::before{
  content:"";
  position:absolute;
  left:-4%;
  right:-4%;
  bottom:-2px;
  height:310px;
  z-index:1;
  pointer-events:none;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  background:linear-gradient(
    to bottom,
    rgba(4,3,7,0) 0%,
    rgba(4,3,7,.08) 20%,
    rgba(4,3,7,.32) 48%,
    rgba(4,3,7,.78) 76%,
    #040307 100%
  );
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.15) 18%,#000 52%,#000 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.15) 18%,#000 52%,#000 100%);
}
.hero > *:not(.hero-video):not(.hero-video-overlay){
  position:relative;
  z-index:2;
}
.hero + section{
  position:relative;
  margin-top:-95px;
  padding-top:155px;
  z-index:3;
  background:linear-gradient(
    to bottom,
    rgba(4,3,7,0) 0%,
    rgba(4,3,7,.72) 26%,
    rgba(4,3,7,.96) 56%,
    #040307 78%
  );
}
@media (max-width:900px){
  .hero::before{height:260px}
  .hero + section{margin-top:-65px;padding-top:130px}
}
@media (max-width:600px){
  .hero::before{height:230px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .hero + section{margin-top:-45px;padding-top:110px}
}


/* FINAL FEATURE IMAGE FIX
   The feature artwork already contains its own typography, numbers and icons.
   Keep the artwork clean and do not render a second HTML text layer on top. */
.feature-card > span,
.feature-card > .icon,
.feature-card > small,
.feature-card > h3,
.feature-card > p,
.feature-card.big > div:last-child:not(.card-art) {
  display: none !important;
}

.feature-card .card-art {
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 1 !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform .35s ease;
}

.feature-card:hover .card-art {
  opacity: 1 !important;
  transform: scale(1.02);
}

/* The supplied feature images already include the dark cinematic treatment. */
.art-city {
  background-image: url('assets/feature-01-city.png') !important;
}
.art-custom {
  background-image: url('assets/feature-02-custom.png') !important;
}
.art-community {
  background-image: url('assets/feature-03-community.png') !important;
}
.art-economy {
  background-image: url('assets/feature-04-economy.png') !important;
}
.art-roleplay {
  background-image: url('assets/feature-05-roleplay.png') !important;
}

/* Keep the feature grid's image cards clean at all breakpoints. */
.feature-card {
  padding: 0 !important;
}

/* LSD COMMUNITY HUB */
.community-hub{padding-top:90px}.community-banner{display:flex;gap:18px;align-items:center;margin:0 0 22px;padding:18px 22px;border:1px solid rgba(255,63,154,.45);background:linear-gradient(90deg,rgba(255,63,154,.12),rgba(79,234,255,.08));border-radius:14px}.community-banner strong{color:var(--pink)}.community-banner span{color:#ddd}.community-status{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 30px;color:#bbb;font-size:.9rem}.status-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#6dff9b;box-shadow:0 0 14px #6dff9b}.status-dot.maintenance{background:#ffd166;box-shadow:0 0 14px #ffd166}.status-dot.offline{background:#ff5f6d;box-shadow:0 0 14px #ff5f6d}.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.community-head{margin-bottom:16px}.community-head small{color:var(--cyan);letter-spacing:.18em}.community-head h3{margin:5px 0 0;font-size:1.2rem}.community-cards{display:grid;gap:14px}.community-card{display:flex;gap:14px;padding:15px;border:1px solid rgba(255,255,255,.08);background:rgba(16,16,23,.72);border-radius:14px}.community-card.important{border-color:rgba(255,63,154,.4)}.community-card img{width:92px;height:92px;object-fit:cover;border-radius:10px}.community-card small{color:#8f9aa8}.community-card h4{margin:5px 0;font-size:1.05rem}.community-card p{margin:0;color:#b8bdc8;line-height:1.5}.community-card .meta{margin-top:10px;color:#8f9aa8;font-size:.85rem}.community-actions{display:flex;gap:8px;margin-top:12px}.community-actions a,.faction-card a{font-size:.75rem;letter-spacing:.08em;color:var(--cyan);text-decoration:none}.faction-head{margin-top:50px}.faction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.faction-card{display:flex;gap:14px;padding:16px;border:1px solid rgba(255,255,255,.08);background:rgba(16,16,23,.72);border-radius:14px}.faction-card img,.faction-placeholder{width:62px;height:62px;flex:0 0 62px;border-radius:12px;object-fit:cover}.faction-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,63,154,.2),rgba(79,234,255,.18));font-weight:800}.faction-card h4{margin:0 0 5px}.faction-card p{margin:0 0 8px;color:#aeb5c0}.empty-card{padding:22px;border:1px dashed rgba(255,255,255,.12);border-radius:14px;color:#858d9a}@media(max-width:900px){.community-grid,.faction-grid{grid-template-columns:1fr}.community-card{flex-direction:column}.community-card img{width:100%;height:150px}}

.rule-meta{margin:8px 0 10px;color:var(--cyan);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.rule-meta[hidden]{display:none}