@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Anton&family=DM+Sans:ital,opsz,wght@0,9..40,300..800;1,9..40,300..800&family=JetBrains+Mono:ital,wght@0,300..800;1,400&family=Nanum+Pen+Script&family=VT323&family=Doto:wght@900&display=swap";:root,[data-theme=dark]{--bg: #0c0c0e;--surface: #141416;--surface-2: #1b1b1e;--ink: #f1ede5;--ink-2: #a9a49b;--ink-3: #74706a;--rule: rgba(241, 237, 229, .13);--rule-strong: rgba(241, 237, 229, .3);--red: #e62429;--red-text: #f2463c;--orange: #de5d3b;--shadow-object: rgba(0, 0, 0, .6);--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-hand: "Nanum Pen Script", "Segoe Print", cursive;--font-poster: "Anton", Impact, "Arial Narrow", sans-serif;--font-crt: "VT323", var(--font-mono);--page-width: 1180px;--gutter: 24px;--bg-color: var(--bg);--text-color: var(--ink);--text-secondary: var(--ink-2);--border-color: var(--rule);--card-bg: var(--surface);--accent-color: var(--red);--font-ui: var(--font-body);color-scheme:dark}[data-theme=light]{--bg: #ede9e1;--surface: #f6f3ed;--surface-2: #fbf9f5;--ink: #1c1b19;--ink-2: #58544d;--ink-3: #8c877e;--rule: rgba(28, 27, 25, .14);--rule-strong: rgba(28, 27, 25, .34);--red: #d41f25;--red-text: #c41c21;--orange: #d3431d;--shadow-object: rgba(40, 30, 20, .28);color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%}button{font:inherit;color:inherit}::selection{background:var(--red);color:#fff}:focus-visible{outline:2px solid var(--red);outline-offset:3px}#pew-wave-canvas,#bg-webgl-canvas,.bg-stage-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}body.subpage #bg-webgl-canvas,body.subpage #pew-wave-canvas{opacity:.55}.page,.fp-canvas-root,.subpage-root{position:relative;z-index:1;max-width:var(--page-width);margin:0 auto;padding:0 var(--gutter) 40px}body>header{position:relative;z-index:30;max-width:calc(var(--page-width) - var(--gutter) * 2);width:calc(100% - var(--gutter) * 2);margin:16px auto 0;height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 10px 0 20px;background:var(--surface);border:1px solid var(--rule);border-radius:3px}.brand-section a{font-family:var(--font-mono);font-size:.98rem;font-weight:600;letter-spacing:-.02em;color:var(--ink);white-space:nowrap}.nav-links{display:flex;align-items:center;gap:4px}.nav-item{font-family:var(--font-mono);font-size:.88rem;color:var(--ink-2);padding:6px 10px;border-radius:2px;white-space:nowrap;transition:color .15s ease,background-color .15s ease}.nav-item:hover{color:var(--ink);background:var(--surface-2)}.nav-item.active{color:var(--ink);text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:2px;text-underline-offset:7px}.theme-toggle-btn{width:34px;height:34px;margin-left:8px;flex-shrink:0;display:grid;place-items:center;background:transparent;border:1px solid var(--rule);border-radius:2px;color:var(--ink-2);cursor:pointer;transition:color .15s ease,border-color .15s ease}.theme-toggle-btn:hover{color:var(--ink);border-color:var(--rule-strong)}.theme-icon{width:17px;height:17px;fill:currentColor;display:block}.moon-icon,[data-theme=light] .sun-icon{display:none}[data-theme=light] .moon-icon{display:block}@media (max-width: 640px){:root{--gutter: 16px}body>header{height:auto;flex-wrap:wrap;padding:10px 8px 8px 14px;row-gap:6px}.nav-links{width:100%;justify-content:space-between;margin-left:-10px}.nav-item{padding:6px 10px}}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:12px;margin-bottom:36px;border-bottom:1px solid var(--rule-strong)}.section-title{font-family:var(--font-mono);font-size:1.35rem;font-weight:700;letter-spacing:-.03em;color:var(--ink)}.section-link{font-family:var(--font-mono);font-size:.84rem;color:var(--ink-2);white-space:nowrap;transition:color .15s ease}.section-link:hover{color:var(--red-text)}.section-aside{font-family:var(--font-mono);font-size:.8rem;color:var(--ink-3)}.btn,.sharp-btn-primary,.sharp-btn-secondary,.tactile-btn{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 16px;font-family:var(--font-mono);font-size:.86rem;font-weight:600;border-radius:2px;border:1px solid var(--rule-strong);background:var(--surface);color:var(--ink);cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.btn:hover,.sharp-btn-secondary:hover,.tactile-btn:hover{border-color:var(--ink-2);background:var(--surface-2)}.btn-primary,.sharp-btn-primary,.tactile-btn-primary{background:var(--red);border-color:var(--red);color:#fff}.btn-primary:hover,.sharp-btn-primary:hover,.tactile-btn-primary:hover{background:#c81c21;border-color:#c81c21;color:#fff}.btn .arrow{font-family:var(--font-body);font-weight:400}.site-footer{position:relative;z-index:1;max-width:var(--page-width);margin:100px auto 0;padding:0 var(--gutter) 28px}.footer-panel{background:var(--surface);border:1px solid var(--rule);border-radius:3px;padding:22px 22px 0}.footer-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px}.footer-id{font-family:var(--font-mono);font-size:.84rem;color:var(--ink-2)}.footer-id strong{color:var(--ink);font-weight:600}.footer-social{display:flex;flex-wrap:wrap;gap:4px 18px}.footer-social a{font-family:var(--font-mono);font-size:.84rem;color:var(--ink-2);display:inline-flex;align-items:center;gap:7px;transition:color .15s ease}.footer-social a:hover{color:var(--ink)}.footer-social svg{width:14px;height:14px;fill:currentColor}.footer-picks{margin-top:18px;padding-top:16px;border-top:1px solid var(--rule);font-family:var(--font-mono);font-size:.8rem;color:var(--ink-3);display:flex;flex-wrap:wrap;gap:6px 18px}.footer-picks a{color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--rule-strong);text-underline-offset:3px}.footer-picks a:hover{color:var(--ink);text-decoration-color:var(--red)}.button-wall{margin:18px -22px 0;padding:12px 0;border-top:1px solid var(--rule);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent)}.button-wall-track{display:flex;gap:10px;width:max-content;animation:button-wall-scroll 60s linear infinite}.button-wall:hover .button-wall-track{animation-play-state:paused}.button-wall img{display:block;height:31px;width:auto;image-rendering:pixelated}@keyframes button-wall-scroll{to{transform:translate(-50%)}}.polaroid{position:relative;aspect-ratio:88 / 107;display:flex;flex-direction:column;padding:6.8% 6.8% 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .48 0 0 0 0 .44 0 0 0 1.4 -.6'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23p)' opacity='.25'/%3E%3C/svg%3E"),linear-gradient(165deg,#fbfaf6,#efede6);transform:rotate(var(--r, 0deg));box-shadow:0 1px 1px #0000002e,0 8px 14px -6px #00000073,0 18px 30px -18px #00000080;cursor:zoom-in;transition:transform .25s ease,box-shadow .25s ease}.polaroid:hover{transform:rotate(var(--r, 0deg)) translateY(-4px);box-shadow:0 1px 1px #0000002e,0 14px 20px -8px #00000080,0 30px 40px -20px #0000008c}.polaroid:before{content:"";position:absolute;top:-12px;left:50%;width:34%;height:24px;transform:translate(-50%) rotate(calc(var(--r, 0deg) * -1.6));background:linear-gradient(180deg,#ece5cecc,#ded5bac7);box-shadow:0 1px 2px #00000026;clip-path:polygon(3% 0,97% 4%,94% 22%,99% 40%,95% 62%,100% 82%,96% 100%,2% 96%,5% 78%,0 60%,4% 42%,1% 20%);z-index:2}.polaroid-img{position:relative;aspect-ratio:1;overflow:hidden;background:#1a1a1a}.polaroid-img img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.03) sepia(.06)}.polaroid-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 1px #0000004d,inset 0 1px 5px #00000073;background:linear-gradient(150deg,#ffffff21,#fff0 38%)}.polaroid figcaption{flex:1;display:flex;align-items:center;justify-content:center;padding:0 6%;font-family:var(--font-hand);font-size:clamp(1.3rem,1.9vw,1.75rem);line-height:1;color:#22222a;transform:rotate(-1.5deg)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:20px;background:#08080ab8}.dialog{width:100%;max-width:640px;max-height:calc(100vh - 40px);overflow:auto;background:var(--surface);border:1px solid var(--rule-strong);border-radius:3px;padding:24px;box-shadow:0 30px 80px #00000080}.dialog-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px}.dialog-title{font-family:var(--font-mono);font-size:1.1rem;font-weight:700}.dialog-close{background:none;border:none;font-family:var(--font-mono);font-size:.84rem;color:var(--ink-2);cursor:pointer}.dialog-close:hover{color:var(--ink)}.dialog p{font-size:.92rem;color:var(--ink-2);margin-bottom:12px}.dialog code{font-family:var(--font-mono);font-size:.82rem;color:var(--ink);word-break:break-word}.dialog textarea{width:100%;height:280px;resize:vertical;padding:12px;font-family:var(--font-mono);font-size:.72rem;line-height:1.45;color:var(--ink-2);background:var(--bg);border:1px solid var(--rule);border-radius:2px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.bg-cog{position:fixed;right:18px;bottom:18px;z-index:990;width:38px;height:38px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--rule-strong);border-radius:3px;color:var(--ink-2);cursor:pointer;box-shadow:0 6px 16px #0000004d;transition:color .15s ease,border-color .15s ease}.bg-cog svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s ease}.bg-cog:hover,.bg-cog.active{color:var(--ink);border-color:var(--ink-2)}.bg-cog.active svg{transform:rotate(60deg)}.bg-desk{--desk: #19191c;--desk-2: #0f0f11;--desk-ink: #c9c5bd;--desk-ink-2: #7d7a74;--desk-rule: rgba(255, 255, 255, .08);position:fixed;right:18px;bottom:66px;z-index:990;width:300px;max-height:calc(100vh - 90px);overflow-y:auto;padding:0 14px 14px;font-family:var(--font-mono);color:var(--desk-ink);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='2' seed='6'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.4 -.66'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E"),linear-gradient(180deg,#1e1e21,var(--desk));border:1px solid #2c2c30;border-radius:4px;box-shadow:inset 0 1px #ffffff0f,0 24px 50px #0000008c}.bg-desk[hidden]{display:none}.desk-head{display:flex;align-items:center;justify-content:space-between;height:40px;margin:0 -14px 12px;padding:0 8px 0 14px;border-bottom:1px solid var(--desk-rule)}.desk-title{font-size:.8rem;font-weight:700;letter-spacing:.04em;color:#eeeae2}.desk-close{width:28px;height:28px;background:none;border:0;font-size:1.1rem;color:var(--desk-ink-2);cursor:pointer}.desk-close:hover{color:#fff}.desk-row+.desk-row,.desk-faders+.desk-row{margin-top:14px}.desk-label{display:block;margin-bottom:7px;font-size:.66rem;letter-spacing:.08em;color:var(--desk-ink-2)}.desk-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.desk-key{display:flex;align-items:center;justify-content:center;gap:7px;height:30px;font-family:var(--font-mono);font-size:.72rem;color:var(--desk-ink);background:linear-gradient(180deg,#2d2d31,#222225);border:1px solid #0b0b0c;border-radius:3px;box-shadow:inset 0 1px #ffffff14,0 2px #0b0b0c;cursor:pointer}.desk-key:active{transform:translateY(1px);box-shadow:inset 0 1px #ffffff0d,0 1px #0b0b0c}.desk-led{width:5px;height:5px;border-radius:50%;background:#3a1a1a;box-shadow:inset 0 1px 1px #0009}.desk-key[aria-pressed=true]{color:#fff}.desk-key[aria-pressed=true] .desk-led{background:#ff3b2f;box-shadow:0 0 4px #ff3b2f,0 0 8px #ff3b2f80}.desk-faders{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:14px;padding:10px 4px 8px;background:var(--desk-2);border-radius:3px;box-shadow:inset 0 1px 3px #000000b3,0 1px #ffffff0d}.desk-fader{display:flex;flex-direction:column;align-items:center;gap:6px}.desk-fader output{min-width:42px;padding:2px 0;text-align:center;font-size:.64rem;color:#ff9a4a;background:#070707;border-radius:2px}.desk-fader span{font-size:.62rem;color:var(--desk-ink-2)}.desk-fader input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;writing-mode:vertical-lr;direction:rtl;width:26px;height:118px;margin:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.14) 0 1px,transparent 1px 11.6px) 2px 5px / 5px calc(100% - 10px) no-repeat,linear-gradient(90deg,transparent 11px,#000 11px 15px,transparent 15px);cursor:ns-resize}.desk-fader input[type=range]::-webkit-slider-runnable-track{background:transparent}.desk-fader input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:13px;border-radius:2px;background:linear-gradient(180deg,transparent 5.5px,#1a1a1a 5.5px 7.5px,transparent 7.5px),linear-gradient(180deg,#e8e5de,#b9b5ac 55%,#9a968d);box-shadow:0 2px 3px #0009,inset 0 1px #fff9}.desk-fader input[type=range]::-moz-range-track{background:transparent}.desk-fader input[type=range]::-moz-range-thumb{width:24px;height:13px;border:0;border-radius:2px;background:linear-gradient(180deg,transparent 5.5px,#1a1a1a 5.5px 7.5px,transparent 7.5px),linear-gradient(180deg,#e8e5de,#b9b5ac 55%,#9a968d);box-shadow:0 2px 3px #0009}.desk-fader input[type=range]:focus-visible{outline:1px solid var(--red);outline-offset:2px}.desk-gels{display:flex;gap:7px}.desk-gel{position:relative;width:30px;height:30px;padding:0;border:0;border-radius:2px;background:linear-gradient(135deg,rgba(255,255,255,.35),transparent 45%),var(--gel);box-shadow:0 0 0 2px #0b0b0c,0 0 0 3px #2c2c30;cursor:pointer}.desk-gel[aria-pressed=true]{box-shadow:0 0 0 2px #0b0b0c,0 0 0 3px #eeeae2}.desk-gel-custom{display:grid;place-items:center;overflow:hidden}.desk-gel-custom:after{content:"+";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:1rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7);pointer-events:none}.desk-gel-custom input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.desk-foot{display:flex;justify-content:flex-end;margin-top:14px}.desk-reset{height:26px;padding:0 12px;font-family:var(--font-mono);font-size:.7rem;color:var(--desk-ink);background:transparent;border:1px solid #333338;border-radius:2px;cursor:pointer}.desk-reset:hover{color:#fff;border-color:#55555b}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}