:root{--bg:#151515;--panel:#20201f;--panel-2:#292927;--line:#383836;--white:#f5f5f0;--muted:#b5b5ae;--green:#16843d;--bright:#37a655;--yellow:#e8bf32;--pixel:Impact,"Arial Black",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;line-height:1.45}a{color:inherit}img{display:block;max-width:100%}.skip-link{position:absolute;left:-9999px;top:8px;z-index:99;background:white;color:#111;padding:12px}.skip-link:focus{left:8px}.topbar{height:62px;background:#202020;border-bottom:1px solid #373737;position:sticky;top:0;z-index:20}.topbar-inner{max-width:1120px;width:calc(100% - 36px);height:100%;margin:auto;display:grid;grid-template-columns:220px 1fr 120px;align-items:center}.brand,.footer-brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-family:var(--pixel);font-size:17px;letter-spacing:-.02em;color:#f6f6ef;text-shadow:1px 2px #555}.brand img,.footer-brand img{object-fit:contain}.main-nav{display:flex;justify-content:center;align-items:center;gap:30px;height:100%}.main-nav a{height:100%;display:flex;align-items:center;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:.06em;color:#dfdfd8}.main-nav a:hover{color:#83d68f}.join-top{justify-self:end;background:#087e37;border:1px solid #27ad54;color:white;text-decoration:none;padding:8px 13px;font-size:9px;font-weight:950;letter-spacing:.05em}.join-top span,.green-button span{font-size:17px;margin-left:8px;vertical-align:-1px}.menu-toggle{display:none}.hero-section{max-width:1350px;padding:0 25px;margin:0 auto}.hero-frame{height:clamp(410px,42vw,590px);min-height:390px;position:relative;overflow:visible;background:#06152b}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 44%;transition:opacity .25s ease,transform .2s;transform:scale(1.015);will-change:transform}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#060b17c4 0%,#060b1726 43%,transparent 70%),linear-gradient(0deg,#090a0acc,transparent 32%)}.hero-logo{position:absolute;width:clamp(85px,10vw,132px);height:auto;left:50%;top:45%;transform:translate(-50%,-50%);z-index:2;filter:drop-shadow(0 5px 20px #000c);pointer-events:none}.hero-panel{position:absolute;z-index:4;left:24%;bottom:-38px;width:300px;min-height:215px;padding:22px 23px 20px;background:#181817;box-shadow:0 9px 30px #0005;border-top:3px solid var(--green)}.panel-kicker{font-size:9px;letter-spacing:.13em;color:#a5c6a3;font-weight:900;margin:0 0 10px}.hero-panel h1{font-family:var(--pixel);font-size:25px;line-height:1.05;text-transform:uppercase;letter-spacing:.01em;margin:0 0 12px;text-shadow:2px 2px #000}.hero-panel>p:not(.panel-kicker){font-size:11px;color:#d2d2cb;line-height:1.6;margin:0 0 16px}.green-button{display:inline-block;padding:10px 13px;background:#087e37;color:white;text-decoration:none;border:1px solid #21984a;font-size:9px;line-height:1.1;font-weight:950;letter-spacing:.04em;transition:background .15s}.green-button:hover,.join-top:hover{background:#0b9845}.hero-creditline{position:absolute;right:18px;bottom:14px;margin:0;color:#e7e7e2;font-size:8px;letter-spacing:.13em;font-weight:800;text-shadow:0 1px 4px black}.hero-thumbnails{height:90px;display:flex;align-items:flex-start;justify-content:center;gap:13px;padding:15px 0 0 250px}.thumb{position:relative;width:124px;height:68px;padding:0;border:1px solid #282828;background:#0d0d0d;overflow:hidden;cursor:pointer;transition:border-color .2s,transform .2s}.thumb:hover{transform:translateY(-2px)}.thumb.active{border:2px solid #53bb6e}.thumb>img:first-child{width:100%;height:100%;object-fit:cover;filter:brightness(.8)}.thumb-logo{position:absolute;left:50%;top:50%;width:31px;height:31px;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 4px #000)}.server-bar{max-width:1120px;margin:16px auto 0;padding:18px 20px;background:#20201f;border-left:4px solid #747671;display:grid;grid-template-columns:205px 1fr auto;align-items:center;gap:18px;color:#c4c4bd}.server-status{display:flex;align-items:center;gap:8px}.status-dot{width:9px;height:9px;background:#777;border-radius:50%;box-shadow:0 0 0 3px #7773}.server-label{font-size:9px;color:#aaa;font-weight:850;letter-spacing:.11em}.server-status strong{font-size:10px;letter-spacing:.08em;color:#999;border:1px solid #5d5e5a;padding:5px 7px}.server-bar>p{font-size:11px;margin:0;color:#b3b3ad}.server-bar>a{font-size:9px;color:#a9d9ae;text-decoration:none;font-weight:900;white-space:nowrap}.discover{max-width:1120px;margin:0 auto;padding:36px 0 66px}.section-title{text-align:center;margin:6px 0 23px}.section-kicker{font-size:9px;letter-spacing:.17em;color:#b0b0a9;font-weight:850;margin:0 0 7px}.section-title h2{font-family:var(--pixel);font-size:clamp(23px,3vw,34px);letter-spacing:.01em;line-height:1.1;margin:0 0 8px;text-shadow:2px 2px #41413e}.section-title>p:last-child{font-size:11px;color:#b5b5ae;margin:0}.realm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.realm-card{position:relative;display:block;aspect-ratio:1.45;min-height:185px;overflow:hidden;background:#272727;color:white;text-decoration:none;isolation:isolate;transform-style:preserve-3d;perspective:700px;box-shadow:0 3px 10px #0008;transition:transform .26s cubic-bezier(.2,.7,.2,1),box-shadow .26s,border-color .2s;border:1px solid #343432}.realm-card:hover{transform:translateY(-4px) rotateX(1deg);box-shadow:0 14px 24px #0009;border-color:#777}.card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:translateY(var(--scroll-shift,0px)) scale(1.04);transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .25s;filter:saturate(.9)}.realm-card:hover .card-image{transform:translateY(var(--scroll-shift,0px)) scale(1.11);filter:saturate(1.08)}.card-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#080908ec 0%,#08090866 38%,#08090812 78%)}.card-logo{position:absolute;left:50%;top:43%;width:clamp(64px,7vw,94px);height:auto;max-height:38%;object-fit:contain;z-index:2;transform:translate(-50%,-50%) translateZ(46px);filter:drop-shadow(0 4px 10px #000b);transition:transform .35s}.realm-card:hover .card-logo{transform:translate(-50%,-54%) translateZ(75px) scale(1.08)}.card-copy{position:absolute;z-index:3;left:15px;right:13px;bottom:14px;display:flex;flex-direction:column;align-items:flex-start;transform:translateZ(35px)}.card-copy small{font-size:8px;letter-spacing:.13em;color:#dfdfd8;font-weight:850}.card-copy strong{font-family:var(--pixel);font-size:clamp(16px,1.6vw,22px);line-height:1.05;margin:4px 0 7px;text-shadow:2px 2px #000;letter-spacing:.005em}.card-copy em{font-size:8px;font-weight:900;color:#bde7c5;font-style:normal;letter-spacing:.06em}.card-copy b{font-size:15px;padding-left:5px}.server-card{filter:grayscale(1);opacity:.56;cursor:default}.server-card:hover{transform:none;box-shadow:0 3px 10px #0008;border-color:#343432}.server-card .card-image{filter:grayscale(1) brightness(.65)}.server-card .card-copy em{color:#c3c3be}.voxel{position:absolute;right:15px;top:14px;width:22px;height:22px;background:#69c8d2;z-index:2;transform:rotate(28deg) skew(-8deg);box-shadow:4px 4px 0 #235f78,8px 8px 0 #102e45;opacity:.85}.voxel-green{background:#8fbb58;box-shadow:4px 4px 0 #48663e,8px 8px 0 #283e27}.voxel-gold{background:#f3ce57;box-shadow:4px 4px 0 #96602e,8px 8px 0 #543819}.voxel-purple{background:#9c72bb;box-shadow:4px 4px 0 #5e3b78,8px 8px 0 #342444}.discord-footer-cta{border-top:1px solid #353533;background:#1e1e1d;padding:24px;display:flex;justify-content:center;align-items:center;gap:24px}.discord-footer-cta>p{font-family:var(--pixel);font-size:13px;margin:0;letter-spacing:.03em}.site-footer{max-width:1120px;margin:auto;padding:24px 0 28px;display:grid;grid-template-columns:190px 1fr;gap:11px 22px;align-items:center}.footer-brand{font-size:13px}.site-footer>p{font-size:10px;color:#aaa;margin:0}.site-footer>small{grid-column:1/-1;padding-top:11px;border-top:1px solid #343432;font-size:9px;color:#8f8f88}.site-footer>small a{color:#a9d9ae}.reveal-ready [data-reveal]{opacity:0;transform:translateY(28px) rotateX(5deg) scale(.985);transition:opacity .65s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal-ready [data-reveal].is-visible{opacity:1;transform:translateY(0) rotateX(0) scale(1)}.realm-card:focus-visible,.thumb:focus-visible,.main-nav a:focus-visible,.join-top:focus-visible,.green-button:focus-visible{outline:3px solid #a9e5a9;outline-offset:3px}@media(max-width:1180px){.server-bar,.discover,.site-footer{margin-left:24px;margin-right:24px}.hero-panel{left:18%}.topbar-inner{grid-template-columns:190px 1fr 108px}.main-nav{gap:21px}}@media(max-width:760px){.topbar{height:58px}.topbar-inner{width:calc(100% - 28px);grid-template-columns:1fr auto auto;gap:13px}.brand{font-size:15px}.brand img{width:30px;height:30px}.menu-toggle{display:block;justify-self:end;background:transparent;border:1px solid #60605d;color:#eee;padding:8px 9px;font-size:9px;font-weight:900}.main-nav{display:none;position:absolute;top:58px;left:0;right:0;height:auto;background:#202020;border-bottom:2px solid #16843d;flex-direction:column;align-items:stretch;gap:0;padding:8px 18px 13px}.main-nav.open{display:flex}.main-nav a{height:auto;padding:13px 4px;border-bottom:1px solid #383836}.join-top{padding:9px;font-size:8px}.hero-section{padding:0 12px}.hero-frame{height:520px;min-height:0}.hero-image{object-position:53% center}.hero-overlay{background:linear-gradient(0deg,#08090ce0 0%,#08090c30 70%)}.hero-logo{width:94px;top:34%}.hero-panel{left:18px;bottom:-24px;width:min(300px,calc(100% - 36px));min-height:0;padding:17px 18px 16px}.hero-panel h1{font-size:22px}.hero-panel>p:not(.panel-kicker){font-size:10px;margin-bottom:12px}.green-button{font-size:8px;padding:9px 10px}.hero-thumbnails{height:77px;padding:34px 0 0;gap:8px}.thumb{width:94px;height:48px}.thumb-logo{width:24px;height:24px}.hero-creditline{right:8px;bottom:8px;font-size:6px}.server-bar{margin:12px 12px 0;padding:13px;grid-template-columns:1fr;gap:9px}.server-status{gap:7px}.server-bar>p{font-size:10px}.server-bar>a{font-size:8px}.discover{margin:0;padding:30px 14px 45px}.section-title{margin:4px 0 18px}.section-title h2{font-size:24px}.realm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.realm-card{aspect-ratio:1.05;min-height:145px}.card-copy{left:10px;right:8px;bottom:10px}.card-copy small{font-size:6px}.card-copy strong{font-size:clamp(13px,3vw,17px)}.card-copy em{font-size:6px}.card-logo{width:clamp(52px,14vw,70px)}.voxel{width:15px;height:15px;right:10px;top:9px;box-shadow:3px 3px 0 #235f78,6px 6px 0 #102e45}.voxel-green{box-shadow:3px 3px 0 #48663e,6px 6px 0 #283e27}.voxel-gold{box-shadow:3px 3px 0 #96602e,6px 6px 0 #543819}.voxel-purple{box-shadow:3px 3px 0 #5e3b78,6px 6px 0 #342444}.discord-footer-cta{padding:19px 13px;gap:12px;flex-direction:column;text-align:center}.discord-footer-cta>p{font-size:10px}.site-footer{margin:0 14px;padding:19px 0 23px;grid-template-columns:1fr;gap:10px}.site-footer>small{grid-column:auto}}@media(max-width:390px){.hero-frame{height:490px}.hero-panel{left:13px;width:calc(100% - 26px)}.realm-grid{grid-template-columns:1fr}.realm-card{aspect-ratio:1.5;min-height:170px}.card-copy strong{font-size:19px}.card-copy small,.card-copy em{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}.reveal-ready [data-reveal]{opacity:1;transform:none}}
 .hero-image{transform:translateY(var(--scroll-shift,0px)) scale(1.035)}
/* Keep the featured game scene visible beneath the copy. */
.hero-overlay{background:linear-gradient(90deg,rgba(5,9,16,.54) 0%,rgba(5,9,16,.24) 32%,rgba(5,9,16,.06) 62%,transparent 76%),linear-gradient(0deg,rgba(5,8,12,.27),transparent 38%)}
.hero-image{filter:brightness(1.13) saturate(1.08)}


/* Smart Realm — golden glow layer. Load AFTER styles.css */
:root{
  --gold:#ffc83d;
  --gold-soft:rgba(255,200,61,.55);
  --gold-deep:rgba(255,150,20,.35);
}

/* Drifting golden ambient light over the whole page (blend = only brightens, never hides content) */
body::before,
body::after{
  content:"";
  position:fixed;
  inset:-20vmax;
  pointer-events:none;
  z-index:1;
  mix-blend-mode:screen;
  will-change:transform;
}
body::before{
  background:
    radial-gradient(40vmax 40vmax at 15% 20%, rgba(255,200,61,.20), transparent 70%),
    radial-gradient(35vmax 35vmax at 85% 30%, rgba(255,150,20,.16), transparent 70%),
    radial-gradient(45vmax 45vmax at 50% 95%, rgba(255,215,100,.14), transparent 70%);
  animation:glow-drift 22s ease-in-out infinite alternate;
}
body::after{
  background:
    radial-gradient(30vmax 30vmax at 75% 75%, rgba(255,190,50,.12), transparent 70%),
    radial-gradient(28vmax 28vmax at 25% 65%, rgba(255,170,30,.10), transparent 70%);
  animation:glow-drift 30s ease-in-out infinite alternate-reverse;
}
@keyframes glow-drift{
  0%  {transform:translate3d(-3%,-2%,0) scale(1);    opacity:.75}
  50% {transform:translate3d(3%,2%,0)   scale(1.08); opacity:1}
  100%{transform:translate3d(-2%,4%,0)  scale(1.02); opacity:.8}
}

/* Cursor-following glow (element is created by script.js, desktop only) */
.cursor-glow{
  position:fixed;left:0;top:0;width:520px;height:520px;margin:-260px 0 0 -260px;
  border-radius:50%;pointer-events:none;z-index:2;mix-blend-mode:screen;
  background:radial-gradient(circle,rgba(255,200,61,.18) 0%,rgba(255,170,30,.08) 35%,transparent 68%);
  transform:translate3d(var(--mx,-999px),var(--my,-999px),0);
  opacity:0;transition:opacity .4s ease;will-change:transform;
}
.cursor-glow.on{opacity:1}

/* Golden accents (only adds shadows/colors — existing hover motion is untouched) */
.topbar{border-bottom-color:rgba(255,200,61,.28);box-shadow:0 1px 24px rgba(255,180,40,.10)}
.brand img,.footer-brand img{filter:drop-shadow(0 0 8px var(--gold-soft))}
.hero-logo{filter:drop-shadow(0 0 18px var(--gold-soft)) drop-shadow(0 0 42px var(--gold-deep)) drop-shadow(0 5px 20px #000c)}
.hero-panel{border-top-color:var(--yellow);box-shadow:0 9px 30px #0005,0 0 0 1px rgba(255,200,61,.20),0 0 44px rgba(255,180,40,.16)}
.panel-kicker,.section-kicker{color:#f0d37a}
.section-title h2{text-shadow:2px 2px #41413e,0 0 24px rgba(255,200,61,.40)}
.main-nav a:hover{color:var(--gold);text-shadow:0 0 12px var(--gold-soft)}

.green-button,.join-top{transition:background .15s,box-shadow .25s ease}
.green-button:hover,.join-top:hover{box-shadow:0 0 0 1px rgba(255,200,61,.55),0 0 22px var(--gold-soft),0 0 54px var(--gold-deep)}

.realm-card:not(.server-card):hover,
.realm-card:not(.server-card):focus-visible{
  border-color:rgba(255,200,61,.7);
  box-shadow:0 14px 24px #0009,0 0 0 1px rgba(255,200,61,.45),0 0 38px rgba(255,190,50,.30),0 0 70px rgba(255,200,61,.16);
}
.realm-card:not(.server-card) .card-logo{filter:drop-shadow(0 0 12px rgba(255,200,61,.45)) drop-shadow(0 4px 10px #000b)}

.thumb.active{border-color:var(--yellow);box-shadow:0 0 18px var(--gold-soft)}
.thumb:hover{border-color:rgba(255,200,61,.6)}

.server-bar{border-left-color:var(--yellow);box-shadow:0 0 30px rgba(255,180,40,.08)}
.status-dot{background:var(--gold);box-shadow:0 0 0 3px rgba(255,200,61,.25),0 0 14px var(--gold)}
.server-status strong{color:var(--gold);border-color:rgba(255,200,61,.5)}
.server-bar>a{color:#f0d37a}

.discord-footer-cta{border-top-color:rgba(255,200,61,.35);box-shadow:0 -10px 40px rgba(255,180,40,.08)}
.site-footer>small{border-top-color:rgba(255,200,61,.2)}
.site-footer>small a{color:#f0d37a}

.realm-card:focus-visible,.thumb:focus-visible,.main-nav a:focus-visible,.join-top:focus-visible,.green-button:focus-visible{outline-color:var(--gold)}

@media (prefers-reduced-motion:reduce){
  body::before,body::after{animation:none}
  .cursor-glow{display:none}
}