@font-face{font-family:Departure;src:url('/assets/fonts/departure-mono.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow:hidden;background:#071018;color:#fff;font-family:Departure,monospace}.mf-stage{position:relative;width:100vw;height:100vh;isolation:isolate;background:radial-gradient(circle at 75% 18%,rgba(53,242,255,.13),transparent 34%),#071018}.mf-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;z-index:1}.mf-grid{position:absolute;inset:28px 0 0;z-index:2;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}canvas{position:absolute;inset:28px 0 0;width:100%;height:calc(100% - 28px);display:block}.mf-copy{position:absolute;z-index:3;left:clamp(18px,4vw,70px);top:clamp(78px,12vh,145px);max-width:min(560px,78vw);pointer-events:none}.mf-copy>span{display:inline-block;padding:7px 9px;background:#c8ff4d;color:#071018;border:1px solid #071018;box-shadow:5px 5px 0 #ff4fd8;font-size:10px}.mf-copy h1{margin:18px 0 12px;font-size:clamp(4.2rem,12vw,10rem);line-height:.77;letter-spacing:-.07em;text-shadow:8px 8px 0 rgba(255,79,216,.35)}.mf-copy p{max-width:450px;font-size:12px;line-height:1.6;background:rgba(7,16,24,.72);border-left:4px solid #35f2ff;padding:10px 12px}.mf-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;pointer-events:auto}.mf-controls button{font:inherit;font-size:9px;padding:10px 12px;border:1px solid #fff;background:#071018;color:#fff;box-shadow:4px 4px 0 #35f2ff}.mf-controls button:hover{background:#c8ff4d;color:#071018;box-shadow:4px 4px 0 #ff4fd8}.mf-status{position:absolute;z-index:3;left:18px;right:18px;bottom:15px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.08em;pointer-events:none}.mf-status span{padding:6px 8px;background:rgba(7,16,24,.78);border:1px solid rgba(255,255,255,.35)}@media(max-width:700px){.mf-copy{top:90px}.mf-copy h1{font-size:clamp(4rem,22vw,7rem)}.mf-copy p{font-size:10px}.mf-controls{max-width:260px}.mf-status{bottom:8px}}