.intro-active{overflow:hidden}.intro-v2{display:flex;flex-direction:column;justify-content:center;gap:12px;background:radial-gradient(ellipse at 50% 35%,#32204055,transparent 58%),#100e17;overflow:hidden;transition:opacity .45s,transform .6s;transform:scale(1)}.intro-v2:before{content:'';position:absolute;inset:0;background:linear-gradient(#b899ff05 1px,transparent 1px),linear-gradient(90deg,#b899ff05 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at center,black,transparent 75%);pointer-events:none}.intro-v2.hidden{opacity:0;transform:scale(1.035)}.intro-v2 .intro-top{top:30px;left:40px;right:40px;align-items:center}.intro-v2 .intro-top .brand{font-size:30px}.intro-sequence{font-size:10px;letter-spacing:2px;color:var(--muted)}.activation{width:320px;height:320px;position:relative;flex-shrink:0}.activation-ring{position:absolute;border-radius:50%;border:1px solid #b899ff33;inset:0}.ring-outer{inset:-22px;border-style:dashed;border-color:#b899ff26}.ring-inner{inset:18px;border-color:#ff914d44}.activation-crosshair{position:absolute;inset:-35px;background:linear-gradient(90deg,transparent calc(50% - .5px),#b899ff1c 50%,transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),#b899ff1c 50%,transparent calc(50% + .5px))}.sentinel-portrait{position:absolute;inset:34px;overflow:hidden;border-radius:50%;background:#100e17;box-shadow:0 0 50px #b899ff15}.sentinel-portrait img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;display:block}.portrait-scan{position:absolute;left:0;right:0;height:20%;top:-20%;background:linear-gradient(transparent,#ff914d15,#ff914d77);border-bottom:1px solid var(--orange);filter:drop-shadow(0 0 8px #ff914d);pointer-events:none}.coordinate{position:absolute;font-size:9px;letter-spacing:2px;color:var(--muted)}.coordinate-a{top:20px;left:-80px}.coordinate-b{bottom:18px;right:-115px;font-size:8px}.lock-corner{position:absolute;width:15px;height:15px;border-color:var(--orange);border-style:solid}.corner-a{left:25px;top:25px;border-width:1px 0 0 1px}.corner-b{right:25px;top:25px;border-width:1px 1px 0 0}.corner-c{left:25px;bottom:25px;border-width:0 0 1px 1px}.corner-d{right:25px;bottom:25px;border-width:0 1px 1px 0}.intro-wordmark{text-align:center;position:relative;z-index:1}.intro-pretitle{font-size:10px;letter-spacing:4px;color:var(--muted)}.intro-wordmark h2{font:90px/.95 'VT323',monospace;letter-spacing:14px;margin:13px 0;color:var(--text);text-indent:14px}.intro-wordmark p{font-size:12px;color:var(--orange);margin:18px 0 13px}.intro-progress{width:200px;height:2px;margin:auto;background:#b899ff22;overflow:hidden}.intro-progress span{height:100%;width:100%;display:block;background:var(--violet);transform-origin:left;transform:scaleX(0)}.intro-bottom{position:absolute;left:40px;bottom:39px;font-size:9px;letter-spacing:2px;color:var(--muted)}.intro-v2>button{bottom:30px;right:40px;font-size:11px;border-color:#76608e}.intro-v2>button span{color:var(--orange);margin-left:12px}.playing .activation{animation:activate-frame .8s both}.playing .sentinel-portrait{animation:activate-portrait 1.25s both}.playing .portrait-scan{animation:activate-scan 1.2s .5s both}.playing .ring-outer{animation:activate-orbit 12s linear infinite}.playing .lock-corner{animation:activate-lock 1.1s both}.playing .intro-wordmark{animation:activate-type 1.2s .35s both}.playing .intro-progress span{animation:activate-progress 3.35s linear both}.playing .coordinate{animation:activate-type .8s .8s both}@keyframes activate-frame{from{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@keyframes activate-portrait{0%{opacity:0;transform:scale(.9);filter:brightness(.1)}45%{opacity:1;filter:brightness(.35)}65%{filter:brightness(1.3)}100%{opacity:1;transform:scale(1);filter:brightness(1)}}@keyframes activate-scan{from{top:-20%;opacity:0}10%{opacity:1}to{top:110%;opacity:0}}@keyframes activate-orbit{to{transform:rotate(360deg)}}@keyframes activate-lock{0%{opacity:0;transform:scale(1.4)}50%{opacity:.3}70%{opacity:1}85%{opacity:.5}100%{opacity:1;transform:scale(1)}}@keyframes activate-type{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes activate-progress{to{transform:scaleX(1)}}@media(max-width:650px){.intro-v2{gap:22px}.activation{width:250px;height:250px}.sentinel-portrait{inset:28px}.intro-wordmark h2{font-size:72px;letter-spacing:10px;text-indent:10px}.intro-pretitle{font-size:9px;letter-spacing:2px}.intro-v2 .intro-top{top:22px;left:22px;right:22px}.intro-v2 .intro-top .brand{font-size:26px}.intro-v2 .intro-sequence{font-size:8px;max-width:100px;letter-spacing:1px;line-height:1.8;text-align:right}.coordinate-a{left:-22px;top:-20px;font-size:8px}.coordinate-b{bottom:-24px;right:-16px;font-size:7px}.intro-bottom{left:22px;bottom:83px;font-size:8px;right:22px;text-align:center;letter-spacing:1px}.intro-v2>button{right:22px;bottom:22px}.intro-wordmark p{font-size:11px}}@media(max-height:650px){.activation{width:210px;height:210px}.intro-v2{gap:12px}.intro-wordmark h2{font-size:65px}.intro-v2 .intro-top{top:15px}.intro-bottom{bottom:24px}}@media(prefers-reduced-motion:reduce){.intro-v2{display:none}}