:root{--bg:#050508;--fg:#c8ffd4;--dim:#5f7f68;--neon-c:#19f0ff;--neon-m:#ff2bd6;--neon-g:#39ff14;--neon-a:#ffb000;--mono:"JetBrains Mono", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--mono);margin:0}.showcase{cursor:crosshair;position:fixed;inset:0;overflow:hidden}#fx{z-index:0;pointer-events:none;background:var(--bg);position:fixed;inset:0}#fx canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#site{-webkit-user-select:none;user-select:none;z-index:1;pointer-events:none;flex-direction:column;min-height:100%;display:flex;position:relative}#site a,#site kbd{pointer-events:auto}.top{letter-spacing:.08em;justify-content:space-between;align-items:center;padding:22px 32px;font-size:13px;display:flex}.brand{color:var(--fg);text-shadow:0 0 12px #39ff1459}.showcase nav a{color:var(--dim);margin-left:24px;text-decoration:none;transition:color .2s,text-shadow .2s}.showcase nav a:hover{color:var(--neon-c);text-shadow:0 0 10px var(--neon-c)}.hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:0 24px 8vh;display:flex}.kicker{color:var(--dim);letter-spacing:.12em;margin:0 0 10px;font-size:13px}h1{letter-spacing:.04em;color:#fff;text-shadow:0 0 2px #fff,0 0 18px #19f0ff8c,0 0 60px #ff2bd659;mix-blend-mode:screen;margin:0;font-size:clamp(40px,8vw,104px);font-weight:700;line-height:1}.sub{color:#9fe9ff;text-shadow:0 0 10px #19f0ff66;max-width:60ch;margin:18px 0 0;font-size:clamp(14px,1.6vw,18px)}.how{letter-spacing:.06em;margin:16px 0 0;font-size:13px}.how a{color:var(--neon-a);text-decoration:none;transition:text-shadow .2s}.how a:hover{text-shadow:0 0 10px var(--neon-a)}.hint{color:var(--dim);letter-spacing:.04em;margin:28px 0 0;font-size:12px}kbd{color:var(--fg);background:#ffffff0f;border:1px solid #ffffff24;border-radius:3px;padding:1px 5px;font-family:inherit;font-size:11px}.cursor{animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}#hud{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060a09b8;border:1px solid #39ff1438;border-radius:6px;width:300px;font-size:12px;line-height:1.55;transition:opacity .25s,transform .25s;position:fixed;bottom:18px;left:18px;box-shadow:0 0 0 1px #0009,0 0 30px #39ff1414,inset 0 0 40px #0006}#hud.hidden,#site.hidden{opacity:0;pointer-events:none;transform:translateY(6px)}.hud-head{color:var(--dim);border-bottom:1px solid #39ff1426;align-items:center;gap:6px;padding:8px 10px;display:flex}.hud-head .dot{background:#2a3b2e;border-radius:50%;width:8px;height:8px}.hud-head .dot:first-child{background:#ff5f57}.hud-head .dot:nth-child(2){background:#febc2e}.hud-head .dot:nth-child(3){background:#28c840}.hud-title{margin-left:6px}#fx-list{margin:0;padding:8px 6px;list-style:none}#fx-list li{color:var(--dim);cursor:pointer;border-radius:3px;gap:8px;padding:3px 8px;display:flex}#fx-list li:hover{color:var(--fg);background:#39ff140f}#fx-list li.active{color:var(--neon-g);text-shadow:0 0 8px #39ff1499}#fx-list li .k{color:var(--neon-a);width:14px}#fx-list li .t{color:#4f6f57;margin-left:auto;font-size:10px}.hud-stats{color:var(--dim);border-top:1px solid #39ff1426;flex-wrap:wrap;gap:14px;padding:6px 12px;display:flex}.hud-stats b{color:var(--fg);font-weight:500}.hud-foot{color:var(--neon-g);padding:6px 12px 8px}#hud,#hud *{-webkit-user-select:none;user-select:none}@media (max-width:640px){#hud{width:calc(100% - 36px)}.hint{display:none}}@media (prefers-reduced-motion:reduce){.cursor{animation:none}}