:root {
  --orbit-angle: 0deg;
  --counter-angle: 0deg;
  --ink: #fff7fb;
  --pink: #ff9fc4;
  --deep: #37142f;
}

* { box-sizing: border-box; }
html { scroll-behavior:smooth; scroll-padding-top:24px; }
html, body { margin: 0; min-height: 100%; overflow: hidden; background: #31132b; }
body { color: var(--ink); font-family: Arial, Helvetica, sans-serif; }
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }

.experience {
  position: relative;
  width: 100vw;
  height: 100svh;
  min-height: 620px;
  overflow: hidden;
  isolation: isolate;
  background: #5d2a50;
}

.world { position: absolute; inset: -4%; z-index: -4; overflow: hidden; perspective: 1100px; }
.world-backdrop {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 68% 34%,rgba(255,238,247,.72),transparent 24%),
    radial-gradient(circle at 78% 72%,rgba(255,184,216,.64),transparent 32%),
    radial-gradient(circle at 20% 18%,rgba(255,218,236,.62),transparent 26%),
    linear-gradient(135deg,#d75f96 0%,#ef91b8 48%,#f7b8d2 100%);
  transform: scale(1.035);
  filter: saturate(1.02);
}
.mountain-haze {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 48% 60%, rgba(255,190,218,.05), rgba(42,12,37,.28) 80%);
  mix-blend-mode: screen;
  pointer-events: none;
}
.light-orbit { position: absolute; border-radius: 50%; border: 1px solid rgba(255,214,232,.22); pointer-events: none; }
.light-orbit::before { content:""; position:absolute; width:8px; height:8px; border-radius:50%; background:#ffd6e6; box-shadow:0 0 24px 6px #ff8ab5; }
.orbit-one { width: 46vw; height: 46vw; left: 49%; top: 31%; transform: rotateX(72deg) rotateZ(var(--orbit-angle)); will-change:transform; }
.orbit-one::before { left: 12%; top: 17%; }

.falling-leaves { position:absolute; inset:0; pointer-events:none; }
.falling-leaves i { position:absolute; top:-10%; width:13px; height:8px; border-radius:90% 15% 90% 15%; background:linear-gradient(135deg,#ffbad4,#ec6da0); animation: leaf-fall linear infinite; filter:blur(.1px) drop-shadow(0 3px 5px rgba(59,13,43,.3)); }
.falling-leaves i:nth-child(1){left:10%;animation-duration:15s;animation-delay:-7s}.falling-leaves i:nth-child(2){left:31%;animation-duration:18s;animation-delay:-2s;scale:.65}.falling-leaves i:nth-child(3){left:53%;animation-duration:14s;animation-delay:-9s}.falling-leaves i:nth-child(4){left:74%;animation-duration:17s;animation-delay:-5s;scale:1.15}.falling-leaves i:nth-child(5){left:92%;animation-duration:16s;animation-delay:-1s}
.falling-leaves i:nth-child(6){left:18%;animation-duration:20s;animation-delay:-13s;scale:.8}.falling-leaves i:nth-child(7){left:43%;animation-duration:16s;animation-delay:-11s;scale:1.25}.falling-leaves i:nth-child(8){left:66%;animation-duration:21s;animation-delay:-6s;scale:.72}.falling-leaves i:nth-child(9){left:84%;animation-duration:18s;animation-delay:-15s;scale:.92}
@keyframes leaf-fall { 0%{translate:-20px -8vh;rotate:0deg;opacity:0} 10%{opacity:.9} 48%{translate:35px 50vh;rotate:240deg} 100%{translate:-28px 112vh;rotate:620deg;opacity:0} }
.blooming-flowers { position:absolute; inset:0; pointer-events:none; color:rgba(255,238,247,.82); }
.blooming-flowers span { position:absolute; display:block; font-size:clamp(18px,2.2vw,34px); filter:drop-shadow(0 7px 13px rgba(111,28,72,.22)); animation:flower-bloom 5.8s ease-in-out infinite; }
.blooming-flowers span:nth-child(1){left:7%;bottom:10%;animation-delay:-1s}.blooming-flowers span:nth-child(2){left:25%;top:14%;font-size:19px;animation-delay:-3.2s}.blooming-flowers span:nth-child(3){right:7%;top:18%;animation-delay:-4.4s}.blooming-flowers span:nth-child(4){right:18%;bottom:12%;font-size:22px;animation-delay:-2.1s}.blooming-flowers span:nth-child(5){left:48%;bottom:7%;font-size:16px;animation-delay:-5s}
@keyframes flower-bloom { 0%,100%{transform:scale(.72) rotate(-8deg);opacity:.48} 50%{transform:scale(1.12) rotate(7deg);opacity:1} }
.sparkle-field { position:absolute; inset:0; pointer-events:none; }
.sparkle-field i { position:absolute; width:4px; height:4px; border-radius:50%; background:#fff8fc; box-shadow:0 0 10px 3px rgba(255,224,240,.72); animation:sparkle 4.8s ease-in-out infinite; }
.sparkle-field i:nth-child(1){left:8%;top:24%}.sparkle-field i:nth-child(2){left:17%;top:67%;animation-delay:-2s}.sparkle-field i:nth-child(3){left:29%;top:39%;animation-delay:-3.6s}.sparkle-field i:nth-child(4){left:39%;top:81%;animation-delay:-1.1s}.sparkle-field i:nth-child(5){left:49%;top:18%;animation-delay:-4s}.sparkle-field i:nth-child(6){left:57%;top:59%;animation-delay:-2.8s}.sparkle-field i:nth-child(7){left:65%;top:32%;animation-delay:-.8s}.sparkle-field i:nth-child(8){left:73%;top:76%;animation-delay:-3.1s}.sparkle-field i:nth-child(9){left:82%;top:46%;animation-delay:-1.7s}.sparkle-field i:nth-child(10){left:91%;top:22%;animation-delay:-4.4s}.sparkle-field i:nth-child(11){left:94%;top:69%;animation-delay:-2.3s}.sparkle-field i:nth-child(12){left:34%;top:12%;animation-delay:-.4s}
@keyframes sparkle { 0%,100%{opacity:.22;scale:.65} 50%{opacity:1;scale:1.45} }

.topbar { position:absolute; z-index:20; top:0; left:0; width:100%; display:flex; justify-content:space-between; align-items:center; padding:28px clamp(24px,4vw,64px); }
.brand { display:flex; align-items:center; gap:12px; text-decoration:none; font-size:11px; line-height:1.04; font-weight:900; letter-spacing:.08em; }
.brand-star { display:grid; place-items:center; width:38px; height:38px; border:1px solid rgba(255,255,255,.45); border-radius:50%; color:#ffbdd5; backdrop-filter:blur(12px); }
.top-actions { display:flex; align-items:center; gap:18px; }
.sound-note { font-size:9px; letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.62); }
.discord-pill { padding:13px 18px; border:1px solid rgba(255,255,255,.55); border-radius:999px; text-decoration:none; font-size:10px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; background:rgba(51,16,43,.24); backdrop-filter:blur(14px); }
.discord-pill b { margin-left:12px; }

.intro-panel { position:absolute; z-index:9; left:clamp(24px,6vw,100px); top:9vh; width:min(430px,35vw); translate:0; }
.overline { margin:0 0 18px; color:#ffc2d8; font-size:10px; text-transform:uppercase; letter-spacing:.22em; font-weight:800; }
h1 { margin:0; font-size:clamp(48px,5.6vw,86px); line-height:.84; letter-spacing:-.065em; text-transform:uppercase; text-shadow:0 9px 35px rgba(35,8,29,.34); }
h1 em { color:#ffacd0; font-weight:400; text-transform:none; }
.lede { max-width:360px; margin:28px 0 0; font-size:14px; line-height:1.65; color:rgba(255,255,255,.78); }

.orbit-stage { position:absolute; z-index:8; inset:0; perspective:1200px; pointer-events:auto; touch-action:none; }
.orbit-carousel { position:absolute; left:74%; top:52%; width:1px; height:1px; transform-style:preserve-3d; transform:rotateX(-3deg) rotateY(var(--orbit-angle)); will-change:transform; }
.orbit-card {
  --angle: calc(var(--i) * 72deg);
  --radius: min(31vw,410px);
  position:absolute;
  width:min(280px,25vw);
  min-height:235px;
  left:0; top:0;
  padding:24px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.42);
  border-radius:25px;
  background:linear-gradient(145deg,rgba(255,240,247,.92),rgba(221,159,190,.78));
  color:#4a1e3d;
  box-shadow:0 24px 55px rgba(29,6,24,.24), inset 0 1px rgba(255,255,255,.75);
  transform:translate(-50%,-50%) rotateY(var(--angle)) translateZ(var(--radius)) rotateY(calc(var(--angle) * -1)) rotateY(var(--counter-angle));
  will-change:transform;
  pointer-events:auto;
}
.orbit-card::after { content:""; position:absolute; inset:auto -15% -38% 35%; width:190px; height:190px; border-radius:50%; background:var(--glow); filter:blur(3px); opacity:.36; }
.orbit-card.rose {
  --glow:#ff87b3;
  color:#fff5fa;
  border-color:rgba(255,206,228,.62);
  background:
    linear-gradient(100deg,rgba(27,5,20,.92) 0%,rgba(91,27,61,.67) 52%,rgba(84,24,57,.16) 100%),
    url("../group1-blossoms.png") center 42% / cover no-repeat;
  box-shadow:0 28px 68px rgba(40,5,27,.44),inset 0 1px rgba(255,255,255,.42);
}
.rose::before {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 44%);
  pointer-events:none;
}
.flower-icon {
  position:absolute;
  z-index:2;
  right:16px;
  top:39px;
  width:82px;
  height:82px;
  border:0;
  background:url("../group1-flower-transparent.png") center / contain no-repeat;
  filter:drop-shadow(0 0 13px rgba(255,161,204,.72)) drop-shadow(0 10px 12px rgba(24,2,16,.42));
  animation:flower-breathe 5.2s ease-in-out infinite;
}
@keyframes flower-breathe { 50% { filter:drop-shadow(0 0 19px rgba(255,187,218,.9)) drop-shadow(0 10px 12px rgba(24,2,16,.42)); transform:scale(1.035); } }
.rose .card-symbols { color:#ffc0dc; }
.rose .card-number { color:#ffd7e8; opacity:.82; }
.rose .card-meta span { background:rgba(45,8,30,.25); }
.orbit-card.lilac{--glow:#b396e8}.orbit-card.gold{--glow:#f5cf76}.orbit-card.sage{--glow:#a8c695}
.orbit-card.moonlit {
  --glow:#bca8ff;
  color:#fffaff;
  border-color:rgba(232,220,255,.64);
  background:
    linear-gradient(100deg,rgba(25,17,66,.9) 0%,rgba(78,54,133,.64) 51%,rgba(100,72,154,.16) 100%),
    url("../group2-blossom-sky.png") center / cover no-repeat;
  box-shadow:0 28px 68px rgba(23,13,66,.42),inset 0 1px rgba(255,255,255,.46);
}
.moonlit::before {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:radial-gradient(circle at 76% 34%,rgba(224,214,255,.28),transparent 36%);
  pointer-events:none;
}
.moon-icon {
  position:absolute;
  z-index:2;
  right:17px;
  top:40px;
  width:80px;
  height:80px;
  border:0;
  border-radius:50%;
  background:url("../group2-moon.png") center / 152% no-repeat;
  box-shadow:0 0 24px rgba(210,198,255,.72),0 9px 25px rgba(16,8,48,.4);
  animation:moon-breathe 4.8s ease-in-out infinite;
}
@keyframes moon-breathe { 50% { box-shadow:0 0 38px rgba(222,211,255,.92),0 9px 25px rgba(16,8,48,.4); transform:scale(1.025); } }
.moonlit .card-symbols { color:#e6dcff; }
.moonlit .card-number { color:#f0eaff; opacity:.84; }
.moonlit .card-meta span { background:rgba(31,17,78,.26); }
.orbit-card.crimson-rose {
  --glow:#9f173f;
  color:#fff1f5;
  border:0;
  background:
    linear-gradient(100deg,rgba(20,3,10,.94) 0%,rgba(49,5,20,.76) 48%,rgba(49,5,20,.24) 100%),
    url("../group4-rose-wall.png") center / cover no-repeat;
  box-shadow:0 28px 70px rgba(30,0,10,.42),inset 0 1px rgba(255,228,236,.34);
}
.crimson-rose::before {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,.07),transparent 45%);
  pointer-events:none;
}
.rose-seal {
  position:absolute;
  z-index:2;
  right:18px;
  top:43px;
  width:74px;
  height:74px;
  border:0;
  border-radius:50%;
  background:url("../group4-rose-detail.png") center / cover no-repeat;
  box-shadow:0 10px 24px rgba(10,0,4,.5),0 0 0 5px rgba(5,0,2,.72);
}
.crimson-rose .card-symbols { color:#ffb2ca; }
.crimson-rose .card-number { color:#ffc3d4; opacity:.78; }
.crimson-rose .card-meta span { background:rgba(20,0,7,.24); }
.orbit-card.gold {
  --glow:#ffd36e;
  color:#fff9ee;
  border-color:rgba(255,235,185,.64);
  background:
    linear-gradient(100deg,rgba(91,17,64,.9) 0%,rgba(192,44,105,.66) 52%,rgba(255,117,174,.32) 100%),
    url("../group3-sunset.png") center / cover no-repeat;
  box-shadow:0 28px 70px rgba(111,21,73,.48),inset 0 1px rgba(255,223,238,.58);
}
.gold::before {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    linear-gradient(135deg,rgba(255,83,158,.18),rgba(150,22,101,.14)),
    radial-gradient(circle at 78% 35%,rgba(255,226,132,.38),transparent 36%);
  pointer-events:none;
}
.sun-icon {
  position:absolute;
  z-index:2;
  right:14px;
  top:37px;
  width:86px;
  height:86px;
  border:0;
  border-radius:50%;
  background:url("../group3-sun.png") center / 118% no-repeat;
  box-shadow:0 0 28px rgba(255,218,112,.9),0 10px 25px rgba(84,24,38,.4);
  animation:sun-pulse 4.6s ease-in-out infinite;
}
@keyframes sun-pulse { 50% { box-shadow:0 0 44px rgba(255,232,148,1),0 10px 25px rgba(84,24,38,.4); transform:scale(1.03); } }
.gold .card-symbols { color:#ffe9a8; }
.gold .card-number { color:#fff1bc; opacity:.85; }
.gold .card-meta span { background:rgba(91,26,48,.22); }
.orbit-card.cloud-deer {
  --glow:#e8ddd2;
  color:#4a403b;
  border-color:rgba(255,255,255,.72);
  background:
    linear-gradient(100deg,rgba(255,252,247,.92) 0%,rgba(235,228,218,.66) 52%,rgba(255,255,255,.18) 100%),
    url("../group5-clouds.png") center / cover no-repeat;
  box-shadow:0 28px 68px rgba(48,42,39,.28),inset 0 1px rgba(255,255,255,.72);
}
.cloud-deer::before {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,.28),transparent 48%);
  pointer-events:none;
}
.deer-icon {
  position:absolute;
  z-index:2;
  right:16px;
  top:40px;
  width:82px;
  height:82px;
  border:0;
  border-radius:50%;
  background:url("../group5-bambi.png") 50% 38% / 165% no-repeat;
  box-shadow:0 10px 24px rgba(55,45,39,.3),0 0 0 5px rgba(255,255,255,.34);
}
.cloud-deer .card-symbols { color:#74645d; }
.cloud-deer .card-number { color:#61534d; opacity:.72; }
.cloud-deer .card-meta span { background:rgba(255,255,255,.3); }
.orbit-card.woodland {
  --glow:#7aa56b;
  color:#f8fff3;
  border-color:rgba(220,239,205,.62);
  background:
    linear-gradient(100deg,rgba(20,53,28,.9) 0%,rgba(29,65,36,.68) 46%,rgba(11,34,18,.14) 100%),
    url("../woodland-mutuals-background.jpg") center / cover no-repeat;
  box-shadow:0 28px 68px rgba(11,35,19,.38),inset 0 1px rgba(240,255,229,.42);
}
.woodland::before { content:""; position:absolute; inset:0; border-radius:inherit; background:radial-gradient(circle at 82% 25%,rgba(236,178,206,.2),transparent 30%); pointer-events:none; }
.woodland-icon { position:absolute; z-index:2; right:16px; top:40px; width:84px; height:84px; border-radius:50%; background:url("../woodland-mutuals-icon.png") center / cover no-repeat; box-shadow:0 10px 26px rgba(5,24,12,.48),0 0 0 5px rgba(226,244,211,.3); }
.woodland .card-symbols { color:#e5d2df; }
.woodland h2 { max-width:160px; }
.woodland .card-number { color:#e7f4d9; opacity:.82; }
.woodland .card-meta span { background:rgba(9,38,18,.3); }
.orbit-card.angel-gains {
  --glow:#777b84;
  color:#f5f6f8;
  border-color:rgba(225,228,235,.58);
  background:
    radial-gradient(circle at 82% 28%,rgba(190,194,204,.24),transparent 30%),
    linear-gradient(100deg,rgba(25,27,32,.96) 0%,rgba(48,51,58,.88) 52%,rgba(35,37,43,.66) 100%),
    url("../angel-gains-background.jpg") center / cover no-repeat;
  background-blend-mode:normal,multiply,luminosity;
  box-shadow:0 28px 68px rgba(22,24,29,.42),inset 0 1px rgba(255,255,255,.36);
}
.angel-icon { position:absolute; z-index:2; right:16px; top:40px; width:84px; height:84px; border-radius:50%; background:url("../angel-gains-icon.jpg") center / cover no-repeat; box-shadow:0 10px 26px rgba(0,0,0,.48),0 0 0 5px rgba(210,214,223,.28),0 0 24px rgba(210,214,223,.22); animation:moon-breathe 5.8s ease-in-out infinite; }
.angel-gains .card-symbols,.angel-gains .card-number { color:#d5d8df; }
.angel-gains .card-meta span { background:rgba(11,12,15,.3); }
.orbit-card.wave-gains {
  --glow:#3c8fff;
  color:#eef8ff;
  border-color:rgba(133,202,255,.65);
  background:
    linear-gradient(100deg,rgba(2,25,72,.94) 0%,rgba(3,45,105,.72) 50%,rgba(0,34,86,.16) 100%),
    url("../wave-gains-background.jpg") center / cover no-repeat;
  box-shadow:0 28px 70px rgba(0,24,73,.48),inset 0 1px rgba(159,219,255,.42);
}
.wave-icon { position:absolute; z-index:2; right:16px; top:40px; width:84px; height:84px; border-radius:50%; background:url("../wave-gains-icon.jpg") center / cover no-repeat; box-shadow:0 0 28px rgba(64,159,255,.72),0 0 0 5px rgba(127,198,255,.3); animation:moon-breathe 5.4s ease-in-out infinite; }
.wave-gains .card-symbols,.wave-gains .card-number { color:#a8dcff; }
.wave-gains .card-meta span { background:rgba(0,41,101,.34); }
.orbit-card.neon-gains {
  --glow:#ff4bd8;
  color:#fff4ff;
  border-color:rgba(99,242,255,.68);
  background:
    linear-gradient(100deg,rgba(24,7,55,.94) 0%,rgba(91,20,105,.66) 48%,rgba(255,34,152,.12) 100%),
    url("../neon-gains-background.jpg") center / cover no-repeat;
  box-shadow:0 28px 70px rgba(84,13,98,.5),inset 0 1px rgba(255,255,255,.35);
}
.neon-icon,.stellar-icon,.bloom-icon { position:absolute; z-index:2; right:17px; top:40px; display:grid; place-items:center; width:82px; height:82px; border-radius:50%; font-size:30px; }
.neon-icon { background:url("../neon-gains-icon.jpg") center / cover no-repeat; box-shadow:0 0 28px rgba(255,54,211,.82),0 0 0 5px rgba(75,238,255,.3); animation:sparkle 4.2s ease-in-out infinite; }
.neon-gains .card-symbols,.neon-gains .card-number { color:#77f6ff; }
.neon-gains .card-meta span { background:rgba(41,6,69,.3); }
.orbit-card.stellar-support {
  --glow:#768cff;
  color:#f7f5ff;
  border-color:rgba(183,190,255,.62);
  background:
    linear-gradient(100deg,rgba(9,12,47,.96) 0%,rgba(24,22,73,.7) 50%,rgba(86,50,91,.08) 100%),
    url("../stellar-support-background.jpg") center / cover no-repeat;
  box-shadow:0 28px 70px rgba(15,14,61,.48),inset 0 1px rgba(255,255,255,.32);
}
.stellar-icon { background:url("../stellar-support-icon.jpg") center / cover no-repeat; box-shadow:0 0 30px rgba(255,190,70,.58),0 0 0 5px rgba(216,207,255,.24); animation:moon-breathe 5.6s ease-in-out infinite; }
.stellar-support .card-symbols,.stellar-support .card-number { color:#d5cdff; }
.stellar-support .card-meta span { background:rgba(20,20,76,.3); }
.orbit-card.social-bloom {
  --glow:#ff9fc4;
  color:#70304f;
  border-color:rgba(255,255,255,.82);
  background:
    linear-gradient(100deg,rgba(255,255,255,.9) 0%,rgba(239,229,255,.66) 52%,rgba(187,243,238,.08) 100%),
    url("../social-bloom-background.jpg") center / cover no-repeat;
  box-shadow:0 28px 68px rgba(139,49,92,.3),inset 0 1px rgba(255,255,255,.82);
}
.bloom-icon { background:url("../social-bloom-icon.jpg") center / cover no-repeat; box-shadow:0 0 28px rgba(157,145,255,.46),0 0 0 5px rgba(255,255,255,.5); animation:flower-bloom 5.4s ease-in-out infinite; }
.social-bloom .card-symbols,.social-bloom .card-number { color:#aa3769; }
.social-bloom .card-meta span { background:rgba(255,255,255,.38); }
.flower-icon,.moon-icon,.sun-icon,.rose-seal,.deer-icon,.woodland-icon,.angel-icon,.wave-icon,.neon-icon,.stellar-icon,.bloom-icon,.coming-icon { animation:none!important; transition:transform .32s cubic-bezier(.22,.8,.25,1),filter .32s ease,box-shadow .32s ease; }
@media (hover:hover) and (pointer:fine) {
  .orbit-card:hover .flower-icon,.orbit-card:hover .moon-icon,.orbit-card:hover .sun-icon,.orbit-card:hover .rose-seal,.orbit-card:hover .deer-icon,.orbit-card:hover .woodland-icon,.orbit-card:hover .angel-icon,.orbit-card:hover .wave-icon,.orbit-card:hover .neon-icon,.orbit-card:hover .stellar-icon,.orbit-card:hover .bloom-icon,.orbit-card:hover .coming-icon { transform:translateY(-3px) scale(1.035); filter:brightness(1.04); }
}
.card-symbols { margin:0 0 44px; color:#7b3c63; letter-spacing:.25em; font-size:11px; }
.card-number { position:absolute; right:20px; top:18px; font-size:10px; font-weight:900; letter-spacing:.15em; opacity:.54; }
.orbit-card h2 { position:relative; z-index:1; margin:0 0 16px; max-width:145px; font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif; font-size:23px; font-weight:600; line-height:1; letter-spacing:-.035em; }
.card-meta { position:relative; z-index:1; display:flex; gap:7px; flex-wrap:wrap; }
.card-meta span { border:1px solid currentColor; border-radius:999px; padding:6px 9px; font-size:8px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.orbit-card>a { position:relative; z-index:1; display:inline-block; margin-top:25px; padding:8px 10px; margin-left:-10px; border-radius:999px; font-size:9px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; text-decoration:none; transform-origin:center; transition:transform .28s ease,scale .2s cubic-bezier(.22,.8,.25,1),filter .2s ease,background-color .2s ease,box-shadow .2s ease; }
.orbit-card>a::after,.admin-button::after { content:""; display:inline-block; width:9px; height:9px; margin-left:9px; border-top:1.5px solid #fff; border-right:1.5px solid #fff; background:linear-gradient(45deg,transparent 43%,#fff 44% 54%,transparent 55%); filter:drop-shadow(0 1px 3px rgba(0,0,0,.35)); transition:transform .28s ease; }
.orbit-card>a:hover::after,.admin-button:hover::after { transform:translate(2px,-2px); }
.orbit-card>a:active { scale:1.08; filter:brightness(1.16); background:rgba(255,255,255,.16); box-shadow:0 8px 22px rgba(42,8,31,.22); transition-duration:.08s; }
.closed-label,.coming-label { position:relative; z-index:1; display:inline-block; margin-top:25px; font-size:9px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.status-full { border-color:#ffb2cd!important; background:#8e214f!important; color:#fff3f8; }
.status-warning { border-color:#ffd2df!important; background:rgba(91,18,50,.64)!important; color:#fff5f8; }
.coming-soon {
  --glow:#ff9bc5;
  color:#6d2b50;
  border:1px dashed rgba(255,255,255,.82);
  background:
    radial-gradient(circle at 78% 30%,rgba(255,255,255,.7),transparent 25%),
    linear-gradient(145deg,rgba(255,239,247,.96),rgba(246,177,207,.88));
}
.coming-icon { position:absolute; z-index:2; right:19px; top:40px; display:grid; place-items:center; width:78px; height:78px; border-radius:50%; background:rgba(255,255,255,.48); color:#db6597; font-size:28px; box-shadow:0 0 30px rgba(255,126,182,.42); animation:flower-bloom 5s ease-in-out infinite; }
.coming-soon .card-symbols { color:#b74e7b; }
.coming-soon .card-number { color:#9a4269; }
.coming-soon .card-meta span { background:rgba(255,255,255,.35); }
.coming-label { color:#9e3f6c; }

.discord-feature {
  position:absolute;
  z-index:24;
  left:clamp(24px,6vw,100px);
  bottom:28px;
  width:min(560px,45vw);
  min-height:128px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:20px;
  padding:22px 24px;
  border:1px solid rgba(255,255,255,.5);
  border-radius:28px;
  background:
    linear-gradient(105deg,rgba(99,25,68,.82),rgba(183,70,126,.55) 58%,rgba(229,133,177,.3)),
    url("../discord-blossom-background-clean.png") center / cover no-repeat;
  box-shadow:0 22px 60px rgba(87,23,61,.3),inset 0 1px rgba(255,255,255,.58);
  backdrop-filter:blur(18px);
}
.discord-feature-mark { width:150px; height:110px; border-radius:24px; background-color:rgba(255,255,255,.32); background-image:url("../discord-social-hype-logo.png"); background-repeat:no-repeat; background-position:center 48%; background-size:185% auto; box-shadow:0 12px 28px rgba(82,20,57,.3),0 0 0 3px rgba(255,255,255,.28); }
.discord-feature-copy p { margin:0 0 5px; color:#ffc5dd; font-size:8px; font-weight:900; letter-spacing:.18em; text-transform:uppercase; }
.discord-feature-copy h2 { margin:0 0 11px; font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif; font-size:clamp(25px,2.4vw,37px); line-height:.95; letter-spacing:-.045em; text-shadow:0 5px 18px rgba(79,18,52,.28); }
.discord-feature-meta { display:flex; gap:7px; flex-wrap:wrap; }
.discord-feature-meta span { padding:6px 9px; border:1px solid rgba(255,255,255,.55); border-radius:999px; font-size:8px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.discord-feature>a { padding:14px 16px; border-radius:999px; background:#fff5fa; color:#8b2d5b; text-decoration:none; white-space:nowrap; font-size:9px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; box-shadow:0 9px 22px rgba(83,18,54,.2); }
.discord-feature>a b { margin-left:8px; }

.rules-drawer {
  position:relative;
  width:100%;
  margin-top:21px;
  padding:18px 20px;
  border:1px solid rgba(255,255,255,.46);
  border-radius:26px;
  background:linear-gradient(145deg,rgba(115,31,77,.68),rgba(170,55,112,.46));
  box-shadow:0 22px 60px rgba(84,19,57,.23),inset 0 1px rgba(255,255,255,.4);
  backdrop-filter:blur(18px);
}
.rules-heading p { margin:0 0 5px; color:#ffc4dc; font-size:8px; font-weight:900; letter-spacing:.18em; text-transform:uppercase; }
.rules-heading h2 { margin:0; font-size:25px; line-height:1; letter-spacing:-.04em; }
.rules-drawer ul { margin:17px 0 15px; padding:0 0 0 17px; font-size:10px; line-height:1.58; color:rgba(255,255,255,.9); }
.rules-drawer li + li { margin-top:4px; }
.join-note { margin:0; padding-top:14px; border-top:1px solid rgba(255,255,255,.24); color:rgba(255,245,250,.82); font-size:9px; line-height:1.55; }
.join-note strong { color:#fff; }
.rules-heads-up { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:13px; }
.rules-heads-up p { margin:0; padding:12px 13px; border:1px solid rgba(255,255,255,.22); border-radius:15px; background:rgba(255,255,255,.09); color:rgba(255,245,250,.82); font-size:9px; line-height:1.5; }
.rules-heads-up strong,.rules-heads-up span { display:block; }
.rules-heads-up strong { margin-bottom:4px; color:#fff; font-size:9px; }

@media (max-width: 820px) {
  .experience { min-height:600px; }
  .topbar { padding:19px 18px; }
  .sound-note { display:none; }
  .discord-pill { padding:11px 13px; }
  .world { inset:-2%; }
  .world-backdrop { background-position:center; }
  .intro-panel { left:22px; top:84px; width:calc(100vw - 44px); translate:0; }
  h1 { font-size:clamp(43px,13.5vw,62px); }
  .lede { display:none; }
  .orbit-carousel { left:68%; top:67%; }
  .orbit-card { --radius:min(42vw,270px); width:min(64vw,276px); min-height:205px; }
  .card-symbols { margin-bottom:28px; }
  .controls { bottom:22px; }
  .rules-drawer { display:block; width:min(295px,100%); margin-top:14px; padding:12px 13px; border-radius:18px; }
  .rules-heading h2 { font-size:17px; }
  .rules-drawer ul { margin:9px 0; padding-left:14px; font-size:7px; line-height:1.4; }
  .rules-drawer li + li { margin-top:2px; }
  .join-note { padding-top:8px; font-size:7px; line-height:1.35; }
  .discord-feature { left:18px; bottom:18px; width:calc(100vw - 36px); min-height:96px; grid-template-columns:auto 1fr; gap:13px; padding:14px 15px; border-radius:22px; }
  .discord-feature-mark { width:82px; height:64px; border-radius:15px; }
  .discord-feature-copy h2 { font-size:22px; }
  .discord-feature>a { grid-column:1 / -1; justify-self:stretch; text-align:center; padding:11px 14px; }
}

/* Scrollable directory layout */
html,body { min-height:100%; overflow-x:hidden; overflow-y:auto; }
.experience { width:100%; height:auto; min-height:100svh; overflow:hidden; padding-bottom:1px; }
.world { inset:0; }
.light-orbit { display:none; }
.topbar { position:relative; }
.intro-panel { position:relative; left:auto; top:auto; width:min(760px,88vw); margin:54px auto 0; translate:0; text-align:center; }
.intro-panel .lede { margin-left:auto; margin-right:auto; }
.intro-panel .rules-drawer { width:min(680px,100%); margin:26px auto 0; text-align:left; padding:24px 26px; }
.rules-heading { text-align:center; }
.intro-panel .rules-drawer ul { display:grid; grid-template-columns:1fr 1fr; gap:8px 28px; padding-left:18px; font-size:11px; }
.intro-panel .join-note { text-align:center; font-size:10px; }
.admin-note {
  width:min(920px,88vw);
  margin:38px auto 0;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:22px;
  padding:25px 27px;
  border:1px solid rgba(255,255,255,.52);
  border-radius:30px;
  background:linear-gradient(135deg,rgba(255,235,245,.92),rgba(247,176,207,.88));
  color:#632342;
  box-shadow:0 24px 64px rgba(102,28,67,.22),inset 0 1px rgba(255,255,255,.7);
}
.admin-mark { display:grid; place-items:center; width:64px; height:64px; border-radius:21px; background:#9a3d69; color:#fff5fa; font-family:Georgia,serif; font-size:28px; box-shadow:0 12px 25px rgba(102,28,67,.24); }
.admin-kicker { margin:0 0 5px; color:#a54572; font-size:8px; font-weight:900; letter-spacing:.18em; text-transform:uppercase; }
.admin-copy h2 { margin:0; font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif; font-size:clamp(24px,2.5vw,34px); font-weight:600; letter-spacing:-.04em; }
.admin-intro { margin:8px 0 15px; max-width:660px; font-size:11px; line-height:1.55; color:#7c3d5a; }
.admin-steps { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin:0; padding:0; list-style:none; counter-reset:admin-step; }
.admin-steps li { counter-increment:admin-step; position:relative; padding:12px 12px 12px 38px; border-radius:15px; background:rgba(255,255,255,.44); font-size:9px; line-height:1.4; }
.admin-steps li::before { content:counter(admin-step); position:absolute; left:11px; top:11px; display:grid; place-items:center; width:18px; height:18px; border-radius:50%; background:#bd5a86; color:#fff; font-size:8px; font-weight:900; }
.admin-steps strong,.admin-steps span { display:block; }
.admin-steps span { margin-top:3px; color:#81506a; }
.admin-button { padding:14px 16px; border-radius:999px; background:#74284d; color:#fff5fa; text-decoration:none; white-space:nowrap; font-size:9px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.orbit-stage { position:relative; inset:auto; margin:72px auto 0; width:min(1180px,92vw); perspective:none; touch-action:pan-y; }
.list-heading { margin:0 0 24px; }
.list-heading p { margin:0 0 7px; color:#ffd0e3; font-size:9px; font-weight:900; letter-spacing:.18em; text-transform:uppercase; }
.list-heading h2 { margin:0; font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif; font-size:clamp(34px,4vw,54px); font-weight:500; letter-spacing:-.045em; }
.server-heading { width:min(1180px,92vw); margin:62px auto 0; }
.server-heading h2 { margin:0; font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif; font-size:clamp(34px,4vw,54px); font-weight:500; letter-spacing:-.045em; }
.orbit-carousel { position:relative; left:auto; top:auto; width:auto; height:auto; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; transform:none; transform-style:flat; }
.orbit-card { position:relative; left:auto; top:auto; width:100%; min-height:250px; transform:none; }
.discord-feature { position:relative; left:auto; bottom:auto; width:min(860px,92vw); min-height:170px; padding:28px 30px; gap:26px; margin:24px auto 64px; }

@media (max-width:820px) {
  .experience { min-height:100svh; }
  .topbar { position:relative; }
  .intro-panel { left:auto; top:auto; width:calc(100vw - 36px); margin:34px 18px 0; translate:0; }
  h1 { font-size:clamp(43px,13.5vw,62px); }
  .lede { display:block; margin-top:18px; font-size:12px; }
  .rules-drawer { width:100%; margin-top:18px; padding:17px 18px; border-radius:22px; }
  .intro-panel .rules-drawer { width:100%; margin-top:18px; padding:18px; }
  .intro-panel .rules-drawer ul { grid-template-columns:1fr; gap:4px; font-size:9px; }
  .intro-panel .join-note { font-size:8px; }
  .rules-heads-up { grid-template-columns:1fr; gap:8px; margin-top:10px; }
  .rules-heads-up p { padding:10px 11px; font-size:8px; }
  .admin-note { width:calc(100vw - 36px); margin:28px 18px 0; grid-template-columns:auto 1fr; gap:14px; padding:18px; border-radius:24px; }
  .admin-mark { width:48px; height:48px; border-radius:16px; font-size:22px; }
  .admin-copy { grid-column:1 / -1; }
  .admin-copy h2 { font-size:22px; }
  .admin-intro { font-size:10px; }
  .admin-steps { grid-column:1 / -1; grid-template-columns:1fr; gap:8px; }
  .admin-button { grid-column:1 / -1; justify-self:stretch; text-align:center; }
  .rules-heading h2 { font-size:22px; }
  .rules-drawer ul { margin:14px 0; padding-left:16px; font-size:9px; line-height:1.55; }
  .rules-drawer li + li { margin-top:4px; }
  .join-note { padding-top:12px; font-size:8px; line-height:1.5; }
  .orbit-stage { width:calc(100vw - 36px); margin:50px 18px 0; }
  .list-heading { margin-bottom:18px; }
  .server-heading { width:calc(100vw - 36px); margin:44px 18px 0; }
  .orbit-carousel { display:grid; grid-template-columns:1fr; gap:18px; }
  .orbit-card { width:100%; min-height:225px; }
  .discord-feature { left:auto; bottom:auto; width:calc(100vw - 36px); margin:18px 18px 44px; min-height:148px; padding:20px 18px; grid-template-columns:auto 1fr; }
  .discord-feature-mark { width:96px; height:72px; }
}

/* Subtle, polished motion */
@keyframes soft-rise {
  from { opacity:0; transform:translateY(18px); }
  to { opacity:1; transform:translateY(0); }
}
@keyframes logo-float {
  50% { transform:translateY(-4px); box-shadow:0 17px 34px rgba(82,20,57,.32),0 0 0 3px rgba(255,255,255,.34); }
}
@keyframes card-orbit { 0%,100%{translate:0 0} 50%{translate:0 -6px} }
.intro-panel,.admin-note,.list-heading,.server-heading,.discord-feature { animation:soft-rise .8s cubic-bezier(.22,.8,.25,1) both; }
.admin-note { animation-delay:.08s; }
.list-heading { animation-delay:.14s; }
.discord-feature { animation-delay:.22s; }
.orbit-card { animation:soft-rise .72s cubic-bezier(.22,.8,.25,1) both,card-orbit 7.5s ease-in-out 1s infinite; transition:scale .38s cubic-bezier(.22,.8,.25,1),box-shadow .38s ease,filter .38s ease; }
.orbit-card:nth-child(2) { animation-delay:.06s; }
.orbit-card:nth-child(3) { animation-delay:.12s; }
.orbit-card:nth-child(4) { animation-delay:.18s; }
.orbit-card:nth-child(5) { animation-delay:.24s; }
.orbit-card:nth-child(6) { animation-delay:.3s; }
.orbit-card:nth-child(7) { animation-delay:.36s; }
.orbit-card:nth-child(8) { animation-delay:.42s; }
.orbit-card:nth-child(9) { animation-delay:.48s; }
.orbit-card:nth-child(10) { animation-delay:.54s; }
.orbit-card:nth-child(11) { animation-delay:.6s; }
.orbit-card:nth-child(12) { animation-delay:.66s; }
.orbit-card:nth-child(even) { animation-direction:normal,reverse; }
.orbit-card:hover { scale:1.045; filter:saturate(1.06); box-shadow:0 30px 68px rgba(68,15,47,.3); }
.rules-drawer,.admin-note,.discord-feature { transition:scale .38s cubic-bezier(.22,.8,.25,1),box-shadow .38s ease,filter .38s ease; transform-origin:center; }
.rules-drawer:hover,.admin-note:hover,.discord-feature:hover { scale:1.025; filter:saturate(1.035); box-shadow:0 30px 72px rgba(72,16,50,.28),inset 0 1px rgba(255,255,255,.72); }
.orbit-card>a { transition:transform .28s ease,scale .2s cubic-bezier(.22,.8,.25,1),filter .2s ease,background-color .2s ease,box-shadow .2s ease; }
.discord-feature>a,.admin-button { transition:transform .28s ease,box-shadow .28s ease,background-color .28s ease; }
.orbit-card>a:hover,.discord-feature>a:hover,.admin-button:hover { transform:translateY(-2px); box-shadow:0 12px 26px rgba(83,18,54,.25); }
.discord-feature-mark { animation:logo-float 5.5s ease-in-out infinite; }
.all-links-fab {
  position:fixed;
  z-index:120;
  left:50%;
  bottom:max(14px,env(safe-area-inset-bottom));
  translate:-50% 0;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:94px;
  height:38px;
  padding:0 18px;
  border:1px solid rgba(255,255,255,.58);
  border-radius:999px;
  background:rgba(91,31,72,.78);
  color:#fff;
  box-shadow:0 10px 28px rgba(54,12,43,.3),inset 0 1px rgba(255,255,255,.28);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-decoration:none;
  transform-origin:center;
  transition:scale .2s cubic-bezier(.22,.8,.25,1),transform .25s ease,background-color .25s ease,box-shadow .25s ease;
}
.all-links-fab:hover { transform:translateY(-2px); background:rgba(119,43,91,.88); box-shadow:0 14px 32px rgba(54,12,43,.36),inset 0 1px rgba(255,255,255,.32); }
.all-links-fab:active { scale:1.1; background:rgba(145,55,108,.94); transition-duration:.08s; }
.all-links-fab.is-used { opacity:0; transform:translateY(14px); scale:.94; pointer-events:none; transition:opacity 1.35s ease .2s,transform 1.35s ease .2s,scale 1.35s ease .2s; }

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation-duration:.001ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.001ms!important; }
}