:root{--bg: #0a0a12;--panel: #14141f;--panel-2: #1c1c2b;--ink: #e9e9f2;--muted: #9a9ab5;--blue: #5b6ee1;--blue-bright: #7f8dff;--green: #37c837;--green-deep: #0a7a1e;--red: #d43b3b;--yellow: #ffcf3f;--border: #2c2c40;--display: "Press Start 2P", "Courier New", monospace;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", "Menlo", "Courier New", monospace;--maxw: 1100px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg);background-image:radial-gradient(circle at 50% -10%,#16233a 0%,transparent 55%),repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,0,0,.25) 2px 3px);color:var(--ink);font-family:var(--mono);font-size:16px;line-height:1.6;overflow-x:hidden}.pixelated,img.pixelated{image-rendering:pixelated;image-rendering:crisp-edges}.treeline{height:80px;background-image:url(/imgs/BCKGRDA.png);background-repeat:repeat-x;background-size:auto 80px;background-position:bottom center;image-rendering:pixelated}.treeline--top{border-bottom:3px solid #000}.treeline--bottom{background-image:url(/imgs/BCKGRDC.png);border-top:3px solid #000}a{color:var(--blue-bright)}.hero{max-width:var(--maxw);margin:0 auto;padding:48px 24px 32px;display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:40px;align-items:center}.hero__screen{border:3px solid var(--border);box-shadow:0 0 0 4px #000,0 10px 30px #0009;background:#000;padding:6px}.hero__screen img{display:block;width:100%;height:auto;image-rendering:pixelated}.kicker{font-family:var(--display);font-size:11px;letter-spacing:1px;color:var(--yellow);text-transform:uppercase;margin-bottom:18px}.hero__title{font-family:var(--display);font-size:clamp(20px,4vw,34px);line-height:1.35;color:var(--blue-bright);text-shadow:3px 3px 0 #000,6px 6px 0 var(--green-deep);margin-bottom:22px}.hero__lede{font-size:16px;line-height:1.65;color:var(--ink);margin-bottom:14px;max-width:54ch}.hero__lede em{color:var(--yellow);font-style:normal}.hero__lede strong{color:var(--green);font-weight:400}.hero__lede a{text-decoration:none;color:var(--blue-bright)}.hero__lede a:hover{text-decoration:underline}.jump{display:inline-block;margin-top:10px;font-family:var(--display);font-size:11px;text-decoration:none;color:#000;background:var(--green);padding:12px 16px;border:3px solid #000;box-shadow:4px 4px 0 var(--green-deep)}.jump:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--green-deep)}.jump:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--green-deep)}.section-title{font-family:var(--display);font-size:clamp(16px,3vw,24px);color:var(--yellow);text-shadow:3px 3px 0 #000;text-align:center;margin:8px 0 14px}.section-sub{text-align:center;color:var(--muted);max-width:66ch;margin:0 auto 26px;font-size:15px}.section-sub code,code{font-family:var(--mono);background:#000;color:var(--green);padding:0 6px;border-radius:3px}.board-section{max-width:var(--maxw);margin:0 auto;padding:40px 24px 20px}.group-title{font-family:var(--display);font-size:12px;color:var(--blue-bright);margin:26px 0 14px;letter-spacing:1px}.group-title span{color:var(--muted);font-size:10px}#fx-board .group-title{color:var(--green)}.buttons{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.button{position:relative;overflow:hidden;cursor:pointer;aspect-ratio:4 / 3;border:3px solid #000;background:var(--panel-2);color:var(--ink);font-family:var(--mono);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:2px;padding:12px;text-align:left;transition:transform .08s ease,box-shadow .08s ease;box-shadow:4px 4px #000}.button--voice{background:linear-gradient(180deg,#1a2350,#10152e);box-shadow:4px 4px #05081c,inset 0 0 0 1px var(--blue)}.button--fx{background:linear-gradient(180deg,#10331a,#0a1f10);box-shadow:4px 4px #041106,inset 0 0 0 1px var(--green-deep)}.button:hover{transform:translate(-1px,-1px)}.button:active,.button.key-pressed{transform:translate(3px,3px);box-shadow:1px 1px #000}.button.playing{outline:2px solid var(--yellow);outline-offset:-2px}.button__label{font-family:var(--display);font-size:10px;line-height:1.4;color:#fff}.button--voice .button__label{color:var(--blue-bright)}.button--fx .button__label{color:var(--green)}.button__note{font-size:12px;color:var(--muted);text-transform:lowercase}.button__file{font-size:11px;color:#6a6f92;letter-spacing:.3px}.button__wave{position:absolute;top:12px;right:12px;display:flex;align-items:flex-end;gap:2px;height:18px;opacity:.5}.button__wave span{width:3px;height:5px;background:currentColor}.button--voice .button__wave{color:var(--blue)}.button--fx .button__wave{color:var(--green)}.button.playing .button__wave{opacity:1}.button.playing .button__wave span{animation:eq .5s ease-in-out infinite alternate}.button.playing .button__wave span:nth-child(2){animation-delay:.1s}.button.playing .button__wave span:nth-child(3){animation-delay:.2s}.button.playing .button__wave span:nth-child(4){animation-delay:.15s}.button.playing .button__wave span:nth-child(5){animation-delay:.05s}@keyframes eq{0%{height:3px}to{height:18px}}.key-indicator{position:absolute;top:10px;left:10px;background:#000;color:var(--yellow);padding:2px 7px;font-family:var(--display);font-size:9px;border:1px solid var(--border);z-index:3}@media (hover: none) and (pointer: coarse){.key-indicator{display:none}}.progress{position:absolute;bottom:0;left:0;width:0%;height:4px;background:var(--yellow);z-index:3}.post{max-width:760px;margin:40px auto 60px;padding:40px 28px;background:var(--panel);border:3px solid var(--border);box-shadow:0 0 0 4px #000;font-size:16px;line-height:1.7}.post__head{margin-bottom:1.6em;padding-bottom:1.2em;border-bottom:2px solid var(--border)}.post__title{font-family:var(--display);font-size:17px;line-height:1.55;color:var(--blue-bright);text-shadow:2px 2px 0 #000;margin:0 0 .9em}.post__byline{font-size:13px;color:var(--muted);margin:0}.post__byline a{color:var(--blue-bright)}.post__byline .dt-published{color:var(--yellow)}.post h1,.post h2,.post h3{font-family:var(--display);line-height:1.5;color:var(--yellow);margin:1.8em 0 .8em}.post h1{font-size:20px;color:var(--blue-bright);text-shadow:2px 2px 0 #000}.post h2{font-size:15px;border-bottom:2px solid var(--border);padding-bottom:.5em}.post h3{font-size:12px;color:var(--green)}.post>*:first-child{margin-top:0}.post p,.post ul,.post ol,.post table{margin-bottom:1.1em}.post ul,.post ol{padding-left:1.4em}.post li{margin-bottom:.4em}.post strong{color:var(--yellow);font-weight:400}.post em{color:var(--green);font-style:normal}.post a{color:var(--blue-bright)}.post code{font-size:14px}.post pre{background:#000;border:2px solid var(--border);border-left:4px solid var(--green);padding:16px 18px;overflow-x:auto;margin-bottom:1.3em;line-height:1.5}.post pre code{background:none;color:#cfe9cf;padding:0;font-size:13.5px}.post blockquote{border-left:4px solid var(--blue);padding-left:16px;color:var(--muted);margin-bottom:1.1em}.post hr{border:none;border-top:2px dashed var(--border);margin:2em 0}.post table{width:100%;border-collapse:collapse;font-size:14px}.post th,.post td{border:2px solid var(--border);padding:6px 10px;text-align:left}.post th{background:#000;color:var(--green)}.site-footer{text-align:center;color:var(--muted);font-size:14px;padding-bottom:40px}.site-footer p{max-width:60ch;margin:14px auto 0;padding:0 20px}.site-footer .treeline{margin-bottom:24px}.footer-mono .rs{color:var(--green)}.credits{margin-top:22px;font-size:13px;color:#6a6f92}.credits__name{color:var(--yellow)}.credits a{color:var(--blue-bright)}@media (max-width: 720px){.hero{grid-template-columns:1fr;text-align:center;padding-top:32px}.hero__screen{max-width:360px;margin:0 auto}.hero__lede{margin-left:auto;margin-right:auto}.buttons{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.post{padding:26px 18px;font-size:15px}}
/*# sourceMappingURL=main.css.map */