:root{--green:#0f8;--green-dim:#00b35f;--green-dark:#0a3d22;--black:#020403;--white:#e8fff2;--mono:"IBM Plex Mono", monospace;--display:"Unbounded", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--black);width:100%;height:100%;color:var(--white);font-family:var(--mono);cursor:none;overflow:hidden}::selection{background:var(--green);color:var(--black)}.cursor{z-index:9999;pointer-events:none;background:var(--green);mix-blend-mode:screen;width:8px;height:8px;box-shadow:0 0 12px var(--green);border-radius:50%;margin:-4px 0 0 -4px;transition:transform .15s,opacity .3s;position:fixed;top:0;left:0}.cursor:after{content:"";border:1px solid #00ff8859;border-radius:50%;transition:inset .2s,border-color .2s;position:absolute;inset:-10px}.cursor.is-hover{transform:scale(1.6)}.cursor.is-hover:after{border-color:#00ff88b3;inset:-16px}.gate{z-index:100;background:radial-gradient(ellipse 80% 60% at 50% 45%, #00ff880d, transparent 70%), var(--black);flex-direction:column;justify-content:center;align-items:center;gap:2.4rem;transition:opacity 1.6s,visibility 1.6s;display:flex;position:fixed;inset:0}.gate.is-open{opacity:0;visibility:hidden;pointer-events:none}.gate-scanline{pointer-events:none;background:repeating-linear-gradient(#0000 0 2px,#00ff8805 2px 4px);position:absolute;inset:0}.gate-typed{letter-spacing:.32em;text-transform:uppercase;min-height:1.4em;color:var(--green-dim);font-size:clamp(13px,1.1vw,16px)}.gate-typed .caret{vertical-align:text-bottom;background:var(--green);width:.6em;height:1.1em;animation:.9s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.gate-title{font-family:var(--display);letter-spacing:.08em;color:var(--white);text-shadow:0 0 18px #00ff888c,0 0 70px #00ff8847;opacity:0;font-size:clamp(2.4rem,6.5vw,6rem);font-weight:900;line-height:1;transition:opacity 1.4s,transform 1.4s;transform:translateY(14px)}.gate-title.is-in{opacity:1;transform:none}.gate-sub{letter-spacing:.5em;text-transform:uppercase;color:#e8fff273;opacity:0;font-size:clamp(11px,.9vw,13px);transition:opacity 1.2s .5s}.gate-sub.is-in{opacity:1}.gate-enter{font-family:var(--mono);letter-spacing:.5em;text-indent:.5em;text-transform:uppercase;color:var(--green);cursor:none;opacity:0;background:0 0;border:1px solid #0f86;margin-top:1rem;padding:1.05rem 3.6rem;font-size:13px;font-weight:600;transition:opacity 1.2s 1.1s,color .25s,border-color .25s;position:relative;overflow:hidden}.gate-enter.is-in{opacity:1}.gate-enter:disabled{color:#00b35f8c;pointer-events:none;border-color:#00ff882e}.gate-enter:before{content:"";background:var(--green);transform-origin:0;transition:transform .3s cubic-bezier(.7,0,.2,1);position:absolute;inset:0;transform:scaleX(0)}.gate-enter:hover{color:var(--black);border-color:var(--green)}.gate-enter:hover:before{transform:scaleX(1)}.gate-enter span{z-index:1;position:relative}.hud{z-index:50;pointer-events:none;position:fixed;inset:0}.hud-brand{font-family:var(--display);letter-spacing:.28em;color:var(--white);opacity:0;font-size:15px;font-weight:700;animation:1.5s .8s forwards fadein;position:absolute;top:2.2rem;left:2.6rem}.hud-brand em{color:var(--green);font-style:normal}.hud-hint{white-space:nowrap;letter-spacing:.4em;text-transform:uppercase;color:#e8fff261;opacity:0;font-size:11px;animation:1.5s 2s forwards fadein;position:absolute;bottom:5.6rem;left:50%;transform:translate(-50%)}.hud-sound{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:none;min-width:178px;font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--white);opacity:0;background:#00ff8824;border:1px solid #00ff88b8;align-items:center;gap:.85rem;padding:.8rem 1rem;font-size:10.5px;transition:background .2s,border-color .2s,box-shadow .2s,color .2s;animation:1.5s 1.2s forwards fadein,2.2s ease-in-out 2.6s infinite soundPulse;display:flex;position:absolute;top:1.75rem;right:2rem;box-shadow:0 0 22px #00ff8847,inset 0 0 18px #00ff8814}.hud-sound:hover{background:var(--green);border-color:var(--green);color:var(--black);box-shadow:0 0 42px #00ff8894}.hud-sound .bars{border:1px solid;justify-content:center;align-items:flex-end;gap:3px;width:28px;height:24px;padding:5px;display:flex}.hud-sound .bars i{background:var(--green);width:3px;animation:.9s ease-in-out infinite eq}.hud-sound:hover .bars i{background:var(--black)}.hud-sound .bars i:first-child{height:6px;animation-delay:0s}.hud-sound .bars i:nth-child(2){height:11px;animation-delay:.2s}.hud-sound .bars i:nth-child(3){height:8px;animation-delay:.4s}.hud-sound .sound-copy{flex-direction:column;align-items:flex-start;gap:.18rem;line-height:1;display:flex}.hud-sound .sound-copy strong{letter-spacing:.22em;font-size:12px}.hud-sound .sound-copy small{letter-spacing:.26em;color:#e8fff28f;font-size:8px}.hud-sound:hover .sound-copy small{color:#020403ad}.hud-sound.is-muted{box-shadow:none;color:#e8fff2ad;background:#e8fff214;border-color:#e8fff261;animation:1.5s 1.2s forwards fadein}.hud-sound.is-muted .bars i{opacity:.4;height:2px;animation:none}@keyframes eq{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes soundPulse{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}@keyframes fadein{to{opacity:1}}.panel{pointer-events:auto;max-width:480px;position:absolute;bottom:7.5rem;left:4rem}.panel-index{letter-spacing:.5em;color:var(--green-dim);opacity:0;margin-bottom:1.1rem;font-size:11px;animation:.8s .15s forwards rise}.panel-title{font-family:var(--display);letter-spacing:.02em;color:var(--white);text-shadow:0 0 30px #00ff8840;opacity:0;margin-bottom:1.3rem;font-size:clamp(1.8rem,3.2vw,3rem);font-weight:900;line-height:1.02;animation:.8s .3s forwards rise}.panel-body{color:#e8fff2b8;opacity:0;border-left:1px solid #00ff8859;margin-bottom:1.8rem;padding-left:1.4rem;font-size:14px;line-height:1.85;animation:.8s .45s forwards rise}.panel-actions{opacity:0;gap:1rem;animation:.8s .6s forwards rise;display:flex}.btn{font-family:var(--mono);letter-spacing:.4em;text-indent:.4em;text-transform:uppercase;color:var(--green);cursor:none;background:0 0;border:1px solid #0f86;padding:.85rem 2.2rem;font-size:11px;font-weight:600;text-decoration:none;transition:color .25s,box-shadow .25s;display:inline-block;position:relative;overflow:hidden}.btn:before{content:"";background:var(--green);transform-origin:0;transition:transform .3s cubic-bezier(.7,0,.2,1);position:absolute;inset:0;transform:scaleX(0)}.btn span{z-index:1;position:relative}.btn:hover{color:var(--black)}.btn:hover:before{transform:scaleX(1)}.btn.btn-primary{background:var(--green);color:var(--black);box-shadow:0 0 30px #0f86}.btn.btn-primary:before{background:var(--white)}.btn.btn-primary:hover{box-shadow:0 0 55px #00ff88bf}.btn.btn-ghost{color:#e8fff28c;border-color:#e8fff233}.btn.btn-ghost:before{background:#e8fff2e6}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.ca-pill{pointer-events:auto;font-family:var(--mono);letter-spacing:.12em;color:var(--green);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:none;background:#020403c7;border:1px solid #00ff8873;align-items:center;gap:.6rem;padding:.6rem 1rem;font-size:11.5px;font-weight:600;transition:border-color .2s,box-shadow .2s,background .2s,color .2s;display:inline-flex;box-shadow:0 0 18px #00ff882e}.ca-pill:hover{border-color:var(--green);box-shadow:0 0 30px #00ff8873}.ca-pill.is-copied{background:var(--green);color:var(--black);box-shadow:0 0 40px #00ff88b3}.ca-pill .ca-paw{place-items:center;animation:2.2s ease-in-out infinite pawpulse;display:grid}@keyframes pawpulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.ca-pill .ca-label{letter-spacing:.3em;text-indent:.3em;opacity:.75;border:1px solid;padding:.1rem .4rem;font-size:9px}.ca-pill .ca-copy{opacity:.6}.ca-pill:hover .ca-copy{opacity:1}.hud-ca{opacity:0;animation:1.2s 1s forwards fadein;position:absolute;top:2rem;left:50%;transform:translate(-50%)}.gate-ca{opacity:0;transition:opacity 1.2s 1.5s}.gate-ca.is-in{opacity:1}.dock{pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#020403b8;border:1px solid #00ff8838;gap:.5rem;padding:.5rem;animation:1s 1.6s forwards rise;display:flex;position:absolute;bottom:1.6rem;left:50%;transform:translate(-50%)}.dock-chip{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:#e8fff299;cursor:none;background:0 0;border:1px solid #0000;padding:.65rem .85rem;font-size:10px;font-weight:600;transition:color .2s,border-color .2s,background .2s,box-shadow .2s}.dock-chip b{color:var(--green-dim);margin-right:.45em;font-weight:600}.dock-chip:hover{color:var(--green);border-color:#00ff8859}.dock-chip.is-active{color:var(--black);background:var(--green);border-color:var(--green);box-shadow:0 0 22px #00ff8873}.dock-chip.is-active b{color:#02040399}.launch{opacity:0;flex-direction:column;align-items:flex-start;gap:1rem;animation:.8s .6s forwards rise;display:flex}.socials{gap:1.6rem;display:flex}.socials a{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:#e8fff28c;border-bottom:1px solid #00ff8840;padding-bottom:.25rem;font-size:10px;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s}.socials a:hover{color:var(--green);border-color:var(--green)}.launch .panel-actions{opacity:1;animation:none}@media (width<=768px){html,body{cursor:auto}.cursor{display:none}.panel{-webkit-backdrop-filter:blur(8px);background:#020403d1;border:1px solid #00ff882e;max-width:none;padding:1.1rem 1.2rem;bottom:8.2rem;left:1rem;right:1rem}.panel-title{font-size:clamp(1.35rem,6.5vw,1.9rem)}.panel-body{font-size:12.5px;line-height:1.7}.hud-hint{white-space:normal;text-align:center;background:#020403b3;border:1px solid #00ff8824;width:max-content;max-width:86vw;padding:.45rem .9rem;bottom:6.4rem}.hud-brand{font-size:13px;top:1.1rem;left:1.1rem}.hud-sound{gap:.55rem;min-width:138px;padding:.58rem .7rem;top:1.2rem;right:1.1rem}.hud-sound .bars{width:24px;height:22px}.hud-sound .sound-copy strong{letter-spacing:.18em;font-size:10px}.hud-sound .sound-copy small{letter-spacing:.18em;font-size:7px}.hud-ca{width:max-content;top:auto;bottom:4.6rem}.ca-pill{padding:.5rem .8rem;font-size:10.5px}.dock{scrollbar-width:none;max-width:94vw;bottom:.8rem;overflow-x:auto}.dock::-webkit-scrollbar{display:none}.panel-actions{flex-wrap:wrap}.gate-title{font-size:clamp(2rem,11vw,3.4rem)}}.filmgrain{z-index:40;pointer-events:none;opacity:.5;background:repeating-linear-gradient(#0000 0 3px,#0000000f 3px 4px);position:fixed;inset:0}