:root{--ink: #05070c;--ink2: #0c0e16;--cream: #f2ede2;--orange: #ff5a1f;--amber: #ffb53e;--cyan: #3fd0df;--magenta: #ff2fd6;--acid: #39ff6b;--yellow: #ffe23e}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--ink);color:var(--cream);font-family:Poppins,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.pixel{font-family:Silkscreen,monospace}.mono{font-family:Space Mono,monospace}#stage{position:fixed;inset:0;width:100%;height:100%;display:block}body.in-universe #stage{cursor:none}#crosshair{position:fixed;left:-100px;top:-100px;z-index:35;width:34px;height:34px;margin:-17px 0 0 -17px;pointer-events:none;opacity:0;transition:width .15s,height .15s,margin .15s}body.in-universe #crosshair{opacity:1}.ch-c{position:absolute;width:9px;height:9px;border:2px solid rgba(242,237,226,.8)}.ch-tl{left:0;top:0;border-right:0;border-bottom:0}.ch-tr{right:0;top:0;border-left:0;border-bottom:0}.ch-bl{left:0;bottom:0;border-right:0;border-top:0}.ch-br{right:0;bottom:0;border-left:0;border-top:0}.ch-dot{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;background:var(--cream)}#crosshair.lock{width:26px;height:26px;margin:-13px 0 0 -13px}#crosshair.lock .ch-c{border-color:var(--acid);animation:lock-blink .5s steps(2) infinite}#crosshair.lock .ch-dot{background:var(--acid)}@keyframes lock-blink{50%{border-color:var(--magenta)}}#frame{position:fixed;inset:0;z-index:24;pointer-events:none;opacity:0;transition:opacity .8s}body.in-universe #frame{opacity:1}.fr{position:absolute;width:30px;height:30px;border:2px solid var(--orange)}.fr-tl{left:12px;top:12px;border-right:0;border-bottom:0}.fr-tr{right:12px;top:12px;border-left:0;border-bottom:0}.fr-bl{left:12px;bottom:12px;border-right:0;border-top:0}.fr-br{right:12px;bottom:12px;border-left:0;border-top:0}#lives{position:fixed;left:32px;top:66px;z-index:24;display:flex;gap:7px;font-size:15px;opacity:0;transition:opacity .8s;pointer-events:none}body.in-universe #lives{opacity:1}#lives span:nth-child(1){color:var(--magenta)}#lives span:nth-child(2){color:var(--cyan)}#lives span:nth-child(3){color:var(--yellow)}#lives.hit span{animation:heart-hit .45s steps(3)}#lives.hit span:nth-child(2){animation-delay:.05s}#lives.hit span:nth-child(3){animation-delay:.1s}@keyframes heart-hit{0%{transform:scale(1)}40%{transform:scale(1.6)}to{transform:scale(1)}}body.in-universe #crosshair.dm{opacity:.2}body.in-universe button,body.in-universe a,body.in-universe #dots button{cursor:var(--hand-cursor, pointer)}#preloader{position:fixed;inset:0;z-index:60;background:var(--ink);display:flex;align-items:center;justify-content:center}.pre-center{display:flex;flex-direction:column;align-items:center;gap:30px}.pre-logo-img{width:clamp(220px,32vw,400px);height:auto;opacity:0;animation:pre-img-pop .55s cubic-bezier(.34,1.56,.64,1) .18s forwards}@keyframes pre-img-pop{0%{opacity:0;transform:scale(.6) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.pre-bar{display:flex;flex-direction:column;gap:8px;width:clamp(200px,26vw,320px)}.pre-bar-label{font-size:11px;letter-spacing:.3em;color:var(--acid);animation:pre-blink 1s steps(2) infinite}@keyframes pre-blink{50%{opacity:.35}}.pre-bar-track{height:12px;border:1px solid rgba(242,237,226,.35);padding:2px}#pre-bar-fill{height:100%;width:0%;background:repeating-linear-gradient(90deg,var(--acid) 0 6px,transparent 6px 9px)}.pre-pct{position:absolute;left:34px;bottom:30px;font-size:clamp(2.4rem,6vw,4.2rem);color:var(--cream)}#intro{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;text-align:center;padding:0 5vw;opacity:0;visibility:hidden}.intro-title{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:clamp(2rem,5.6vw,4.6rem);line-height:1.24;text-transform:uppercase;letter-spacing:.01em}.intro-title .line{display:block}.intro-title em{font-style:normal;padding:0 .18em}.pill-orange{background:var(--orange);color:var(--ink)}.pill-cyan{background:var(--cyan);color:var(--ink)}.glitch{text-shadow:.035em 0 0 rgba(255,47,214,.55),-.035em 0 0 rgba(63,208,223,.55);animation:glitch-shift 3.4s steps(2) infinite}@keyframes glitch-shift{0%,92%,to{text-shadow:.035em 0 0 rgba(255,47,214,.55),-.035em 0 0 rgba(63,208,223,.55)}94%{text-shadow:-.05em .012em 0 rgba(255,47,214,.8),.05em -.012em 0 rgba(63,208,223,.8)}97%{text-shadow:.02em -.015em 0 rgba(255,47,214,.7),-.02em .015em 0 rgba(63,208,223,.7)}}.btn-start{border:0;cursor:pointer;background:var(--orange);color:#fff;font-size:14px;font-weight:700;letter-spacing:.16em;padding:16px 30px;display:inline-flex;align-items:center;gap:14px;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);transition:background .25s,transform .25s}.btn-start:hover{background:var(--acid);color:var(--ink);transform:translateY(-2px)}.btn-sq{display:inline-block;transition:transform .25s}.btn-start:hover .btn-sq{transform:translate(5px)}.intro-hint{position:absolute;top:34px;left:50%;transform:translate(-50%);width:max-content;max-width:92vw;font-size:clamp(13px,1.53vw,22px);letter-spacing:.22em;text-transform:uppercase;color:#fffc}#hud{position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:20px 30px;opacity:0;visibility:hidden}.hud-logo{text-decoration:none;display:inline-flex;align-items:center;gap:10px}.hud-logo-img{height:26px;width:auto;display:block}.hud-logo-tag{font-family:Silkscreen,monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--acid)}.hud-nav{display:flex;gap:26px}.hud-nav a,.hud-mail{color:#f2ede2b3;text-decoration:none;font-size:13px;transition:color .2s}.hud-nav a:hover,.hud-mail:hover{color:var(--acid)}.hud-right{display:flex;align-items:center;gap:18px}.hud-mail{border:1px solid rgba(57,255,107,.5);color:var(--acid);padding:9px 16px;clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%)}.hud-sound{background:var(--orange);border:0;cursor:pointer;width:36px;height:34px;display:flex;align-items:center;justify-content:center;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}.snd-bars{display:flex;gap:3px;align-items:flex-end;height:14px}.snd-bars i{width:3px;height:5px;background:#fff;transition:height .2s}.hud-sound.on .snd-bars i{animation:snd .9s ease-in-out infinite}.hud-sound.on .snd-bars i:nth-child(2){animation-delay:.15s}.hud-sound.on .snd-bars i:nth-child(3){animation-delay:.3s}@keyframes snd{0%,to{height:5px}50%{height:14px}}#dots{position:fixed;right:26px;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:14px;opacity:0;visibility:hidden}#dots button{width:9px;height:9px;border:0;cursor:pointer;background:#f2ede240;transition:background .25s,transform .25s}#dots button.active{background:var(--acid);transform:scale(1.5) rotate(45deg)}#case{position:fixed;left:34px;right:34px;bottom:34px;z-index:30;display:flex;gap:7vw;align-items:flex-end;opacity:0;visibility:hidden;pointer-events:none}#case .case-col{pointer-events:auto;max-width:420px}.case-label{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:#f2ede280;margin-bottom:10px}#case-idx{color:var(--acid)}.case-title{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:clamp(1.4rem,2.6vw,2.2rem);text-transform:uppercase;line-height:1.05}.case-cta{display:inline-block;margin-top:14px;border:0;cursor:pointer;background-color:var(--orange);color:#fff;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.14em;padding:10px 16px;clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);transition:background-color .2s,color .2s}.case-cta:hover{background-color:var(--acid);color:var(--ink)}.case-info{font-size:14.5px;font-weight:300;line-height:1.6;color:#f2ede2d9}.case-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.case-tags span{font-size:11px;letter-spacing:.08em;padding:5px 10px;border:1px solid rgba(242,237,226,.3);color:#f2ede2bf;clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%)}#cue{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:30;display:flex;flex-direction:column;gap:5px;align-items:center;opacity:0;visibility:hidden}.cue-px{width:7px;height:7px;background:#f2ede28c;animation:cue-fall 1.5s ease-in-out infinite}#cue .cue-px:nth-child(2){animation-delay:.2s}#cue .cue-px:nth-child(3){animation-delay:.4s}@keyframes cue-fall{0%,to{opacity:.25}50%{opacity:1}}#modal{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;padding:4vh 4vw;background:#0304088c}#modal.open{display:flex}#modal-win{--accent: var(--acid);position:relative;width:min(1120px,100%);max-height:92vh;display:flex;flex-direction:column;background:#050505;border:2px solid var(--cream);box-shadow:8px 8px #f2ede229,16px 16px #f2ede21a,24px 24px #f2ede20e,0 0 90px #000c}#modal-win:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0 1px,transparent 1px 3px)}.md-titlebar{position:relative;display:flex;align-items:center;gap:14px;background:#e8e4da;color:#050505;padding:7px 10px;overflow:hidden}.md-icon{width:22px;height:22px;object-fit:contain;image-rendering:pixelated;flex:none}.md-dissolve{flex:1;height:12px;background:repeating-conic-gradient(#050505 0% 25%,transparent 0% 50%) 0 0 / 8px 8px;opacity:.85}.md-title{font-size:12px;font-weight:700;letter-spacing:.14em;white-space:nowrap}.md-close{border:1.5px solid #050505;background:transparent;color:#050505;cursor:pointer;font-size:12px;font-weight:700;line-height:1;padding:3px 7px;transition:background .15s,color .15s}.md-close:hover{background:#050505;color:var(--accent)}.md-body{padding:38px 46px 32px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.md-heading{font-family:Silkscreen,monospace;font-size:clamp(1.35rem,3vw,2.1rem);text-transform:uppercase;color:var(--accent);margin-bottom:16px;text-shadow:.06em .06em 0 rgba(0,0,0,.9)}.md-lead{font-size:17px;line-height:1.65;color:var(--cream);margin-bottom:16px}.md-text{font-size:15px;font-weight:300;line-height:1.7;color:#f2ede2d9;margin-bottom:16px}.md-note{font-family:Space Mono,monospace;font-size:11.5px;letter-spacing:.06em;color:#f2ede273;margin-top:18px}.md-terms{display:flex;flex-direction:column;gap:8px;margin:18px 0;font-family:Silkscreen,monospace;font-size:13px}.t-green{color:var(--acid)}.t-yellow{color:var(--yellow)}.t-cyan{color:var(--cyan)}.md-services{list-style:none;counter-reset:svc;display:grid;grid-template-columns:1fr 1fr;gap:7px 18px;margin:14px 0}.md-services li{counter-increment:svc;font-size:13px;color:#f2ede2e0;padding:6px 0 6px 34px;position:relative;border-bottom:1px dashed rgba(242,237,226,.14)}.md-services li:before{content:counter(svc,decimal-leading-zero);position:absolute;left:0;font-family:Silkscreen,monospace;font-size:11px;color:var(--accent)}.md-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:14px;margin:18px 0}.md-stats div{border:1px solid rgba(242,237,226,.18);padding:12px 10px}.md-stats b{display:block;font-family:Space Mono,monospace;font-size:20px;color:var(--accent)}.md-stats span{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#f2ede280}.md-cases{display:flex;flex-direction:column;gap:10px;margin:16px 0}.md-cases div{display:grid;grid-template-columns:34px 1fr auto;align-items:baseline;gap:10px;border:1px solid rgba(242,237,226,.16);padding:10px 14px}.md-cases i{font-style:normal;font-family:Silkscreen,monospace;font-size:12px;color:var(--accent)}.md-cases b{font-size:13.5px;font-weight:600;color:var(--cream)}.md-cases span{font-family:Space Mono,monospace;font-size:11px;color:#f2ede28c}.md-flow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0;font-family:Silkscreen,monospace;font-size:12px}.md-flow span{border:1px solid var(--accent);color:var(--accent);padding:7px 12px}.md-flow i{font-style:normal;color:#f2ede280}.md-cta{display:inline-block;margin-top:6px;background:var(--orange);color:#fff;text-decoration:none;font-family:Space Mono,monospace;font-size:13px;font-weight:700;letter-spacing:.12em;padding:12px 20px;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);transition:background .2s,color .2s}.md-cta:hover{background:var(--acid);color:var(--ink)}.md-badge{position:absolute;right:-34px;bottom:42px;width:78px;height:78px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(4px 6px 0 rgba(0,0,0,.55));transform:rotate(-6deg);animation:badge-bob 3.2s ease-in-out infinite;pointer-events:none}@keyframes badge-bob{0%,to{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-7px)}}.md-hearts{display:flex;gap:8px;margin-top:20px;color:var(--magenta);font-size:13px}.md-hearts span:nth-child(2){color:var(--cyan)}.md-hearts span:nth-child(3){color:var(--yellow)}@media(max-width:760px){.hud-nav{display:none}#case{flex-direction:column;gap:18px;align-items:flex-start;bottom:24px}#dots{right:14px}.md-services{grid-template-columns:1fr}#modal{padding:3vh 3vw}.md-body{padding:20px 18px 18px}body.in-universe #stage{cursor:auto}#crosshair{display:none}}@media(prefers-reduced-motion:reduce){.glitch,.cue-px,.hud-sound.on .snd-bars i,.pre-bar-label,#crosshair.lock .ch-c,.md-badge,#lives.hit span{animation:none}}