/* Native game characters on separate planes; reading and controls stay in front. */
:root{--pointer-x:0;--pointer-y:0;--depth-scroll:0}
#realm-atmosphere{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:clip;isolation:isolate;background:radial-gradient(ellipse at 0 45%,#1b45571c,transparent 45%),radial-gradient(ellipse at 100% 60%,#763b1717,transparent 45%)}
#main,#footer{position:relative;z-index:1}
.realm-character{position:absolute;bottom:0;pointer-events:none;transform-origin:50% 80%;will-change:transform}
.realm-character img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 15px 22px #0009);user-select:none}
#realm-atmosphere .realm-character{height:min(78vh,880px);width:440px;opacity:.25;mask-image:linear-gradient(to bottom,transparent,black 20%,black 70%,transparent)}
#realm-atmosphere .realm-character-left{left:-115px;transform:translate3d(calc(var(--pointer-x)*-8px),calc(var(--pointer-y)*-5px),0)}
#realm-atmosphere .realm-character-right{right:-115px;transform:translate3d(calc(var(--pointer-x)*8px),calc(var(--pointer-y)*5px),0)}
#realm-atmosphere[data-scene=home] .realm-character,#realm-atmosphere[data-scene=quiet]{display:none}
.hero{perspective:1500px;background:#0b1014;min-height:900px}
.hero-poster,.hero-video{transform:scale(1.035) translate3d(calc(var(--pointer-x)*-3px),calc(var(--pointer-y)*-2px),0);transform-origin:center;object-position:center 40%}
.hero:after{background:linear-gradient(180deg,#05090c3b 12%,#07101650 35%,#080b0e91 72%,#0c0d0e 100%),radial-gradient(ellipse at 50% 47%,#04060975,transparent 65%)}
.hero-depth{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;perspective:1400px;isolation:isolate}
.hero-depth:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 8% 58%,#5bafd326,transparent 34%),radial-gradient(ellipse at 92% 60%,#fa9d3325,transparent 35%);mix-blend-mode:screen}
.hero-depth .realm-character{height:680px;width:460px;bottom:45px;opacity:.97;mask-image:linear-gradient(to bottom,#000 75%,transparent 100%)}
.hero-depth .realm-character-left{left:calc(50% - 770px);transform:translate3d(calc(var(--pointer-x)*-14px),calc(var(--pointer-y)*-8px + var(--depth-scroll)*26px),35px) rotateY(calc(var(--pointer-x)*1.4deg));filter:drop-shadow(8px -2px 25px #518eaf30)}
.hero-depth .realm-character-right{right:calc(50% - 770px);transform:translate3d(calc(var(--pointer-x)*12px),calc(var(--pointer-y)*7px + var(--depth-scroll)*18px),50px) rotateY(calc(var(--pointer-x)*-1.3deg));filter:drop-shadow(-8px -2px 25px #f3ae4830)}
.hero-depth .realm-character img{filter:drop-shadow(0 14px 18px #000b);animation:realm-character-breathe 8s ease-in-out infinite alternate}
.hero-depth .realm-character-right img{animation-delay:-4s}
.hero-halo{position:absolute;left:50%;top:49%;width:770px;aspect-ratio:1;border:1px solid #e0c59616;border-radius:50%;transform:translate(-50%,-50%) rotateX(12deg);box-shadow:0 0 80px #c29c4020,inset 0 0 80px #c29c4012;background:radial-gradient(circle,transparent 54%,#c6a87505 57%,transparent 64%)}
.hero-halo:before,.hero-halo:after{content:'';position:absolute;border:1px solid #d7b27013;border-radius:50%;inset:18px}
.hero-halo:after{inset:70px;border-style:dashed;opacity:.5}
.hero-mist{position:absolute;left:-20%;right:-20%;bottom:-110px;height:360px;background:radial-gradient(ellipse at 18% 60%,#55829122,transparent 42%),radial-gradient(ellipse at 77% 55%,#bf925820,transparent 43%);filter:blur(24px);animation:realm-mist 16s ease-in-out infinite alternate;transform:translate3d(calc(var(--pointer-x)*6px),0,0)}
.realm-embers{position:absolute;inset:0;overflow:hidden;mask-image:linear-gradient(transparent 12%,#000 42%,#000 80%,transparent)}
.realm-embers i{position:absolute;left:var(--ember-x);bottom:8%;width:3px;height:3px;border-radius:50%;background:#dcb881;box-shadow:0 0 8px #f8c271aa;opacity:0;animation:realm-ember var(--ember-duration) linear var(--ember-delay) infinite}
.hero-content{position:relative;z-index:2;max-width:960px;width:min(100%,960px);padding-top:194px;padding-bottom:153px}
.hero h1{font-size:clamp(62px,7.4vw,103px);text-shadow:0 4px 25px #000c}
.hero h1 .hero-title-main{text-shadow:0 1px 0 #f1dbb5,0 3px 0 #87623a,0 5px 0 #3c291b,0 10px 24px #000b,0 0 65px #ca9d482d}
.hero-desc{color:#e0ded7;text-shadow:0 2px 8px #000,0 0 20px #000}
.hero-bottom{z-index:3}
.hero-actions .btn-gold{box-shadow:inset 0 0 0 3px #19151022,0 7px 0 #46321d,0 13px 28px #0007}
.hero-actions .btn-gold:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 3px #19151022,0 9px 0 #46321d,0 15px 35px #c9943b22}
.hero-actions .btn-gold:active{transform:translateY(3px);box-shadow:inset 0 0 0 3px #19151022,0 3px 0 #46321d,0 8px 20px #0007}
.home-news-carousel{box-shadow:0 4px 0 #070a09,0 18px 48px #0006;border-top-color:#dab97a65}
.latest-systems .system-card{box-shadow:0 5px 0 #070a0933,0 14px 35px #0002;transition:box-shadow .25s,border-color .25s,background .25s,translate .25s}
.latest-systems .system-card:hover{translate:0 -4px;box-shadow:0 7px 0 #070a0955,0 20px 40px #0004;border-color:#c5a77778}
.realm-motion-toggle{position:fixed;right:22px;bottom:20px;z-index:25;display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid #c6a77155;background:#0b1014e6;backdrop-filter:blur(8px);color:#d2bd93;font:500 12px/1.5 var(--font);max-width:260px;text-align:left;box-shadow:0 5px 25px #0005}
.realm-motion-toggle:before{content:'';width:6px;height:6px;flex:none;border-radius:50%;background:#d3af68;box-shadow:0 0 8px #d3af6877}
.realm-motion-toggle[aria-pressed=false]:before{background:#838b8d;box-shadow:none}
.realm-motion-toggle[hidden]{display:none}
html[data-realm-motion=off] .hero-depth *{animation-play-state:paused!important}
@keyframes realm-character-breathe{from{transform:translateY(0)}to{transform:translateY(-8px)}}
@keyframes realm-mist{from{translate:-2% 0;opacity:.6}to{translate:2% -12px;opacity:1}}
@keyframes realm-ember{0%{transform:translate3d(0,0,0);opacity:0}15%{opacity:.55}75%{opacity:.3}100%{transform:translate3d(28px,-390px,0);opacity:0}}
@media(min-width:1800px){.hero-depth .realm-character{height:755px;width:520px;bottom:28px}.hero-depth .realm-character-left{left:calc(50% - 880px)}.hero-depth .realm-character-right{right:calc(50% - 880px)}.hero{min-height:950px}}
@media(max-width:1550px){#realm-atmosphere .realm-character{display:none}.hero-depth .realm-character{height:615px;width:390px;bottom:62px}.hero-depth .realm-character-left{left:-72px}.hero-depth .realm-character-right{right:-72px}}
@media(max-width:1200px){.hero-depth .realm-character{height:550px;width:350px;bottom:100px;opacity:.65}.hero-depth .realm-character-left{left:-105px}.hero-depth .realm-character-right{right:-105px}.hero-content{max-width:810px}.hero-desc{max-width:470px}.hero{min-height:880px}}
@media(max-width:980px){.hero{min-height:850px}.hero-depth .realm-character{height:440px;width:270px;opacity:.4;bottom:140px}.hero-depth .realm-character-left{left:-110px}.hero-depth .realm-character-right{right:-110px}.hero-content{padding:164px 32px 145px}.hero h1{font-size:clamp(60px,10vw,86px)}.realm-motion-toggle{display:none}}
@media(max-width:640px){.hero{min-height:830px}.hero-depth .realm-character{display:none}.hero-halo{width:520px;opacity:.7}.hero-content{padding:198px 22px 128px}.hero h1{font-size:clamp(48px,11vw,65px)}.hero-desc{font-size:15px;line-height:1.8}.hero-mist{height:250px;opacity:.5}.realm-embers i:nth-child(n+6){display:none}.hero-actions .btn-gold{box-shadow:inset 0 0 0 3px #19151022,0 4px 0 #46321d,0 9px 20px #0007}.latest-systems .system-card:hover{translate:none}}
@media(prefers-reduced-motion:reduce){.hero-depth *{animation:none!important}.realm-character,.hero-video,.hero-poster{transform:none!important}.latest-systems .system-card:hover{translate:none}.hero-actions .btn-gold:hover,.hero-actions .btn-gold:active{transform:none}}
.guide-collection-index{padding:35px 0 10px;margin-bottom:38px}
.guide-collection-index>.eyebrow{margin-bottom:13px}
.guide-collection-index>h2{font-family:var(--display);font-size:clamp(24px,3vw,36px);line-height:1.4;margin-bottom:27px;color:#e5d4b0}
.guide-collection-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.guide-collection-tile{min-width:0;position:relative;border:1px solid #c6a66e42;background:linear-gradient(135deg,#c5a26209,#17232445);box-shadow:0 6px 0 #070a0930;transition:border-color .2s,translate .2s;overflow:hidden;padding:0 20px 20px}
.guide-collection-tile:hover{translate:0 -3px;border-color:#d0b0769e}
.guide-collection-art{height:195px;display:grid;place-items:center;background:radial-gradient(ellipse at center,#b5a57918,transparent 70%);margin:0 -20px 18px;border-bottom:1px solid #c6a66e1f}
.guide-collection-image{width:100%;height:100%;object-fit:contain;max-height:195px;padding:13px;filter:drop-shadow(0 8px 12px #0007)}
.guide-collection-tile h3{font:600 24px/1.35 var(--heading);color:#e2d5bb;max-width:calc(100% - 25px)}
.guide-collection-tile>.icon{position:absolute;right:17px;bottom:25px;width:17px;height:17px;color:#b99b68}
@media(max-width:980px){.guide-collection-links{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-collection-art{height:170px}.guide-collection-image{max-height:170px}}
@media(max-width:640px){.guide-collection-links{gap:12px}.guide-collection-tile{padding:0 14px 17px}.guide-collection-art{height:150px;margin:0 -14px 14px}.guide-collection-image{max-height:150px;padding:10px}.guide-collection-tile h3{font-size:21px;max-width:100%}.guide-collection-tile>.icon{display:none}.guide-collection-index{padding-top:25px;margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){.guide-collection-tile{transition:none}.guide-collection-tile:hover{translate:none}}