@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";
.startup-font{font-family:Share Tech Mono,monospace}.boot-container{background-color:#030303;background-image:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 4px,6px 100%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.tactical-frame{opacity:0;pointer-events:none;border:1px solid #ffffff14;width:90vw;height:85vh;animation:2.8s step-end 1.2s forwards frame-flash;position:absolute}.tactical-frame:before,.tactical-frame:after{content:"";pointer-events:none;width:100%;height:100%;position:absolute}.tactical-frame:before{border-top:2px solid #fff;border-bottom:2px solid #fff;transform:scaleX(.04)}.tactical-frame:after{border-left:2px solid #fff;border-right:2px solid #fff;transform:scaleY(.06)}.content-group{flex-direction:column;align-items:center;display:flex;position:relative}.playing-text{color:#d8d8d8;letter-spacing:.3em;text-transform:uppercase;opacity:0;clip-path:polygon(0 0,0 0,0 100%,0 100%);align-items:center;gap:12px;margin-bottom:24px;font-size:1.5rem;animation:.4s cubic-bezier(.77,0,.17,1) .8s forwards text-wipe,.1s ease-in 1.2s text-flash,.2s cubic-bezier(0,.6,1,.4) 3.8s forwards logo-disappear;display:flex}.playing-text:before{content:"[";color:#666}.playing-text:after{content:"]";color:#666}.boot-logo{opacity:0;clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%);filter:drop-shadow(0 0 4px #fff3);width:1000px;max-width:95vw;height:auto;animation:.3s cubic-bezier(.86,0,.07,1) 1s forwards logo-slice-reveal,.3s steps(3,end) 3.8s forwards logo-glitch-out}.scanner-line{opacity:0;background:#fff;width:100%;height:1px;animation:1.5s cubic-bezier(.25,1,.5,1) 1s forwards scan-pass;position:absolute;top:50%;box-shadow:0 0 10px #fff}.connect-btn{color:#fff;letter-spacing:.4em;text-transform:uppercase;cursor:pointer;background-color:#0000;border:1px solid #ffffff4d;outline:none;padding:16px 48px;font-size:1.2rem;transition:all .3s;position:relative;overflow:hidden}.connect-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.connect-btn:hover{text-shadow:0 0 8px #ffffff80;border-color:#fff;box-shadow:0 0 15px #fff3}.connect-btn:hover:before{left:100%}.connect-btn:active{transform:scale(.98)}@keyframes text-wipe{0%{opacity:1;clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes text-flash{0%,to{opacity:1}50%{opacity:0}}@keyframes logo-slice-reveal{0%{opacity:.8;clip-path:polygon(0 48%,100% 48%,100% 52%,0 52%);transform:scaleX(1.1)}50%{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:scaleX(1.02)}to{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:scaleX(1)}}@keyframes logo-glitch-out{0%{opacity:1;filter:none;transform:skew(0)}30%{opacity:.8;filter:drop-shadow(-5px 0 #ff000080)drop-shadow(5px 0 #00ffff80);transform:skew(-15deg)}60%{opacity:.2;transform:skew(20deg)scaleY(.2)}to{opacity:0;transform:scale(0)}}@keyframes logo-disappear{0%{opacity:1}to{opacity:0;transform:scale(.95)}}@keyframes frame-flash{0%{opacity:1}5%{opacity:.2}10%{opacity:1}95%{opacity:1}to{opacity:0}}@keyframes scan-pass{0%{opacity:0;top:0%}10%{opacity:.5;top:10%}to{opacity:0;top:100%}}@keyframes subtle-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.idle-container{animation:1.5s cubic-bezier(.2,.8,.2,1) forwards subtle-fade-in}