@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#000000;--text:#F9F9F9;--muted:#A7A7A7;--orange:#F16001;--border:#64646438;font:16px/1.5 Manrope,Arial,sans-serif;color:var(--text);background:var(--bg);scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 30% 13%,#33333337,transparent 28%),radial-gradient(ellipse at 95% 2%,#33333328,transparent 22%),var(--bg)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible{outline:2px solid #D9C3AB;outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h2{font-size:clamp(25px,2.6vw,38px);line-height:1.14;letter-spacing:-.8px;font-weight:800}h3{font-size:22px;font-weight:800;line-height:1.2}::selection{background:#E85002;color:#F9F9F9}.icon-defs,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.skip{position:fixed;z-index:50;top:-60px;left:20px;background:#F16001;color:#000000;padding:12px}.skip:focus{top:10px}.sidebar{position:fixed;left:26px;top:60px;width:76px;height:570px;z-index:10;border:1px solid #64646475;border-radius:27px;background:linear-gradient(145deg,#333333d9,#000000e8);box-shadow:inset 0 1px 0 #A7A7A766,inset 0 -1px 0 #F160015c;backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center}.side-logo{width:54px;padding:13px 3px 21px;border-bottom:1px solid #64646442;margin-bottom:18px}.side-logo img{width:43px;height:43px;object-fit:contain}.sidebar nav{width:100%;display:flex;flex-direction:column;gap:19px}.nav-item{background:transparent;border:0;color:#A7A7A7;display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 0;font-size:11px;font-weight:700}.nav-item svg{width:29px;height:29px;stroke-width:2}.nav-item.active,.nav-item:hover{color:#D9C3AB}.nav-item.active svg{filter:drop-shadow(0 0 5px #F160014a)}.page{max-width:1500px;margin:0 auto;padding:44px 56px 35px 160px}.hero{scroll-margin-top:30px}.hero-grid{display:grid;grid-template-columns:1.94fr 1fr;gap:20px;align-items:end}.hero-main{position:relative;min-width:0}.hero-render{width:100%;height:auto}.online{position:absolute;left:0;top:18.5%;height:11.7%;width:23.3%;background:linear-gradient(130deg,#333333,#333333);border-radius:16px;display:flex;align-items:center;justify-content:space-between;padding:0 8% 0 8%;padding-left:2%;padding-right:1.9%;gap:8px;font-size:clamp(12px,1.5vw,22px);font-weight:800;color:#D9C3AB}.online strong{padding:0 10px;background:#333333;border-radius:10px;min-width:35%;text-align:center;color:#A7A7A7}.hero-description{position:absolute;left:4.7%;top:64%;color:#F9F9F9;font-size:clamp(12px,1vw,15px);line-height:1.5;max-width:48%;text-shadow:0 1px 5px #000000}.play-button{position:absolute;left:4.65%;top:78.5%;width:23.6%;height:12.1%;font-weight:800;font-size:clamp(14px,1.6vw,23px);color:#F9F9F9;border-radius:17px;background:linear-gradient(160deg,#F16001,#F16001 58%,#E85002);border:1px solid #D9C3ABbd;box-shadow:inset 0 1px 6px #D9C3AB55,0 4px 28px #F1600122}.play-button:hover{box-shadow:inset 0 1px 6px #D9C3AB88,0 4px 30px #F1600166;transform:translateY(-2px)}.hero-small{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end;padding-bottom:1px}.render-card{background:none;padding:0;display:block;position:relative}.render-card img{width:100%;height:auto}.render-card:hover{transform:translateY(-3px)}.unusual-card{grid-column:span 2}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding:23px 5px 0}.server-address{padding:10px 13px;background:#33333370;border:1px solid #64646442;display:flex;align-items:center;gap:10px;border-radius:10px;font-size:14px;color:#D9C3AB}.server-address svg{width:17px;height:17px}.server-address small{font-size:11px;color:#A7A7A7;margin-left:12px}.server-address:hover{background:#333333}.next-section{font-size:12px;color:#A7A7A7;display:flex;gap:25px;align-items:center}.next-section span{font-size:20px}.section{margin-top:120px;scroll-margin-top:55px}.world-section{position:relative;padding-top:38px;background:url('assets/scene-background.webp') center top/100% auto no-repeat}.world-top{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:center}.world-copy{position:relative;padding-top:30px}.world-copy h2{position:relative;text-shadow:0 2px 12px #00000066}.world-copy p{position:relative;margin-top:22px;max-width:600px;color:#D9C3AB;font-size:17px;line-height:1.55}.lobby-card{position:relative;align-self:end}.lobby-card img{width:100%;height:auto}.world-lines{height:76px;position:relative;margin:0 0 -10px}.root-line{position:absolute;right:18.8%;top:0;height:28px;border-left:2px dashed #646464}.branch-line{position:absolute;left:16%;right:16%;top:27px;border-top:2px dashed #646464}.world-lines i{position:absolute;top:27px;height:43px;border-left:2px dashed #646464}.world-lines i:after{content:'';position:absolute;bottom:0;left:-6px;width:10px;height:10px;border-bottom:2px solid #646464;border-right:2px solid #646464;transform:rotate(45deg)}.world-lines i:nth-of-type(1){left:16%}.world-lines i:nth-of-type(2){left:50%}.world-lines i:nth-of-type(3){left:84%}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;position:relative;z-index:1}.world-grid img{width:100%;height:auto}.world-watermark{color:transparent;-webkit-text-stroke:1px #6464641c;font-size:clamp(42px,6vw,91px);font-weight:800;letter-spacing:9px;margin-top:-7px;white-space:nowrap;line-height:1;overflow:hidden}.features{margin-top:89px}.feature-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:23px}.feature-heading h2{font-size:26px;letter-spacing:0}.feature-heading p{font-size:14px;line-height:1.55;margin-top:11px;color:#A7A7A7}.number{min-width:35px;height:35px;border-radius:11px;background:linear-gradient(145deg,#E85002,#E85002);color:#D9C3AB;display:grid;place-items:center;font-size:12px;margin-top:2px}.panorama{border:1px solid #64646442;padding:0;display:block;width:100%;height:325px;position:relative;overflow:hidden;border-radius:28px;background:#333333}.panorama img{width:100%;height:100%;object-fit:cover;object-position:center 52%;transition:transform .65s var(--ease-soft)}.panorama:hover img{transform:scale(1.025)}.panorama span{position:absolute;bottom:15px;right:17px;padding:8px 14px;background:#000000bf;border:1px solid #D9C3AB35;border-radius:8px;backdrop-filter:blur(7px);font-size:12px}.feature-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:28px;margin-top:47px}.feature-image{display:block;width:100%;height:240px;border-radius:23px;border:1px solid #64646433;overflow:hidden;background:#333333;padding:0}.feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease-soft)}.feature-image:hover img{transform:scale(1.035)}.feature-image.tall{height:547px}.feature-stack{display:flex;flex-direction:column;gap:33px}.feature-stack .feature-heading{margin-bottom:17px}.feature-stack .feature-image{height:208px}.item-art{background:linear-gradient(130deg,#333333,#000000)}.item-art img{object-fit:contain;width:100%;padding:0 8px}.gallery-section{margin-top:100px}.section-label{position:relative;min-height:95px;display:flex;align-items:center;margin-bottom:22px}.section-label>span{position:absolute;left:0;top:0;color:#64646435;font-size:clamp(50px,6.2vw,90px);font-weight:800;line-height:1;letter-spacing:1px}.section-label h2{position:relative;font-size:25px;text-shadow:0 0 25px #F16001ad,0 0 8px #F1600175;line-height:1.15}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px 29px}.gallery-card{padding:0;border-radius:13px;background:#333333;border:1px solid #64646436;text-align:left;overflow:hidden;transition:transform .42s var(--ease-soft),box-shadow .42s var(--ease-soft),border-color .35s var(--ease-soft)}.gallery-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #00000055}.gallery-card>img{width:100%;aspect-ratio:16/9;object-fit:cover}.gallery-card>span{position:relative;display:flex;flex-direction:column;padding:16px 19px;gap:4px}.gallery-card strong{font-size:14px;font-weight:700}.gallery-card small{font-size:12px;color:#A7A7A7}.gallery-card svg{position:absolute;right:19px;top:21px;width:20px;height:20px;color:#A7A7A7}.quiet-button{padding:11px 21px;border:1px solid #64646431;background:#333333;border-radius:11px;font-size:13px;color:#F9F9F9}.quiet-button:hover{background:#333333}.gallery-more{display:block;margin:28px auto 0}footer{margin-top:95px;display:flex;align-items:center;gap:23px;border-radius:23px;padding:25px;background:linear-gradient(125deg,#333333d9,#333333);border:1px solid #64646423}.footer-logo{width:82px;flex:0 0 82px;opacity:.6}.footer-logo img{width:70px;height:70px;object-fit:contain}.footer-main{flex:1;min-width:0}.footer-top{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:12px 15px;border-radius:10px;background:#333333}.footer-top>button{background:none;font-size:12px;padding:0;display:flex;align-items:center;gap:5px;flex-wrap:wrap;color:#D9C3AB}.footer-top>button strong{color:#F9F9F9}.footer-top svg{width:16px;height:16px;margin-left:9px}.footer-top nav{display:flex;gap:14px;font-size:11px;color:#D9C3AB}.footer-top nav button{padding:0;background:none;font-size:inherit}.footer-main>p{font-size:10px;color:#646464;margin-top:14px;text-align:right}.footer-top a:hover,.footer-top button:hover{color:#D9C3AB}
dialog{padding:33px;width:min(520px,calc(100% - 30px));border:1px solid #64646457;background:linear-gradient(145deg,#333333,#000000);border-radius:23px;color:var(--text);box-shadow:0 25px 100px #000000aa}dialog::backdrop{background:#000000bf;backdrop-filter:blur(9px)}.dialog-close{position:absolute;top:10px;right:12px;border:0;background:#333333;color:#D9C3AB;font-size:26px;width:36px;height:36px;border-radius:10px;line-height:1}.dialog-kicker{font-size:11px;letter-spacing:2px;color:#D9C3AB}dialog h2{margin-top:17px;font-size:31px}.dialog-lead{font-size:14px;color:#A7A7A7;margin-top:9px}ol{padding-left:21px;margin:25px 0}li{padding-left:7px;margin-bottom:24px}li::marker{color:var(--orange);font-weight:700}li strong{font-size:16px}li p{font-size:14px;color:#A7A7A7;margin-top:7px}.copy-field{width:100%;border:1px solid #F160013f;background:#000000;border-radius:10px;padding:13px 15px;display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:#D9C3AB}.copy-field svg{width:19px;height:19px}.orange-button{width:100%;padding:15px 20px;border-radius:12px;background:linear-gradient(140deg,#F16001,#F16001);border:1px solid #D9C3AB;color:#F9F9F9;font-weight:800;box-shadow:0 0 30px #F160012b}.team-dialog{width:min(1060px,calc(100% - 30px));max-height:90vh}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;margin-top:25px}.team-grid button{padding:0;background:none;border-radius:16px;overflow:hidden;border:1px solid #A7A7A73b}.team-grid img{width:100%;height:auto}.image-dialog{width:min(1200px,calc(100% - 28px));padding:50px 20px 17px;max-height:95vh}.image-dialog>img{width:100%;max-height:77vh;object-fit:contain;border-radius:9px}.image-dialog>p{margin-top:13px;font-size:14px;color:#D9C3AB}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,16px);opacity:0;pointer-events:none;background:#D9C3AB;color:#333333;padding:13px 20px;border-radius:10px;box-shadow:0 10px 50px #00000066;z-index:100;font-size:14px;max-width:90vw;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1700px){.page{max-width:1660px;padding-left:145px;padding-right:45px;padding-top:55px}.sidebar{left:max(26px,calc((100vw - 1760px)/2));top:75px}.hero-grid{gap:25px}.hero-description{font-size:17px}.online{font-size:25px}.world-section{margin-top:145px}.panorama{height:390px}}
@media(max-width:1100px){.page{padding:32px 28px 25px 124px}.sidebar{left:20px;width:70px;top:42px;height:500px}.hero-grid{gap:14px}.hero-description{font-size:11px;top:65%;line-height:1.4}.online{font-size:13px;border-radius:10px}.online strong{padding:0 7px;border-radius:7px}.play-button{border-radius:12px}.hero-small{gap:6px}.world-top{gap:45px}.world-copy p{font-size:15px}.world-copy h2{font-size:30px}.section{margin-top:90px}.world-grid{gap:12px}.world-grid p{font-size:12px!important}.feature-grid{gap:23px}.feature-heading h3{font-size:19px}.feature-heading p{font-size:12px}.feature-heading h2{font-size:23px}.panorama{height:290px}.feature-image.tall{height:490px}.feature-stack .feature-image{height:180px}.gallery-grid{gap:18px}.footer-top{display:block}.footer-top nav{margin-top:15px}.footer-main>p{text-align:left}}
@media(max-width:760px){.sidebar{position:fixed;top:auto;bottom:12px;left:50%;transform:translateX(-50%);width:min(390px,calc(100% - 24px));height:65px;border-radius:20px;flex-direction:row;padding:0 7px;background:#333333f2;box-shadow:0 10px 30px #00000099,inset 0 1px 0 #A7A7A766}.side-logo{display:none}.sidebar nav{flex-direction:row;gap:0;justify-content:space-around}.nav-item{font-size:10px;gap:3px;padding:5px 13px}.nav-item svg{width:23px;height:23px}.page{padding:24px 20px 106px}.hero-grid{grid-template-columns:1fr;gap:17px}.hero-main{margin:0 -3px}.hero-description{font-size:clamp(10px,2.4vw,16px)}.online{font-size:clamp(11px,3.2vw,19px);border-radius:10px}.online strong{min-width:30%;padding:0 5px}.play-button{font-size:clamp(14px,3.6vw,21px);border-radius:12px}.hero-small{grid-template-columns:1fr 1fr 1.8fr;gap:10px;align-items:end}.unusual-card{grid-column:auto}.hero-small .unusual-card img{min-height:90px;object-fit:contain}.hero-bottom{padding-top:17px}.server-address{font-size:13px;padding:9px 10px}.server-address small{display:none}.next-section{font-size:11px;gap:10px}.section{margin-top:68px;scroll-margin-top:20px}.world-top{grid-template-columns:1fr;gap:25px}.world-copy{padding-top:18px}.world-copy h2{font-size:31px}.world-copy p{font-size:15px;margin-top:17px;max-width:none}.lobby-card{width:66%;margin-left:auto}.world-lines{height:56px}.root-line{right:32%;height:21px}.branch-line{left:16%;right:16%;top:20px}.world-lines i{top:20px;height:32px}.world-grid{grid-template-columns:1fr;gap:25px}.world-grid article img{width:100%;max-width:440px;margin:auto}.world-lines{display:none}.world-grid{margin-top:24px}.world-watermark{font-size:33px;letter-spacing:3px;margin-top:17px;text-align:center}.features{margin-top:62px}.feature-heading h2{font-size:23px}.feature-heading h3{font-size:21px}.feature-heading p{font-size:13px;line-height:1.6}.number{width:30px;height:30px;min-width:30px;font-size:10px}.panorama{height:240px;border-radius:21px}.panorama>img{object-position:56% center}.panorama span{font-size:11px}.feature-grid{grid-template-columns:1fr;gap:30px;margin-top:31px}.feature-image.tall{height:250px}.feature-stack{gap:30px}.feature-stack .feature-image{height:210px}.item-art img{padding:0}.section-label{min-height:74px;margin-bottom:17px}.section-label>span{font-size:46px;top:6px}.section-label h2{font-size:22px}.gallery-grid{gap:14px;grid-template-columns:1fr 1fr}.gallery-card{border-radius:10px}.gallery-card>span{padding:12px 10px;gap:3px}.gallery-card strong{font-size:11px}.gallery-card small{font-size:10px}.gallery-card svg{display:none}.gallery-card>img{aspect-ratio:4/3}.gallery-more{font-size:12px}footer{margin-top:65px;padding:18px;gap:13px;border-radius:17px}.footer-logo{width:45px;flex-basis:45px}.footer-logo img{width:45px;height:45px}.footer-top{padding:0;background:none}.footer-top>button{font-size:11px}.footer-top nav{gap:12px;font-size:10px;margin-top:12px}.footer-main>p{font-size:9px;margin-top:12px}.footer-top svg{display:none}.team-grid{grid-template-columns:1fr;gap:15px}.team-dialog{padding:25px 17px}dialog h2{font-size:27px}.dialog-close{top:10px;right:10px}.image-dialog{padding:50px 12px 15px}.image-dialog>img{max-height:70vh}.image-dialog>p{font-size:12px}#toast{font-size:12px;bottom:90px;text-align:center;width:max-content}}
@media(max-width:400px){.page{padding-left:15px;padding-right:15px}.hero-description{font-size:10px}.online{font-size:11px}.gallery-grid{grid-template-columns:1fr}.gallery-card>img{aspect-ratio:16/9}.gallery-card strong{font-size:14px}.gallery-card small{font-size:12px}.section-label>span{font-size:40px}.hero-small{gap:6px}.hero-small .unusual-card img{min-height:75px}}
@media(prefers-reduced-motion:reduce){html:not([data-motion="full"]) :root{scroll-behavior:auto}html:not([data-motion="full"]) *,html:not([data-motion="full"]) *:before,html:not([data-motion="full"]) *:after{transition:none!important;animation:none!important}}

/* Subtle motion and scene blending; retain the existing layout and artwork. */
:root{--ease-soft:cubic-bezier(.22,.61,.36,1)}
button,a{transition:color .3s var(--ease-soft),background-color .35s var(--ease-soft),border-color .35s var(--ease-soft),box-shadow .42s var(--ease-soft),transform .42s var(--ease-soft),filter .35s var(--ease-soft)}
.play-button,.render-card,.gallery-card,.quiet-button,.server-address,.orange-button,.copy-field,.dialog-close,.team-grid button{transition:transform .42s var(--ease-soft),box-shadow .42s var(--ease-soft),border-color .35s var(--ease-soft),background-color .35s var(--ease-soft),filter .35s var(--ease-soft)}
.play-button:hover{box-shadow:inset 0 1px 6px #D9C3AB80,0 6px 30px #F1600150}
.orange-button:hover{transform:translateY(-2px);box-shadow:0 7px 28px #F1600148;filter:brightness(1.04)}
.quiet-button:hover,.server-address:hover,.copy-field:hover{border-color:#A7A7A759;box-shadow:0 4px 18px #00000022}
.copy-field:hover{background:#333333}.dialog-close:hover{background:#333333}
.play-button:active,.orange-button:active,.quiet-button:active,.server-address:active,.copy-field:active,.render-card:active,.gallery-card:active,.team-grid button:active{transform:translateY(1px) scale(.988);transition-duration:.14s}
.nav-item:active,.dialog-close:active{transform:scale(.96);transition-duration:.14s}
.world-section{background:none;isolation:isolate}
.world-section:before{content:'';position:absolute;inset:-25px -24px -16px;z-index:-1;background:url('assets/scene-background.webp') center top/100% auto no-repeat;pointer-events:none;mask-image:linear-gradient(to bottom,transparent,#000000 65px,#000000 64%,transparent),linear-gradient(to right,transparent,#000000 44px,#000000 calc(100% - 44px),transparent);mask-composite:intersect;-webkit-mask-composite:source-in}

.panorama{background:transparent;border-color:transparent}
.panorama img{mask-image:linear-gradient(to bottom,#000000 83%,transparent),linear-gradient(to right,transparent,#000000 2%,#000000 98%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}
.panorama span{bottom:20px}
.item-art{background:transparent;border-color:transparent}
.item-art img{mask-image:linear-gradient(to right,transparent,#000000 3%,#000000 97%,transparent)}
@media(max-width:760px){.world-section:before{inset:-18px -14px -12px;mask-image:linear-gradient(to bottom,transparent,#000000 42px,#000000 65%,transparent),linear-gradient(to right,transparent,#000000 28px,#000000 calc(100% - 28px),transparent)}.panorama span{bottom:16px}}
@media(prefers-reduced-motion:reduce){html:not([data-motion="full"]) button:hover,html:not([data-motion="full"]) a:hover,html:not([data-motion="full"]) button:active,html:not([data-motion="full"]) a:active,html:not([data-motion="full"]) .panorama:hover img,html:not([data-motion="full"]) .feature-image:hover img{transform:none!important}}

/* Original foreground art on interactive, live card surfaces. */
/* Palette from the supplied reference. */
:root{--bg:#000000;--text:#F9F9F9;--muted:#A7A7A7;--orange:#E85002;--gray:#646464;--surface:#333333;--red:#C10801;--flame:#F16001;--sand:#D9C3AB;--border:#64646466;--brand-gradient:linear-gradient(115deg,#D9C3AB,#F16001 34%,#C10801 65%,#000000)}
body{background:radial-gradient(ellipse at 58% 12%,#E850020A,transparent 32%),#000000}
.sidebar{background:linear-gradient(145deg,#333333F2,#000000ED);border-color:#64646488;box-shadow:inset 0 1px 0 #A7A7A726,0 18px 55px #00000099}
.nav-item{color:#A7A7A7}.nav-item.active,.nav-item:hover{color:#E85002}.nav-item.active svg{filter:drop-shadow(0 0 8px #E8500233)}
.world-copy p,.feature-heading p,.hero-description{color:#A7A7A7}.world-watermark{-webkit-text-stroke-color:#333333}
.root-line,.branch-line,.world-lines i,.world-lines i:after{border-color:#646464}
.world-section:before{inset:-50px -25px -20px;background:radial-gradient(ellipse at 48% 35%,#E8500218,transparent 72%);mask-image:none;-webkit-mask-image:none}
.server-address,.copy-field,.quiet-button{background:#33333366;border-color:#64646466;color:#F9F9F9}.server-address small,.dialog-kicker,.dialog-lead,li p,.gallery-card small,.footer-main>p{color:#A7A7A7}
.server-address:hover,.copy-field:hover,.quiet-button:hover{background:#333333;border-color:#A7A7A7}
.play-button,.orange-button{background:#E85002;color:#000000;border-color:#F16001;box-shadow:inset 0 1px 0 #D9C3AB66,0 6px 24px #E8500226}
.play-button:hover,.orange-button:hover{background:#F16001;filter:none;box-shadow:inset 0 1px 0 #D9C3AB88,0 12px 36px #E8500240}
button:focus-visible,a:focus-visible{outline-color:#E85002}
.number{background:var(--brand-gradient);color:#F9F9F9}.section-label>span{color:#E8500224}.section-label h2{text-shadow:0 0 24px #E8500240}
.gallery-card{background:#333333;border-color:#64646455}.gallery-card strong{color:#F9F9F9}.gallery-card svg{color:#A7A7A7}
footer{background:linear-gradient(130deg,#33333380,#000000);border-color:#64646466}.footer-top{background:#333333}.footer-top>button,.footer-top nav{color:#A7A7A7}.footer-top>button strong{color:#F9F9F9}.footer-top a:hover,.footer-top button:hover{color:#E85002}
dialog{background:linear-gradient(145deg,#333333,#000000 90%);border-color:#64646488;color:#F9F9F9}dialog::backdrop{background:#000000CE}.dialog-close{background:#333333;color:#F9F9F9}.dialog-close:hover{background:#646464}
#toast{background:#F9F9F9;color:#000000}.panorama span{background:#000000C9;border-color:#64646488;color:#F9F9F9}.team-grid button{border-color:#64646466}
.online{background:#333333;color:#F9F9F9;border:1px solid #64646455}.online strong{background:#646464;color:#F9F9F9}
/* Each world has its own live frame, label, foreground and action. */
.world-tile{--surface-top:13%;--label-top:25%;position:relative;display:block;width:100%;padding:0;background:none;border:0;border-radius:24px;isolation:isolate;text-align:left;line-height:1;touch-action:manipulation}
.world-tile:before,.world-tile:after{content:'';position:absolute;inset:var(--surface-top) 0 1%;border-radius:clamp(22px,2.8vw,38px);pointer-events:none}
.world-tile:before{z-index:0;border:1px solid #64646488;background:radial-gradient(ellipse at 60% 125%,#F1600173,transparent 54%),linear-gradient(150deg,#333333,#000000);box-shadow:inset 0 1px 0 #A7A7A719,0 10px 25px #00000055;transition:border-color .35s var(--ease-soft),box-shadow .45s var(--ease-soft)}
.world-tile:after{z-index:0;opacity:0;background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,40%),#E8500233,transparent 68%);transition:opacity .45s var(--ease-soft)}
.world-tile .world-art{position:relative;z-index:1;display:block;width:100%;height:auto;max-width:none;margin:0;mask-image:none;-webkit-mask-image:none;pointer-events:none;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0);transition:transform .45s var(--ease-soft)}
.world-tile .world-label{position:absolute;z-index:2;top:var(--label-top);right:5%;max-width:57%;padding:10px 16px;border-radius:16px;background:#333333;color:#F9F9F9;font:800 clamp(14px,1.6vw,24px)/1.15 Manrope,Arial,sans-serif;letter-spacing:0;white-space:nowrap;pointer-events:none;box-shadow:inset 0 1px 0 #A7A7A711;transition:background-color .3s var(--ease-soft),transform .4s var(--ease-soft)}
.world-cta{position:absolute;z-index:2;bottom:10%;right:6%;font-size:14px;color:#F9F9F9;opacity:0;transform:translateY(5px);transition:opacity .3s var(--ease-soft),transform .4s var(--ease-soft);pointer-events:none}
.world-tile:hover:before,.world-tile:focus-visible:before{border-color:#E85002;box-shadow:inset 0 1px 0 #D9C3AB26,0 15px 40px #E8500224}.world-tile:hover:after,.world-tile:focus-visible:after{opacity:1}
.world-tile:hover .world-label,.world-tile:focus-visible .world-label{background:#646464;transform:translateY(-2px)}
.world-tile:hover .world-cta,.world-tile:focus-visible .world-cta{opacity:1;transform:translateY(0)}
.tile-main{--surface-top:16%;--label-top:27%}.tile-builds{--surface-top:10%;--label-top:23%}.tile-farms{--surface-top:12%;--label-top:23%}.tile-lobby{--surface-top:14%}
.world-dialog-description{color:#F9F9F9;font-size:17px;line-height:1.65;margin:22px 0 15px}.world-dialog-note{color:#A7A7A7;font-size:15px;line-height:1.6;margin-bottom:26px}
/* Cursor tilt and lift apply to all visual controls. */
.motion-card{--lift:0px;--tilt-x:0deg;--tilt-y:0deg;transform:perspective(1000px) translate3d(0,var(--lift),0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-origin:center;transition:transform .5s var(--ease-soft),box-shadow .45s var(--ease-soft),filter .4s var(--ease-soft),border-color .35s var(--ease-soft);backface-visibility:hidden}
.motion-card:hover,.motion-card:focus-visible{--lift:-6px;transform:perspective(1000px) translate3d(0,var(--lift),0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}
.world-tile.motion-card:hover,.world-tile.motion-card:focus-visible{--lift:-8px}.hero-main.motion-card:hover{--lift:-3px}
.motion-card:active{--lift:0px;transform:perspective(1000px) translateY(1px) scale(.987);transition-duration:.14s}
.motion-card.is-tracking{transition:transform .18s ease-out,box-shadow .45s var(--ease-soft),filter .4s var(--ease-soft),border-color .35s var(--ease-soft)}
.gallery-card:hover{border-color:#E85002;box-shadow:0 15px 35px #E850021A}
.nav-item:hover,.footer-top nav a:hover,.footer-top nav button:hover,.next-section:hover{transform:translateY(-2px)}
.quiet-button:hover,.server-address:hover,.copy-field:hover{transform:translateY(-2px)}
.team-grid button:hover{border-color:#E85002}.render-card:hover{filter:drop-shadow(0 8px 18px #E8500226)}

@media(max-width:1100px){.world-tile .world-label{font-size:clamp(13px,1.6vw,19px);padding:8px 12px}}
@media(max-width:760px){.world-grid .world-tile{max-width:440px;margin:auto}.world-tile .world-label{font-size:clamp(17px,4.5vw,25px);padding:10px 16px}.tile-lobby .world-label{font-size:clamp(14px,3.6vw,21px);padding:8px 12px}.sidebar{background:#000000ED}.world-section:before{background:radial-gradient(ellipse at 40% 48%,#E8500214,transparent 72%)}.world-cta{font-size:13px}}
@media(hover:none){.world-cta{opacity:.8;transform:none}.motion-card:hover,.motion-card:focus-visible{--lift:0px;transform:none}}
@media(prefers-reduced-motion:reduce){html:not([data-motion="full"]) .motion-card,html:not([data-motion="full"]) .motion-card:hover,html:not([data-motion="full"]) .motion-card:focus-visible,html:not([data-motion="full"]) .motion-card:active,html:not([data-motion="full"]) .world-tile .world-art,html:not([data-motion="full"]) .world-tile .world-label{transform:none!important;transition:none!important}html:not([data-motion="full"]) .motion-card{--lift:0px}}

/* Foreground cutouts of the supplied artist renders. */
.hero-render{clip-path:polygon(65.679% 16.226%,73.614% 12.264%,73.614% 5.660%,75.143% 4.906%,75.335% 1.509%,77.438% 0.943%,77.438% 4.528%,76.769% 4.906%,76.769% 7.925%,75.621% 7.925%,75.813% 10.755%,77.820% 10.377%,77.820% 11.509%,84.034% 8.679%,85.660% 17.736%,86.902% 22.642%,88.432% 24.151%,89.293% 28.491%,90.822% 30.566%,93.499% 35.283%,93.881% 41.132%,93.499% 47.358%,94.168% 52.075%,94.837% 56.981%,97.323% 54.906%,97.036% 62.264%,97.801% 63.208%,97.801% 66.792%,100.000% 67.736%,100.000% 81.132%,98.088% 80.943%,98.088% 84.906%,94.551% 84.340%,94.455% 87.925%,91.587% 90.000%,91.587% 100.000%,53.250% 100.000%,53.346% 98.868%,58.413% 97.736%,58.413% 96.415%,61.090% 96.415%,68.260% 92.453%,67.686% 87.547%,62.811% 88.679%,59.560% 86.038%,59.178% 91.321%,54.971% 91.132%,53.250% 87.925%,53.250% 79.057%,54.780% 73.019%,59.656% 73.962%,63.767% 70.377%,65.105% 67.736%,64.340% 65.660%,62.811% 63.396%,62.811% 57.358%,60.612% 53.962%,57.648% 51.132%,56.883% 46.981%,60.899% 42.264%,64.245% 39.057%,67.304% 33.962%,66.061% 29.057%,65.679% 22.453%)}
.staff-card .control-art{clip-path:polygon(48.897% 24.161%,55.515% 7.383%,77.574% 8.054%,77.574% 10.067%,87.500% 9.060%,96.691% 13.087%,95.588% 26.174%,98.162% 25.839%,96.691% 34.228%,94.853% 45.302%,92.647% 49.664%,92.647% 57.718%,93.015% 70.470%,95.956% 85.235%,90.809% 93.960%,81.250% 98.993%,55.882% 97.651%,43.750% 90.268%,40.074% 83.893%,35.662% 72.819%,36.029% 62.416%,38.235% 54.027%,42.279% 50.000%,48.529% 46.644%,53.309% 45.302%,48.897% 43.960%,45.588% 40.268%,48.162% 30.872%)}
.tps-card .control-art{clip-path:polygon(33.333% 35.659%,36.879% 32.558%,37.234% 26.744%,40.780% 22.481%,41.489% 10.853%,87.943% 13.953%,93.617% 16.279%,99.645% 65.891%,85.106% 71.318%,85.106% 75.194%,79.787% 77.907%,89.716% 81.783%,89.716% 92.636%,84.397% 97.287%,71.277% 99.225%,35.106% 99.225%,35.106% 91.860%,43.617% 84.884%,43.972% 83.333%,52.128% 75.194%,49.645% 71.705%,37.943% 70.930%,36.170% 67.829%,34.043% 60.853%)}
/* Grid and stronger brand gradients. */
body{background-image:radial-gradient(ellipse at 55% 4%,#C1080122,transparent 28%),linear-gradient(#64646426 1px,transparent 1px),linear-gradient(90deg,#64646426 1px,transparent 1px);background-size:100% 100%,64px 64px,64px 64px;background-color:#000000;background-position:center top,center top,center top}
.hero{position:relative;isolation:isolate}.hero:before{content:'';position:absolute;inset:-110px -45px -90px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 78% 52%,#F1600133,transparent 60%),radial-gradient(ellipse at 32% 20%,#C1080126,transparent 65%)}
.hero-main{isolation:isolate}.hero-panel{position:absolute;inset:32% 0 1%;border:1px solid transparent;border-radius:clamp(20px,3vw,42px);z-index:0;pointer-events:none;background:radial-gradient(ellipse at 96% 72%,#F1600173,transparent 64%) padding-box,linear-gradient(125deg,#333333,#000000 72%) padding-box,var(--brand-gradient) border-box;box-shadow:0 18px 60px #C1080129,inset 0 1px 0 #D9C3AB26}
.hero-panel:after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--glow-x,65%) var(--glow-y,50%),#F1600133,transparent 67%);opacity:0;transition:opacity .5s var(--ease-soft)}
.hero-main:hover .hero-panel:after{opacity:1}
.hero-render{position:relative;z-index:1;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0);transition:transform .5s var(--ease-soft);pointer-events:none}
.hero-version{position:absolute;left:0;top:12.5%;color:#A7A7A7;font-size:clamp(10px,1vw,15px);z-index:2}
.hero-title{position:absolute;left:4.7%;top:37%;max-width:47%;z-index:2;font-size:clamp(23px,2.9vw,44px);font-weight:800;line-height:1.08;letter-spacing:-.03em;background:linear-gradient(125deg,#F9F9F9,#D9C3AB 66%,#F16001);color:transparent;background-clip:text;-webkit-background-clip:text;pointer-events:none}
.hero-description,.online,.play-button{z-index:2}.hero-description{text-shadow:none}
.art-clips{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.render-card{--render-top:18%;isolation:isolate;border-radius:22px;overflow:visible;line-height:1;touch-action:manipulation}
.render-card:before,.render-card:after{content:'';position:absolute;inset:var(--render-top) 0 1%;border-radius:clamp(18px,2vw,32px);pointer-events:none}
.render-card:before{z-index:0;border:1px solid transparent;background:radial-gradient(ellipse at 85% 112%,#F1600166,transparent 63%) padding-box,linear-gradient(145deg,#333333,#000000) padding-box,var(--brand-gradient) border-box;box-shadow:0 10px 30px #00000055;transition:box-shadow .4s var(--ease-soft)}
.render-card:after{z-index:0;background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%),#F1600150,transparent 65%);opacity:0;transition:opacity .45s var(--ease-soft)}
.render-card .control-art{position:relative;z-index:1;width:100%;height:auto;max-width:none;min-height:0;object-fit:fill;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0);transition:transform .45s var(--ease-soft);pointer-events:none;mask-image:none;-webkit-mask-image:none}
.render-label{position:absolute;z-index:2;left:3%;right:15%;top:70%;bottom:3%;display:flex;align-items:center;text-align:left;background:linear-gradient(130deg,#333333,#000000);color:#F9F9F9;font-weight:800;font-size:clamp(14px,1.48vw,23px);line-height:1.12;padding:6px 10px;border-radius:12px;pointer-events:none;transition:box-shadow .4s var(--ease-soft),translate .4s var(--ease-soft)}
.tps-card{--render-top:7%}.tps-card .render-label{top:67%;bottom:3%;right:11%}
.unusual-card{--render-top:13%}.unusual-card .render-label{top:49%;bottom:6%;left:3%;right:63%;font-size:clamp(14px,1.48vw,23px);padding:7px 10px}
.render-card:hover:after,.render-card:focus-visible:after{opacity:1}.render-card:hover:before,.render-card:focus-visible:before{box-shadow:0 14px 38px #E8500238}.render-card:hover .render-label,.render-card:focus-visible .render-label{translate:0 -2px;box-shadow:0 0 20px #E8500220}
.play-button,.orange-button{background-image:linear-gradient(125deg,#D9C3AB -35%,#F16001 24%,#E85002 68%,#C10801 140%);background-size:170% 100%;background-position:25% center;background-color:#E85002;color:#000000;transition:background-position .75s var(--ease-soft),transform .42s var(--ease-soft),box-shadow .45s var(--ease-soft);box-shadow:inset 0 1px 0 #D9C3AB66,0 7px 25px #E8500238}
.play-button:hover,.orange-button:hover{background-image:linear-gradient(125deg,#D9C3AB -35%,#F16001 24%,#E85002 68%,#C10801 140%);background-position:85% center;box-shadow:inset 0 1px 0 #D9C3AB88,0 12px 40px #E8500255}
.world-tile:before{border:1px solid transparent;background:radial-gradient(ellipse at 72% 123%,#F1600188,transparent 62%) padding-box,linear-gradient(135deg,#333333,#000000) padding-box,var(--brand-gradient) border-box}
.world-section:before{background:radial-gradient(ellipse at 70% 35%,#C1080130,transparent 68%),radial-gradient(ellipse at 28% 60%,#E8500226,transparent 68%)}
.features,.gallery-section{position:relative;isolation:isolate}.features:before,.gallery-section:before{content:'';position:absolute;inset:-60px -30px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 15% 50%,#C108011C,transparent 60%),radial-gradient(ellipse at 86% 68%,#F1600119,transparent 60%)}
.world-copy h2,.feature-heading h2,.section-label h2{background:linear-gradient(120deg,#F9F9F9,#D9C3AB 70%,#F16001);background-clip:text;-webkit-background-clip:text;color:transparent}
.quiet-button,.server-address,.copy-field{background:linear-gradient(120deg,#333333B3,#000000);border-color:#64646488}.quiet-button:hover,.server-address:hover,.copy-field:hover{background:linear-gradient(120deg,#333333,#E850021F);border-color:#E85002}
.sidebar{border-color:transparent;background:linear-gradient(150deg,#333333F2,#000000F2) padding-box,var(--brand-gradient) border-box}.nav-item.active{background:linear-gradient(90deg,#E850021A,transparent);border-radius:12px}
.gallery-card{border-color:transparent;background:linear-gradient(150deg,#333333,#000000) padding-box,var(--brand-gradient) border-box}.gallery-card>span{background:linear-gradient(115deg,#333333,#000000)}
footer{border-color:transparent;background:linear-gradient(125deg,#333333DB,#000000) padding-box,var(--brand-gradient) border-box}
@media(min-width:1700px){.hero-title{font-size:48px}.render-label{font-size:24px}}
@media(max-width:1100px){.hero-title{font-size:clamp(20px,2.9vw,33px)}.render-label,.unusual-card .render-label{font-size:clamp(12px,1.55vw,17px);padding:5px 7px}}
@media(max-width:760px){body{background-size:100% 100%,48px 48px,48px 48px}.hero-title{font-size:clamp(19px,5.2vw,36px)}.hero-version{font-size:clamp(10px,2.6vw,16px)}.hero-small{grid-template-columns:1fr 1fr;gap:12px}.unusual-card{grid-column:span 2}.hero-small .unusual-card .control-art{min-height:0;object-fit:fill}.render-label,.unusual-card .render-label{font-size:clamp(16px,4vw,23px);padding:7px 10px}.hero:before{inset:-40px -10px -35px}.world-section:before{background:radial-gradient(ellipse at 50% 35%,#C108012A,transparent 70%),radial-gradient(ellipse at 35% 68%,#E8500220,transparent 70%)}.features:before,.gallery-section:before{inset:-25px -12px}}
/* Reveal panels once as they enter the viewport. */
.reveal-ready{opacity:0;translate:0 28px;pointer-events:none}
.reveal-ready.is-visible{opacity:1;translate:0 0;pointer-events:auto;animation:scroll-reveal .75s var(--ease-soft) both;animation-delay:var(--reveal-delay,0ms)}
.reveal-ready:focus-within{opacity:1;translate:0 0;pointer-events:auto;animation:none}
@keyframes scroll-reveal{from{opacity:0;translate:0 28px}to{opacity:1;translate:0 0}}
dialog[open]{animation:dialog-reveal .26s var(--ease-soft)}dialog[open]::backdrop{animation:backdrop-reveal .26s ease-out}
@keyframes dialog-reveal{from{opacity:0;translate:0 12px;scale:.98}to{opacity:1;translate:0 0;scale:1}}
@keyframes backdrop-reveal{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){html:not([data-motion="full"]) .hero-render,html:not([data-motion="full"]) .render-card .control-art,html:not([data-motion="full"]) .render-label{transform:none!important;translate:none!important}html:not([data-motion="full"]) .reveal-ready,html:not([data-motion="full"]) .reveal-ready.is-visible{opacity:1;translate:none;pointer-events:auto;animation:none!important}html:not([data-motion="full"]) dialog[open],html:not([data-motion="full"]) dialog[open]::backdrop{animation:none!important}}
.item-art{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 75% 60%,#F1600126,transparent 70%);border-color:transparent}.item-art img{width:100%;height:auto;max-width:100%;margin:auto;padding:0;object-fit:fill;mask-image:none;-webkit-mask-image:none}

/* Native header layout: illustrations and captions have separate space. */
.hero-grid{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:20px;align-items:stretch}
.hero-main{min-height:440px;aspect-ratio:1.83;position:relative}
.hero-panel{inset:64px 0 0;border-radius:30px;background:radial-gradient(ellipse at 95% 85%,#F1600170,transparent 65%) padding-box,linear-gradient(135deg,#333333,#000000 78%) padding-box,var(--brand-gradient) border-box}
.hero-art-shell{position:absolute;inset:-20px 0 0;z-index:1;border-radius:0 0 30px 30px;overflow:hidden;pointer-events:none}
.hero-art-shell .hero-render{position:absolute;width:114%;max-width:none;height:auto;right:-2%;bottom:-1px;mask-image:linear-gradient(to bottom,#000000 93%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000000 93%,transparent 100%);transform:translate3d(var(--art-x,0px),0,0)}
.hero-copy{position:relative;z-index:2;width:53%;height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:15px;padding:106px 0 26px 32px}
.hero-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%}
.hero-version{position:static;flex-basis:100%;font-size:12px;color:#A7A7A7;line-height:1.5}
.online{position:static;width:auto;height:auto;min-width:115px;padding:5px 6px 5px 11px;gap:14px;border-radius:10px;font-size:13px;background:#333333B3;color:#F9F9F9}
.online strong{min-width:29px;padding:1px 7px;background:#00000099;font-size:12px;border-radius:6px}
.hero-title{position:static;max-width:none;font-size:clamp(30px,3vw,43px);line-height:1.08;letter-spacing:-.035em}
.hero-description{position:static;max-width:100%;font-size:14px;line-height:1.55;color:#A7A7A7}
.play-button{position:relative;left:auto;top:auto;width:180px;min-height:54px;height:54px;margin-top:2px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:14px;font-size:20px;font-weight:800;flex-shrink:0}
.hero-small{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1.55fr 1fr;gap:16px;padding:44px 0 0;align-items:stretch}
.render-card{min-width:0;min-height:0;display:flex;align-items:flex-end;padding:17px 15px;isolation:isolate;border-radius:25px;overflow:visible;text-align:left;line-height:1.15}
.render-card:before,.render-card:after{inset:20px 0 0;border-radius:25px}
.render-visual{position:absolute;inset:-6px 0 76px;overflow:hidden;pointer-events:none;z-index:1;mask-image:linear-gradient(to bottom,#000000 calc(100% - 16px),transparent);-webkit-mask-image:linear-gradient(to bottom,#000000 calc(100% - 16px),transparent)}
.render-card .control-art{position:absolute;width:120%;height:auto;max-width:none;left:-26%;top:-3px;filter:drop-shadow(0 8px 10px #00000066)}
.staff-card .control-art{clip-path:polygon(48.897% 24.161%,55.515% 7.383%,77.574% 8.054%,77.574% 10.067%,87.500% 9.060%,96.691% 13.087%,95.588% 26.174%,98.162% 25.839%,96.691% 34.228%,94.853% 45.302%,92.647% 49.664%,92.647% 57.718%,93.015% 68.121%,36.029% 68.121%,36.029% 62.416%,38.235% 54.027%,42.279% 50.000%,48.529% 46.644%,53.309% 45.302%,48.897% 43.960%,45.588% 40.268%,48.162% 30.872%)}
.tps-card .control-art{width:125%;left:-30%;top:12px;clip-path:polygon(33.333% 35.659%,36.879% 32.558%,37.234% 26.744%,40.780% 22.481%,41.489% 10.853%,87.943% 13.953%,93.617% 16.279%,99.645% 65.891%,85.106% 66.279%,49.645% 66.279%,37.943% 66.279%,34.043% 60.853%)}
.render-card .render-label{position:relative;inset:auto;z-index:2;display:block;width:100%;max-width:100%;background:none;padding:0;border-radius:0;box-shadow:none;font-size:clamp(14px,1.48vw,21px);line-height:1.18;letter-spacing:-.025em}
.render-arrow{position:absolute;right:14px;bottom:18px;width:29px;height:29px;display:grid;place-items:center;border:1px solid #64646466;border-radius:50%;color:#D9C3AB;font-size:18px;opacity:0;translate:-4px 4px;transition:opacity .4s var(--ease-soft),translate .4s var(--ease-soft);z-index:3;pointer-events:none}
.render-card:hover .render-label,.render-card:focus-visible .render-label{box-shadow:none;translate:0 -2px}
.render-card:hover .render-arrow,.render-card:focus-visible .render-arrow{opacity:1;translate:0 0}
.unusual-card{grid-column:span 2;padding:19px 18px}
.unusual-card:before,.unusual-card:after{inset:8px 0 0}
.unusual-card .render-visual{inset:0 5px 7px 42%;overflow:hidden;mask-image:none;-webkit-mask-image:none}
.unusual-card .control-art{width:156.25%;height:auto;left:auto;right:0;top:auto;bottom:0}
.unusual-card .render-label{width:38%;font-size:clamp(14px,1.48vw,21px)}
.unusual-card .render-arrow{display:none}
.side-logo img,.footer-logo img{border-radius:13px}.footer-logo{opacity:1}
.side-logo:hover img{filter:drop-shadow(0 0 10px #E8500270)}
.nav-item.active svg{filter:drop-shadow(0 0 8px #F1600170)}

/* Pixel neon sign, eclipse arcs and fine rails from the supplied references. */
@font-face{font-family:Chaos16;src:url('assets/fonts/chaos16.otf') format('opentype');font-style:normal;font-weight:400;font-display:swap}
.brand-interlude{position:relative;isolation:isolate;min-height:218px;margin-top:25px;padding:46px 18px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
.brand-sign{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:24px;max-width:100%;border-radius:18px;padding:4px 8px}
.brand-word{font-family:Chaos16,monospace;font-weight:400;font-size:clamp(48px,8vw,120px);letter-spacing:3px;line-height:1.06;white-space:nowrap;color:#F16001;background:linear-gradient(180deg,#F9F9F9 4%,#D9C3AB 25%,#F16001 70%,#E85002);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 2px #F16001) drop-shadow(0 0 15px #E8500280);animation:neon-breathe 5.8s ease-in-out infinite alternate;animation-play-state:paused}
.brand-caption{position:relative;z-index:2;color:#A7A7A7;font-size:12px;letter-spacing:3px;text-transform:uppercase;text-align:center}
.brand-coordinates{position:absolute;inset:10px 3px auto;display:flex;justify-content:space-between;gap:20px;font:10px/1.5 monospace;letter-spacing:2px;color:#646464;pointer-events:none}
.brand-horizon{position:absolute;z-index:-1;left:12%;right:12%;top:55%;height:72px;border-radius:50%;background:radial-gradient(ellipse,#F1600166,#C1080129 45%,transparent 72%);filter:blur(16px);pointer-events:none}
.brand-orbit{position:absolute;z-index:-1;top:30%;left:17%;width:66%;height:115px;border:1px solid #E8500240;border-top-color:#D9C3AB66;border-radius:50%;box-shadow:0 -6px 22px #F1600115;transform:rotate(-9deg);pointer-events:none;animation:orbit-drift 15s ease-in-out infinite alternate;animation-play-state:paused}
.orbit-secondary{top:28%;height:133px;transform:rotate(8deg);border-color:#E8500226;border-bottom-color:#F1600155;animation-name:orbit-drift-secondary;animation-duration:18s}
.pixel-spark{position:absolute;width:6px;height:6px;background:#F16001;box-shadow:0 0 10px #E8500280;pointer-events:none;animation:spark-breathe 6s ease-in-out infinite alternate;animation-play-state:paused}
.spark-one{left:20%;top:40%}.spark-two{right:18%;top:55%;width:4px;height:4px;animation-delay:-2s}.spark-three{left:32%;bottom:20%;width:3px;height:3px;animation-delay:-4s}
.brand-interlude.is-in-view .brand-word,.brand-interlude.is-in-view .brand-orbit,.brand-interlude.is-in-view .pixel-spark{animation-play-state:running}
.brand-interlude+.world-section{margin-top:16px;padding-top:12px}
.section-rail{display:flex;align-items:center;gap:18px;margin-bottom:28px;position:relative;z-index:1;font:10px/1.4 monospace;letter-spacing:1.8px;color:#A7A7A7;pointer-events:none}
.section-rail span{flex-shrink:0}.section-rail span:last-child{color:#646464}.section-rail i{height:1px;flex:1;min-width:10px;background:linear-gradient(90deg,#F1600170,#64646433)}
.section-rail:before{content:'';width:5px;height:5px;background:#F16001;box-shadow:0 0 9px #E8500266;flex-shrink:0}
.ambient-orbit{position:absolute;right:-20px;top:26%;width:min(75%,680px);height:310px;border:1px solid #F1600126;border-top-color:#D9C3AB33;border-radius:50%;rotate:-21deg;box-shadow:0 -25px 80px #E8500219;z-index:-1;pointer-events:none}
.gallery-section .ambient-orbit{top:14%;right:5%;rotate:14deg;width:80%;height:230px;opacity:.7}
.features:before{background:radial-gradient(ellipse at 15% 50%,#C1080126,transparent 60%),radial-gradient(ellipse at 86% 68%,#F1600126,transparent 60%)}

/* Warm idle motion, a brief sheen, and an activation wave on Play. */
.play-button{overflow:hidden;isolation:isolate;animation:play-float 4.8s ease-in-out infinite;animation-play-state:paused;box-shadow:inset 0 1px 0 #D9C3AB88,0 8px 30px #E850024D}
.play-button span,.play-icon{position:relative;z-index:2}
.play-icon{width:18px;height:18px;fill:currentColor;stroke:none;flex-shrink:0;transition:translate .4s var(--ease-soft);shape-rendering:crispEdges}
.play-button:before{content:'';position:absolute;z-index:1;top:-50%;bottom:-50%;width:30%;left:0;background:linear-gradient(90deg,transparent,#F9F9F975,transparent);transform:translateX(-220%) rotate(22deg);animation:play-sheen 6.8s ease-in-out infinite;animation-play-state:paused;pointer-events:none}
.play-button:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 16px #D9C3AB80;border:1px solid #D9C3AB88;opacity:.3;animation:play-glow 4.8s ease-in-out infinite;animation-play-state:paused;pointer-events:none}
.play-button.is-in-view,.play-button.is-in-view:before,.play-button.is-in-view:after{animation-play-state:running}
.play-button:hover,.play-button:focus-visible{animation-play-state:paused;transform:translateY(-3px) scale(1.025);box-shadow:inset 0 1px 0 #D9C3AB99,0 12px 38px #E8500270}
.play-button:hover .play-icon,.play-button:focus-visible .play-icon{translate:3px 0}
.play-button:active{transform:translateY(1px) scale(.975);transition-duration:.12s}
.play-button .play-ripple{position:absolute;z-index:1;background:#F9F9F985;border-radius:50%;pointer-events:none;animation:play-wave .6s ease-out forwards}
@keyframes play-float{0%,100%{translate:0 0}50%{translate:0 -3px}}
@keyframes play-sheen{0%,68%{transform:translateX(-220%) rotate(22deg);opacity:0}72%{opacity:.7}90%,100%{transform:translateX(520%) rotate(22deg);opacity:0}}
@keyframes play-glow{0%,100%{opacity:.25}50%{opacity:.7}}
@keyframes play-wave{from{transform:translate(-50%,-50%) scale(0);opacity:.7}to{transform:translate(-50%,-50%) scale(1);opacity:0}}
@keyframes neon-breathe{from{opacity:.82}to{opacity:1}}
@keyframes orbit-drift{from{transform:rotate(-9deg) translateY(0)}to{transform:rotate(-5deg) translateY(-4px)}}
@keyframes orbit-drift-secondary{from{transform:rotate(8deg) translateY(0)}to{transform:rotate(4deg) translateY(3px)}}
@keyframes spark-breathe{from{opacity:.35}to{opacity:.9}}
@media(max-width:1100px){
 .hero-grid{gap:16px;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.hero-main{min-height:410px;aspect-ratio:auto}.hero-copy{padding:100px 0 24px 24px;gap:14px;width:54%}.hero-title{font-size:30px}.hero-description{font-size:12px}.hero-version{font-size:11px}.play-button{width:155px;height:48px;min-height:48px;font-size:18px}.hero-small{gap:12px}.render-card{padding:16px 12px}.render-card .render-label,.unusual-card .render-label{font-size:clamp(13px,1.5vw,17px)}.render-arrow{display:none}.render-visual{bottom:70px}.unusual-card .render-visual{bottom:7px}.brand-interlude{min-height:195px}
}
@media(max-width:760px){
 .hero-grid{grid-template-columns:minmax(0,1fr);gap:21px}.hero-main{min-height:clamp(275px,51vw,375px);aspect-ratio:auto}.hero-panel{inset:46px 0 0;border-radius:24px}.hero-art-shell{inset:-12px 0 0;border-radius:0 0 24px 24px}.hero-art-shell .hero-render{width:100%;right:-2%}.hero-copy{width:53%;padding:69px 0 18px 18px;gap:11px}.hero-meta{gap:0}.hero-version{position:absolute;left:0;top:14px;font-size:11px}.online{font-size:11px;min-width:96px;padding:4px 5px 4px 9px;gap:10px}.online strong{font-size:11px}.hero-title{font-size:clamp(21px,4.7vw,30px)}.hero-description{font-size:clamp(10px,2.5vw,13px);line-height:1.5}.play-button{width:130px;height:43px;min-height:43px;font-size:16px;gap:9px;border-radius:11px}.play-icon{width:16px;height:16px}.hero-small{padding:0;gap:13px;grid-template-rows:auto auto}.render-card{min-height:clamp(188px,53vw,320px);padding:15px 13px}.render-card:before,.render-card:after{inset:16px 0 0;border-radius:22px}.render-visual{bottom:68px}.render-card .render-label,.unusual-card .render-label{font-size:16px}.unusual-card{min-height:clamp(115px,35vw,250px);padding:17px 14px}.unusual-card:before,.unusual-card:after{inset:5px 0 0}.unusual-card .render-visual{inset:0 4px 7px 42%}.hero-bottom{padding:19px 1px 0;gap:16px}.brand-interlude{min-height:174px;padding:41px 0 26px;gap:15px;margin-top:22px}.brand-sign{gap:14px;padding:4px}.brand-word{font-size:clamp(48px,10vw,76px);letter-spacing:1px}.brand-caption{font-size:9px;letter-spacing:1.8px}.brand-coordinates{font-size:8px;letter-spacing:1px}.brand-orbit{left:3%;width:94%;height:85px;top:33%}.orbit-secondary{height:105px;top:25%}.brand-horizon{left:3%;right:3%;height:60px}.spark-one{left:7%;top:42%}.spark-two{right:6%;top:59%}.spark-three{left:23%;bottom:21%}.brand-interlude+.world-section{margin-top:14px;padding-top:6px}.section-rail{gap:11px;font-size:9px;letter-spacing:1px;margin-bottom:24px}.ambient-orbit{right:0;width:90%;height:190px;opacity:.5}.gallery-section .ambient-orbit{right:0;width:95%;height:160px}
}
@media(max-width:400px){.hero-copy{padding-left:15px}.hero-description{font-size:10px}.hero-title{font-size:21px}.play-button{width:120px}.render-card{min-height:188px;padding:13px 11px}.render-card .render-label,.unusual-card .render-label{font-size:14px}.render-visual{bottom:62px}.unusual-card{min-height:115px}.unusual-card .render-visual{bottom:6px}.section-rail span:last-child{display:none}.brand-sign{gap:12px}.brand-word{font-size:48px}.brand-interlude{min-height:165px}}
@media(hover:none){.render-arrow{display:none}.play-button{animation:none}}
@media(prefers-reduced-motion:reduce){html:not([data-motion="full"]) .brand-word,html:not([data-motion="full"]) .brand-orbit,html:not([data-motion="full"]) .pixel-spark,html:not([data-motion="full"]) .play-button,html:not([data-motion="full"]) .play-button:before,html:not([data-motion="full"]) .play-button:after{animation:none!important;translate:none!important}html:not([data-motion="full"]) .play-button:hover,html:not([data-motion="full"]) .play-button:focus-visible,html:not([data-motion="full"]) .play-button:active{transform:none!important}html:not([data-motion="full"]) .play-icon,html:not([data-motion="full"]) .render-label,html:not([data-motion="full"]) .render-arrow{translate:none!important}html:not([data-motion="full"]) .play-ripple{display:none}html:not([data-motion="full"]) .brand-word{opacity:1}}


/* Complete artist contours, crisp frames and moving pixel light. */
.tile-lobby .world-art{clip-path:url(#lobby-cutout)}
.tile-farms .world-art{clip-path:url(#farms-cutout)}
.tile-main .world-art{clip-path:url(#main-cutout)}
.tile-builds .world-art{clip-path:url(#builds-cutout)}
.world-tile{--frame-left:0%;--frame-right:0%;--frame-bottom:1.2%;--surface-top:14.2%}
.tile-farms{--surface-top:12.1%;--frame-bottom:1.2%}
.tile-main{--surface-top:15.8%;--frame-left:2.7%;--frame-right:.4%;--frame-bottom:1.2%}
.tile-builds{--surface-top:11.6%;--frame-left:2.7%;--frame-right:.4%;--frame-bottom:1.2%}
.world-tile:before,.world-tile:after{inset:var(--surface-top) var(--frame-right) var(--frame-bottom) var(--frame-left);border-radius:10.5% / 24%}
.world-tile:before{border:2px solid #E85002;background:radial-gradient(ellipse at 72% 123%,#F1600166,transparent 62%),linear-gradient(135deg,#333333,#000000);box-shadow:inset 0 1px 0 #D9C3AB26,0 10px 25px #00000055}
.world-tile:hover:before,.world-tile:focus-visible:before{border-color:#F16001}
.hero-panel,.render-card:before{border:2px solid #646464;background:radial-gradient(ellipse at 95% 112%,#F1600166,transparent 64%),linear-gradient(135deg,#333333,#000000 78%)}
.hero-main:hover .hero-panel,.render-card:hover:before,.render-card:focus-visible:before{border-color:#E85002}
.hero-panel{transition:border-color .4s var(--ease-soft)}
.render-card:before{transition:border-color .4s var(--ease-soft),box-shadow .4s var(--ease-soft)}
.world-copy{padding-top:0}
.world-copy h2{color:#F9F9F9;background:none;-webkit-text-fill-color:currentColor;text-shadow:0 2px 14px #000000}
.world-grid{align-items:start}
.world-tile .world-art{transform:none}
.world-watermark{margin-top:14px}
.weapon-art{display:block;width:100%;height:100%;max-width:none;fill:none;stroke:none;pointer-events:none;overflow:visible;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0);transition:transform .45s var(--ease-soft)}
.unusual-card .render-visual{inset:5px 8px 8px 42%;overflow:visible;mask-image:none;-webkit-mask-image:none}
.item-art{padding:12px 20px;border:2px solid #646464;background:radial-gradient(ellipse at 75% 90%,#F1600133,transparent 68%),linear-gradient(135deg,#333333,#000000)}
.item-art .weapon-art{width:min(100%,440px);height:100%;max-height:100%;margin:auto}
.item-art:hover{border-color:#E85002}
.brand-sign{gap:0;padding:0 4px;max-width:100%}
.brand-word{display:flex;align-items:center;gap:.035em;font-size:clamp(76px,12vw,176px);line-height:1.1;letter-spacing:0;color:#F16001;background:none;-webkit-text-fill-color:currentColor;filter:none;animation:none;white-space:nowrap;text-shadow:0 0 2px #F16001,0 0 16px #E8500273}
.brand-word>span{display:block;animation:letter-shimmer 4.8s ease-in-out infinite;animation-delay:calc(var(--letter) * .16s);animation-play-state:paused}
.brand-interlude.is-in-view .brand-word>span{animation-play-state:running}
.brand-interlude{min-height:270px;gap:20px;padding-top:46px;padding-bottom:35px}
.brand-sign:hover .brand-word>span,.brand-sign:focus-visible .brand-word>span{animation-duration:3.2s}
@keyframes letter-shimmer{0%,32%,100%{color:#F16001;text-shadow:0 0 2px #F16001,0 0 15px #E8500273}44%,55%{color:#F9F9F9;text-shadow:0 0 3px #D9C3AB,0 0 18px #F16001,0 0 34px #E8500280}72%{color:#D9C3AB;text-shadow:0 0 3px #F16001,0 0 20px #E85002}}
.play-button{animation:play-float 3.6s ease-in-out infinite,play-color 4.2s ease-in-out infinite;animation-play-state:paused;background-size:220% 100%;background-image:linear-gradient(115deg,#F16001 15%,#E85002 38%,#D9C3AB 50%,#F16001 62%,#E85002 85%);border:2px solid #F16001}
.play-button:before{animation-duration:3.4s;width:34%}
.play-button:after{animation-duration:3.6s;box-shadow:inset 0 0 20px #D9C3AB99;border:0}
.play-button.is-in-view:hover,.play-button.is-in-view:focus-visible{animation-play-state:running;background-image:linear-gradient(115deg,#F16001 15%,#E85002 38%,#D9C3AB 50%,#F16001 62%,#E85002 85%)}
@keyframes play-color{0%,100%{background-position:15% center}50%{background-position:90% center}}
@keyframes play-sheen{0%,10%{transform:translateX(-200%) rotate(22deg);opacity:0}18%{opacity:.8}65%,100%{transform:translateX(450%) rotate(22deg);opacity:0}}
@keyframes play-glow{0%,100%{opacity:.3}50%{opacity:.9}}
@media(max-width:1100px){.brand-interlude{min-height:235px}.brand-word{font-size:clamp(76px,12vw,140px)}}
@media(max-width:760px){.brand-interlude{min-height:200px;padding:40px 0 28px;gap:14px}.brand-word{font-size:clamp(66px,16vw,118px)}.brand-orbit{top:33%}.unusual-card .render-visual{inset:4px 8px 8px 42%}.item-art{padding:12px 18px}.world-watermark{margin-top:18px}}
@media(max-width:400px){.brand-word{font-size:clamp(66px,20.6vw,78px)}.brand-interlude{min-height:182px}}
@media(hover:none){.play-button{animation:play-color 4.2s ease-in-out infinite;animation-play-state:paused}.play-button.is-in-view{animation-play-state:running}}
@media(prefers-reduced-motion:reduce){html:not([data-motion="full"]) .brand-word>span,html:not([data-motion="full"]) .play-button,html:not([data-motion="full"]) .play-button:before,html:not([data-motion="full"]) .play-button:after{animation:none!important}html:not([data-motion="full"]) .weapon-art{transform:none!important;transition:none!important}html:not([data-motion="full"]) .brand-word>span{color:#F16001}html:not([data-motion="full"]) .play-button{background-position:25% center}}


/* Motion is visible immediately; viewport observers only pause offscreen work. */
@font-face{font-family:RussoOne;src:url('assets/fonts/RussoOne-Regular.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
.hero-title,.render-card .render-label,.world-copy h2,.world-tile .world-label,.feature-heading h2,.feature-heading h3,.section-label h2,dialog h2,.play-button{font-family:RussoOne,Manrope,Arial,sans-serif;font-weight:400;letter-spacing:0}
.hero-title{font-size:clamp(30px,2.8vw,42px);line-height:1.12}
.render-card .render-label{font-size:clamp(14px,1.4vw,20px);line-height:1.22}
.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.hero-bottom{gap:18px;flex-wrap:wrap}
.motion-toggle{display:inline-flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #64646488;border-radius:10px;background:#33333380;color:#D9C3AB;font-size:14px;transition:background .3s,border-color .3s,transform .3s}
.motion-toggle:hover{border-color:#F16001;background:#E8500226;transform:translateY(-2px)}
.motion-indicator{width:8px;height:8px;background:#F16001;box-shadow:0 0 9px #F16001;animation:indicator-pulse 2s ease-in-out infinite}
.motion-toggle[aria-pressed="false"] .motion-indicator{background:#646464;box-shadow:none;animation:none}
.reveal-ready{opacity:1;translate:none;pointer-events:auto}
.reveal-ready.is-visible{animation:panel-arrive .65s var(--ease-soft) both;animation-delay:var(--reveal-delay,0ms)}
@keyframes panel-arrive{from{opacity:.6;translate:0 22px}to{opacity:1;translate:0 0}}
.lobby-restored{width:100%;aspect-ratio:502/253;opacity:1;visibility:visible;overflow:visible}
.lobby-restored .world-art{clip-path:none;transform:none;width:100%;height:auto;max-width:100%;object-fit:contain}
.lobby-restored:before{display:none}
.lobby-restored:after{inset:14.2% 0 1.2%;z-index:2;box-shadow:inset 0 0 0 2px #F16001,0 15px 35px #E8500240}
.lobby-restored .world-label{top:23%;right:5%;width:32%;height:24%;max-width:none;padding:0;display:flex;align-items:center;justify-content:center;background:#333333;border-radius:20px;font-size:clamp(17px,1.8vw,25px);transform:none!important;box-shadow:none}
.lobby-restored:hover .world-label,.lobby-restored:focus-visible .world-label{background:#333333}
.lobby-restored .world-cta{bottom:12%}
.hero-small{grid-template-rows:1.3fr 1fr}
.unusual-card{padding:18px;min-height:170px}
.unusual-card .render-label{width:100%;font-size:clamp(16px,1.45vw,21px);line-height:1.2}
.unusual-card .render-visual{inset:-6px 14px 51px;overflow:visible;display:block}
.weapon-rack{display:block;position:relative;width:100%;height:100%;pointer-events:none}
.weapon-figure{display:block;fill:none;stroke:none;overflow:visible;width:100%;height:100%;pointer-events:none;animation:weapon-drift 4s ease-in-out infinite;transition:filter .35s,scale .45s var(--ease-soft);filter:drop-shadow(0 8px 9px #00000066)}
.weapon-rack .weapon-figure{position:absolute;top:0;height:100%;width:30%}
.weapon-rack .figure-fire{left:6%}
.weapon-rack .figure-ice{left:37%;animation-delay:-1.3s}
.weapon-rack .figure-ember{right:3%;top:7%;height:60%;animation-delay:-2.6s}
.unusual-card:hover .weapon-figure,.unusual-card:focus-visible .weapon-figure{scale:1.07;filter:drop-shadow(0 10px 13px #E8500240)}
.item-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:12px;padding:17px 18px;overflow:visible}
.item-preview{position:relative;display:flex;align-items:center;justify-content:center;height:100%;min-width:0;padding:5px;border:1px solid #64646455;border-radius:14px;background:linear-gradient(145deg,#33333355,#00000055);transition:background .35s,box-shadow .35s,border-color .35s}
.item-preview:hover,.item-preview:focus-visible{border-color:#F16001;background:linear-gradient(145deg,#E8500226,#00000055);box-shadow:0 0 26px #E8500233}
.item-preview .figure-ice{animation-delay:-1.3s}.item-preview .figure-ember{height:62%;animation-delay:-2.6s}
.item-preview:hover .weapon-figure,.item-preview:focus-visible .weapon-figure{scale:1.08}
.item-dialog{width:min(560px,calc(100% - 32px));max-height:90svh}
.item-dialog-stage{height:min(48svh,380px);padding:24px;position:relative;margin-top:18px;border:1px solid #64646466;border-radius:20px;background:radial-gradient(ellipse at 50% 60%,#E850024D,transparent 65%),linear-gradient(#64646419 1px,transparent 1px),linear-gradient(90deg,#64646419 1px,transparent 1px);background-size:100% 100%,32px 32px,32px 32px}
.item-dialog-stage svg{width:100%;height:100%;fill:none;stroke:none;overflow:visible;animation:item-turn 5s ease-in-out infinite}
.item-switches{display:flex;justify-content:center;gap:10px;margin-top:18px}
.item-switches button{padding:9px 12px;border-radius:9px;border:1px solid #64646466;background:#333333;color:#A7A7A7;font-size:13px}
.item-switches button[aria-pressed="true"]{background:#E85002;border-color:#F16001;color:#000000}
.motion-card:hover,.motion-card:focus-visible{--lift:-9px}
.world-tile.motion-card:hover,.world-tile.motion-card:focus-visible{--lift:-11px}
.hero-main.motion-card:hover{--lift:-4px}
.render-card:hover:before,.render-card:focus-visible:before{border-color:#F16001;box-shadow:0 13px 40px #E850024D,inset 0 0 24px #E8500226}
.render-card .control-art{transition:transform .45s var(--ease-soft),filter .4s;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0)}
.render-card:hover .control-art,.render-card:focus-visible .control-art{transform:translate3d(var(--art-x,0px),-5px,0) scale(1.025)}
.play-button{animation:play-float 3.2s ease-in-out infinite,play-color 2.8s ease-in-out infinite;animation-play-state:running;box-shadow:inset 0 1px 0 #D9C3AB99,0 8px 30px #E8500273}
.play-button:before,.play-button:after{animation-play-state:running}
.play-button:before{animation-duration:2.6s}
.play-button:hover,.play-button:focus-visible{animation-play-state:running;transform:translateY(-4px) scale(1.07);box-shadow:0 0 0 4px #E8500226,0 15px 40px #E8500299}
.play-button:active{transform:translateY(1px) scale(.96)}
.play-button:hover .play-icon{translate:4px 0}
@keyframes play-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
.brand-word>span,.brand-orbit,.pixel-spark{animation-play-state:running}
.brand-sign:hover .brand-word,.brand-sign:focus-visible .brand-word{filter:drop-shadow(0 0 20px #E850024D)}
.brand-sign:hover .brand-word>span,.brand-sign:focus-visible .brand-word>span{animation:word-hover 1.7s ease-in-out infinite;animation-delay:calc(var(--letter) * -.13s);-webkit-text-fill-color:currentColor}
@keyframes word-hover{0%,100%{color:#F9F9F9;text-shadow:0 0 5px #D9C3AB,0 0 22px #F16001}35%{color:#F16001;text-shadow:0 0 3px #F16001,0 0 16px #E85002}65%{color:#D9C3AB;text-shadow:0 0 4px #F9F9F9,0 0 26px #F16001}}
.page{position:relative;z-index:1}
.page-lights{position:fixed;z-index:0;inset:0;pointer-events:none;overflow:hidden;contain:paint}
.page-glow{position:absolute;width:76vmax;height:76vmax;will-change:transform;pointer-events:none}
.page-glow i{display:block;width:100%;height:100%;border-radius:50%;animation:light-flow 16s ease-in-out infinite alternate}
.glow-warm{opacity:calc(.45 + var(--scroll-progress,0) * .55);left:-20vmax;top:-28vmax;transform:translate3d(calc(var(--scroll-progress,0) * 42vw),calc(var(--scroll-progress,0) * 45vh),0)}
.glow-warm i{background:radial-gradient(ellipse at 55% 50%,#F1600159,transparent 65%)}
.glow-red{opacity:calc(1 - var(--scroll-progress,0) * .45);right:-22vmax;top:10vh;transform:translate3d(calc(var(--scroll-progress,0) * -40vw),calc(var(--scroll-progress,0) * -28vh),0)}
.glow-red i{background:radial-gradient(ellipse at 55% 50%,#C1080159,transparent 65%);animation-delay:-8s}
.cursor-light{position:absolute;inset:0;background:radial-gradient(420px circle at var(--cursor-x,65%) var(--cursor-y,35%),#E850021F,transparent 72%);opacity:0;transition:opacity .5s}
.page-lights.has-pointer .cursor-light{opacity:1}
@keyframes light-flow{from{rotate:-15deg;scale:.85;opacity:.65}to{rotate:25deg;scale:1.2;opacity:1}}
@keyframes indicator-pulse{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes weapon-drift{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -5px;rotate:1deg}}
@keyframes item-turn{0%,100%{transform:perspective(800px) rotateY(-7deg) translateY(0)}50%{transform:perspective(800px) rotateY(7deg) translateY(-5px)}}
.motion-offscreen .weapon-figure,.brand-interlude.motion-offscreen .brand-word>span,.brand-interlude.motion-offscreen .brand-orbit,.brand-interlude.motion-offscreen .pixel-spark,.play-button.motion-offscreen,.play-button.motion-offscreen:before,.play-button.motion-offscreen:after{animation-play-state:paused}
.page-is-hidden .page-glow i,.page-is-hidden .weapon-figure,.page-is-hidden .item-dialog-stage svg{animation-play-state:paused}
html[data-motion="reduced"]{scroll-behavior:auto}
html[data-motion="reduced"] *,html[data-motion="reduced"] *:before,html[data-motion="reduced"] *:after{animation:none!important;transition:none!important}
html[data-motion="reduced"] .motion-card,html[data-motion="reduced"] .motion-card:hover,html[data-motion="reduced"] .motion-card:focus-visible,html[data-motion="reduced"] .play-button,html[data-motion="reduced"] .control-art{transform:none!important;translate:none!important}
html[data-motion="reduced"] .page-glow{transform:none}.item-dialog:not([open]) svg{animation-play-state:paused}
@media(max-width:1100px){.hero-title{font-size:30px}.render-card .render-label{font-size:clamp(13px,1.4vw,17px)}.unusual-card .render-label{font-size:18px}}
@media(max-width:760px){.hero-title{font-size:clamp(23px,4.7vw,31px)}.hero-small{grid-template-rows:auto auto}.render-card .render-label{font-size:16px}.unusual-card{min-height:clamp(166px,41vw,265px);padding:17px 15px}.unusual-card .render-label{font-size:clamp(18px,4vw,24px)}.unusual-card .render-visual{inset:-2px 12px 50px}.hero-actions{width:100%;justify-content:space-between;gap:12px}.lobby-restored{width:min(100%,480px);margin:0 auto}.lobby-restored .world-label{font-size:clamp(19px,4.4vw,25px);border-radius:16px}.glow-warm{left:-44vmax}.glow-red{right:-44vmax}.item-showcase{padding:16px 12px;gap:8px}.item-switches button{padding:9px 10px;font-size:12px}}
@media(max-width:400px){.hero-title{font-size:23px}.render-card .render-label{font-size:14px}.unusual-card .render-label{font-size:18px}.unusual-card{min-height:166px}}
@media(hover:none){.motion-card:hover{transform:none;--lift:0px}.render-card:hover .control-art{transform:none}.cursor-light{display:none}}
@media(prefers-reduced-motion:reduce){html:not([data-motion="full"]) .page-glow i,html:not([data-motion="full"]) .weapon-figure,html:not([data-motion="full"]) .item-dialog-stage svg,html:not([data-motion="full"]) .motion-indicator{animation:none!important}}

/* One continuous light field, with stable hit areas for all hover effects. */
.world-section:before,.features:before,.gallery-section:before{display:none}
.glow-warm i{background:radial-gradient(ellipse at 50% 50%,#F1600159,transparent 62%)}
.glow-red i{background:radial-gradient(ellipse at 50% 50%,#C1080159,transparent 62%)}
.sidebar{background:linear-gradient(155deg,#64646499,#333333F5 35%,#333333F2) padding-box,var(--brand-gradient) border-box;box-shadow:inset 0 1px 0 #A7A7A733,0 18px 55px #00000066}
.nav-item{color:#D9C3AB}
.motion-card,.motion-card:hover,.motion-card:focus-visible,.motion-card:active{--lift:0px;transform:none}
.world-tile{--world-rise:0px}
.world-tile:hover,.world-tile:focus-visible{--world-rise:-4px}
.world-tile .world-art,.world-tile:before,.world-tile:after,.world-tile .world-label,.world-tile .world-cta{translate:0 var(--world-rise);transition:translate .5s var(--ease-soft),opacity .4s var(--ease-soft),border-color .4s var(--ease-soft),box-shadow .4s var(--ease-soft),background-color .4s var(--ease-soft)}
.world-tile .world-label,.world-tile:hover .world-label,.world-tile:focus-visible .world-label{transform:none}
.world-tile:after{z-index:0;box-shadow:none;border:0;background:radial-gradient(ellipse at 60% 85%,#E8500233,transparent 72%)}
.world-tile:hover:before,.world-tile:focus-visible:before{border-color:#F16001;box-shadow:inset 0 1px 0 #D9C3AB26,0 12px 30px #E8500226}
.lobby-restored .world-art{clip-path:url(#lobby-cutout);transform:none}
.lobby-restored:before{display:block}
.lobby-restored:after{inset:var(--surface-top) var(--frame-right) var(--frame-bottom) var(--frame-left);z-index:0;box-shadow:none}
.lobby-restored .world-label{background:#333333}
.render-card{--render-rise:0px}
.render-card:hover,.render-card:focus-visible{--render-rise:-4px;filter:none;transform:none}
.render-card .render-visual{overflow:visible;mask-image:none;-webkit-mask-image:none}
.render-card .control-art,.render-card:hover .control-art,.render-card:focus-visible .control-art{transform:none;translate:0 var(--render-rise);transition:translate .5s var(--ease-soft),filter .4s var(--ease-soft)}
.staff-card .control-art{mask-image:linear-gradient(to bottom,#000000 56%,transparent 68.1%);-webkit-mask-image:linear-gradient(to bottom,#000000 56%,transparent 68.1%)}
.render-card:before,.render-card:after{translate:0 var(--render-rise);transition:translate .5s var(--ease-soft),border-color .4s var(--ease-soft),box-shadow .4s var(--ease-soft),opacity .4s var(--ease-soft)}
.render-card:after{background:radial-gradient(ellipse at 50% 65%,#F1600133,transparent 72%);border:0;box-shadow:none}
.render-card:hover:before,.render-card:focus-visible:before{border-color:#E85002;box-shadow:0 12px 28px #E8500226}
.render-card .render-label,.render-card:hover .render-label,.render-card:focus-visible .render-label,.render-card .render-arrow,.render-card:hover .render-arrow{translate:none;transform:none;box-shadow:none}
.unusual-card{min-height:180px}
.unusual-card .render-visual{inset:8px 14px 51px;display:flex;align-items:center;justify-content:center}
.header-hammer{width:100%;height:100%;animation:hammer-float 4.4s ease-in-out infinite;filter:drop-shadow(0 7px 9px #00000066);scale:1}
.unusual-card:hover .header-hammer,.unusual-card:focus-visible .header-hammer{scale:1;filter:drop-shadow(0 7px 14px #E8500255)}
@keyframes hammer-float{0%,100%{translate:0 0;rotate:-12deg}50%{translate:0 -4px;rotate:-10deg}}
.artifact-carousel{position:relative;width:100%;min-width:0;border:2px solid #64646480;border-radius:23px;background:radial-gradient(ellipse at 50% 92%,#E8500233,transparent 65%),linear-gradient(145deg,#333333,#000000);padding:12px 12px 13px;isolation:isolate}
.carousel-stage{position:relative;height:226px;overflow:hidden;touch-action:pan-y;perspective:850px}
.carousel-stage:before{content:'';position:absolute;left:9%;right:9%;bottom:20px;height:42px;border:1px solid #E8500233;border-radius:50%;background:radial-gradient(ellipse,#E8500226,transparent 68%);pointer-events:none}
.carousel-slide{position:absolute;left:50%;top:50%;width:clamp(65px,24%,106px);height:194px;margin:0;padding:8px 1px;border:0;border-radius:0;background:transparent;box-shadow:none;transform:translate3d(calc(-50% + var(--slot-x,0px)),calc(-50% + var(--slot-y,0px)),0) scale(var(--slot-scale,1)) rotateY(var(--slot-turn,0deg));transform-origin:center;transition:filter .3s var(--ease-soft);will-change:transform;touch-action:pan-y}
.carousel-slide[hidden]{display:none}
.carousel-slide svg{width:100%;height:100%;fill:none;stroke:none;overflow:visible;pointer-events:none;filter:drop-shadow(0 8px 9px #00000080);transition:filter .3s var(--ease-soft)}
.carousel-slide:hover svg,.carousel-slide:focus-visible svg{filter:drop-shadow(0 5px 11px #E8500259)}
.carousel-slide:focus-visible{outline:1px dashed #D9C3AB;outline-offset:0;border-radius:8px}
.carousel-controls{display:flex;align-items:center;justify-content:center;gap:14px;min-height:34px;position:relative;z-index:101}
.carousel-arrow,.carousel-pause{display:grid;place-items:center;background:#333333;color:#D9C3AB;border:1px solid #64646480;border-radius:9px;min-width:34px;height:34px;padding:0 8px;font-size:18px;transition:background .3s,border-color .3s}
.carousel-pause{font-size:11px;min-width:58px;position:absolute;right:0}
.carousel-arrow:hover,.carousel-pause:hover{border-color:#E85002;background:#64646466;transform:none}
.carousel-count,.item-switches span{font-size:12px;letter-spacing:1px;color:#D9C3AB;min-width:66px;text-align:center;font-variant-numeric:tabular-nums}
.item-switches{align-items:center}
.item-dialog-stage{height:min(54svh,430px);padding:24px 32px}
.item-dialog-stage svg{animation:artifact-breathe 5s ease-in-out infinite}
@keyframes artifact-breathe{0%,100%{translate:0 0}50%{translate:0 -4px}}
html[data-motion="reduced"] .world-tile,html[data-motion="reduced"] .render-card{--world-rise:0px;--render-rise:0px}
html[data-motion="reduced"] .carousel-pause{visibility:hidden}
html[data-motion="reduced"] .header-hammer{rotate:-11deg;translate:none}
.motion-offscreen .header-hammer,.page-is-hidden .header-hammer{animation-play-state:paused}
@media(max-width:1100px){.carousel-stage{height:226px}.artifact-carousel{padding:12px 8px 13px}.carousel-controls{justify-content:flex-start;gap:8px}.carousel-count{min-width:55px}}
@media(max-width:760px){.sidebar{background:linear-gradient(110deg,#64646499,#333333F5 45%,#333333F2) padding-box,var(--brand-gradient) border-box}.unusual-card{min-height:180px}.unusual-card .render-visual{inset:8px 14px 50px}.carousel-stage{height:238px}.carousel-slide{height:204px;width:clamp(72px,24%,118px)}.carousel-controls{justify-content:center;gap:12px}.carousel-count{min-width:66px}}
@media(max-width:400px){.carousel-controls{justify-content:flex-start;gap:8px}.carousel-stage{height:224px}.carousel-slide{height:190px}}
@media(hover:none){.world-tile:hover{--world-rise:0px}.render-card:hover{--render-rise:0px}}
@media(prefers-reduced-motion:reduce){html:not([data-motion="full"]) .header-hammer{animation:none;rotate:-11deg;translate:none}}

/* Two instances of the same carousel, with a compact first-screen layout. */
.hero-small{grid-template-rows:minmax(225px,1fr) auto}
.artifact-carousel--hero{grid-column:span 2;min-height:0;display:block;padding:12px 14px 13px;border-radius:25px;align-self:stretch}
.artifact-carousel--hero:before,.artifact-carousel--hero:after{content:none}
.artifact-carousel--hero .carousel-stage{height:154px}
.artifact-carousel--hero .carousel-stage:before{bottom:12px;height:30px}
.artifact-carousel--hero .carousel-slide{height:146px;width:clamp(58px,23%,90px);padding:6px 1px}
.artifact-carousel--hero .carousel-controls{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;gap:9px;min-height:32px;align-items:center}
.artifact-carousel--hero .carousel-arrow{width:28px;height:28px;min-width:28px;padding:0;font-size:16px}
.artifact-carousel--hero .render-label{position:static;inset:auto;display:block;width:auto;max-width:100%;padding:0;margin:0;background:none;border-radius:0;box-shadow:none;font:400 clamp(16px,1.4vw,21px)/1.2 RussoOne,Manrope,Arial,sans-serif;letter-spacing:0;text-align:center;translate:none;transform:none}
.sidebar{border:1px solid #A7A7A7A6;background:#000000;box-shadow:inset 0 1px 0 #F9F9F91A,0 14px 38px #00000066}
.nav-item{color:#A7A7A7}
.nav-item:hover,.nav-item:focus-visible{color:#F9F9F9}
.nav-item.active{color:#F16001}

/* Photograph proportions come from a dedicated frame, not HTML height hints. */
.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.gallery-card{display:block;width:100%;min-width:0;padding:0;border:1px solid #64646466;border-radius:18px;background:linear-gradient(145deg,#333333,#000000);box-shadow:0 8px 28px #00000040}
.gallery-card>.gallery-photo{position:relative;display:block;width:100%;height:auto;aspect-ratio:16/9;padding:0;margin:0;gap:0;background:#000000;overflow:hidden}
.gallery-photo>img{display:block;width:100%;height:100%;max-width:100%;aspect-ratio:auto;object-fit:contain;object-position:center;transform:none;transition:transform .65s var(--ease-soft)}
.gallery-card:hover .gallery-photo>img,.gallery-card:focus-visible .gallery-photo>img{transform:scale(1.025)}
.gallery-card>.gallery-caption{padding:17px 20px 18px;background:linear-gradient(120deg,#33333380,#000000);min-height:73px}
.gallery-caption strong{font-family:RussoOne,Manrope,Arial,sans-serif;font-weight:400;font-size:clamp(13px,1.15vw,17px);line-height:1.3;padding-right:25px}
.gallery-caption small{color:#A7A7A7;font-size:11px;letter-spacing:.3px}
.gallery-card:hover,.gallery-card:focus-visible{transform:none;border-color:#F16001;box-shadow:0 8px 28px #E850021A}
@media(max-width:1100px){.gallery-grid{gap:18px}.artifact-carousel--hero .render-label{font-size:17px}}
@media(max-width:760px){.hero-small{grid-template-rows:auto auto}.artifact-carousel--hero{padding:12px 13px 13px}.artifact-carousel--hero .carousel-stage{height:170px}.artifact-carousel--hero .carousel-slide{height:160px;width:clamp(58px,23%,98px)}.artifact-carousel--hero .render-label{font-size:clamp(16px,4vw,21px)}.sidebar{background:#000000;border-color:#A7A7A7A6}.gallery-card{border-radius:15px}.gallery-card>.gallery-caption{padding:14px 16px;min-height:66px}.gallery-caption strong{font-size:14px}}
@media(max-width:640px){.gallery-grid{grid-template-columns:minmax(0,1fr);gap:20px}.gallery-card svg{display:block;top:19px;right:16px}}
@media(max-width:400px){.artifact-carousel--hero .render-label{font-size:16px}.artifact-carousel--hero .carousel-stage{height:154px}.artifact-carousel--hero .carousel-slide{height:146px}}
@media(hover:none){.gallery-card:hover .gallery-photo>img{transform:none}}
html[data-motion="reduced"] .gallery-card:hover .gallery-photo>img,html[data-motion="reduced"] .gallery-card:focus-visible .gallery-photo>img{transform:none}