@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;height:100%;overflow:hidden;background:#040a12;color:#fff;font-family:Departure,monospace}.ascii-app{height:100svh;padding-top:28px;position:relative;isolation:isolate;background:radial-gradient(circle at 65% 48%,#101a39 0,#050b13 55%,#02060a 100%)}#asciiCanvas{position:absolute;inset:28px 0 0;width:100%;height:calc(100% - 28px);display:block}.ascii-copy{position:absolute;z-index:2;left:3vw;top:88px;max-width:520px;pointer-events:none}.ascii-copy p{color:#7486ff;font-size:.7rem;letter-spacing:.15em}.ascii-copy h1{margin:18px 0;font-size:clamp(3.2rem,8vw,8.6rem);line-height:.8;font-weight:400;letter-spacing:-.06em}.ascii-copy strong{color:#c8ff4d;font-weight:400}.ascii-copy span{display:block;color:#cbd7df;line-height:1.65;font-size:.83rem;max-width:470px}.ascii-controls{position:absolute;z-index:3;right:3vw;bottom:38px;width:min(310px,90vw);padding:12px;display:grid;gap:10px;border:1px solid #111;background:#f4f1e8;color:#071018;box-shadow:8px 8px 0 #7486ff}.ascii-controls button{min-height:42px;border:1px solid #071018;background:#071018;color:#fff;font:inherit}.ascii-controls button:hover{background:#c8ff4d;color:#071018}.ascii-controls label{display:grid;grid-template-columns:86px 1fr;align-items:center;gap:10px;font-size:.7rem}.ascii-controls input{width:100%;accent-color:#ff4fd8}.ascii-readout{position:absolute;left:3vw;bottom:24px;display:grid;grid-template-columns:auto auto auto auto;gap:9px;align-items:center;font-size:.62rem;color:#82939c}.ascii-readout b{color:#35f2ff;font-weight:400}@media(max-width:760px){.ascii-copy{left:20px;right:20px;top:82px}.ascii-copy h1{font-size:clamp(3rem,17vw,6rem)}.ascii-copy span{max-width:75%;font-size:.72rem}.ascii-controls{left:20px;right:20px;bottom:30px;width:auto}.ascii-readout{display:none}}