:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--chrome-top:58px;--chrome-bottom:76px;color:#fff;background:#110c19}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{cursor:pointer}.hero{height:100dvh}.scene,.scene canvas,.scene-poster{width:100%;height:100%;display:block;position:absolute;inset:0}.scene-poster{object-fit:cover}.model-wrap{inset:var(--chrome-top) 0 var(--chrome-bottom);isolation:isolate;filter:saturate(1.14)hue-rotate(-26deg)brightness(.75);position:absolute;overflow:hidden}.model-wrap:after{content:"";pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(#8237a357,#0000 49%,#205f9f35 80%,#160d367d),linear-gradient(100deg,#cd216628,#0000 43%,#2ba7bb28);position:absolute;inset:0}.scanlines{z-index:3;inset:var(--chrome-top) 0 var(--chrome-bottom);pointer-events:none;opacity:.13;background:repeating-linear-gradient(0deg,#fff2 0 1px,#0000 1px 4px);position:fixed}.wordmark{z-index:4;pointer-events:none;width:clamp(230px,59vw,860px);max-width:88vw;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wordmark img{filter:drop-shadow(0 4px #180d0a)drop-shadow(0 6px 11px #160a16a8);width:100%;display:block}.topbar,.bottombar{z-index:5;background:linear-gradient(#342437 0%,#19121f 21%,#100e17 53%,#211523 100%);align-items:center;display:flex;position:fixed;left:0;right:0}.topbar{height:var(--chrome-top);border-top:2px solid #71424e;border-bottom:4px solid #2f142d;padding:6px 0 9px;top:0;box-shadow:inset 0 -2px #f15a8a,0 3px #180d20,0 5px 20px #100716a8}.marquee{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.marquee-track{width:max-content;animation:24s linear infinite marquee;display:flex}.marquee-group,.marquee-item{align-items:center;display:flex}.marquee-item{gap:22px;padding-inline:12px 24px}.marquee-item img{filter:drop-shadow(0 2px #c04358)drop-shadow(0 2px #180e1d);width:auto;height:30px;display:block}.marquee-item i{background:#7ae5ed;border:1px solid #d6fcff;width:8px;height:8px;transform:rotate(45deg);box-shadow:1px 2px #2c677b,0 0 8px #58d9ef91}@keyframes marquee{to{transform:translate(-50%)}}.bottombar{height:var(--chrome-bottom);border-top:4px solid #112c3a;border-bottom:2px solid #412739;justify-content:center;gap:clamp(8px,2.1vw,30px);padding:6px 10px 8px;bottom:0;box-shadow:inset 0 2px #64dbe4,0 -3px #100f1b,0 -5px 20px #0c0916ab}.nav-action{--face-light:#fb92b3;--face:#c74779;--face-dark:#8f254f;--side:#59142f;background:linear-gradient(180deg, var(--face-light), var(--face) 36%, var(--face-dark));min-width:clamp(94px,15vw,175px);min-height:42px;box-shadow:inset 0 1px 0 #fffb, inset 0 -2px 0 #180b2659, 0 4px 0 var(--side), 0 6px 0 #100b16, 0 8px 9px #0009;border:2px solid #110c15;border-radius:6px;place-items:center;padding:5px clamp(7px,1.3vw,20px);transition:filter .15s,transform .15s,box-shadow .15s;display:grid}.nav-action--gold{--face-light:#ffda77;--face:#d89732;--face-dark:#9b4c23;--side:#5c291e}.nav-action--cyan{--face-light:#94f1ef;--face:#399faf;--face-dark:#216482;--side:#143a57}.nav-action img{object-fit:contain;filter:drop-shadow(0 1px #321329);width:auto;max-width:100%;height:clamp(17px,2.2vw,26px);display:block}.nav-action:hover{filter:brightness(1.11);transform:translateY(-2px)}.nav-action:focus-visible{outline-offset:4px;outline:2px solid #fff}.nav-action:active{box-shadow:inset 0 1px 0 #fffb, inset 0 -2px 0 #180b2659, 0 1px 0 var(--side), 0 3px 0 #100b16;transform:translateY(3px)}@media (width<=600px){:root{--chrome-top:49px;--chrome-bottom:65px}.marquee-item{gap:16px;padding-inline:10px 17px}.marquee-item img{height:25px}.nav-action{width:min(31vw,134px);min-width:0}}
