@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/pixelify-sans-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/pixelify-sans-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#140d06;--bg2:#1d140a;--surface:#241910;--surface-2:#2f2114;--surface-3:#3c2a18;--border:#4a3520;--border-soft:#ffdcaa14;--text:#f4ead6;--text-muted:#b8a488;--text-dim:#7d6a52;--accent:#f07aa8;--accent-hover:#ff93bb;--accent-deep:#b8487a;--green:#8fd14f;--gold:#ffd24a;--danger:#ff4d5e;--info:#7fd6ff;--radius:12px;--radius-sm:8px;--shadow:0 10px 30px #00000073;--font-display:"Pixelify Sans",ui-monospace,monospace;--font-body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{background-color:var(--bg);height:100%;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}body{background:radial-gradient(1200px 600px at 50% -10%,#f07aa814,transparent 60%),radial-gradient(900px 500px at 100% 100%,#8fd14f0d,transparent 60%),var(--bg);background-attachment:fixed}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.pixel{font-family:var(--font-display);letter-spacing:.02em}img.pixelated,.pixelated{image-rendering:pixelated}.btn{border-radius:var(--radius-sm);font-family:var(--font-display);letter-spacing:.03em;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-size:1.05rem;font-weight:600;transition:background .15s,transform 80ms,box-shadow .15s,border-color .15s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)scale(.98)}.btn-primary{background:linear-gradient(180deg,var(--accent-hover),var(--accent));color:#2a0f1c;box-shadow:0 3px 0 var(--accent-deep),0 8px 24px #f07aa840}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#ffa6c8,var(--accent-hover))}.btn-secondary{background:var(--surface-2);color:var(--text);border-color:var(--border);box-shadow:0 3px #00000059}.btn-secondary:hover:not(:disabled){background:var(--surface-3)}.btn-ghost{color:var(--text-muted);border-color:var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface);color:var(--text)}.btn-danger{color:#ff8a96;background:#ff4d5e1f;border-color:#ff4d5e80}.btn-danger:hover:not(:disabled){background:#ff4d5e38}.btn-large{padding:.9rem 2.2rem;font-size:1.3rem}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.selected{outline:3px solid var(--gold);outline-offset:2px}.input{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:.7rem .9rem;font-size:1rem;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f07aa82e}.input::placeholder{color:var(--text-dim)}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.form-group label{color:var(--text-muted);font-size:.85rem;font-weight:500}.card{background:linear-gradient(180deg,var(--surface),var(--bg2));border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.card-title{font-family:var(--font-display);color:var(--green);align-items:center;gap:.5rem;margin-bottom:.9rem;font-size:1.15rem;display:flex}.error-msg{color:#ff8a96;margin-top:.5rem;font-size:.875rem}.muted{color:var(--text-muted)}.toggle{background:var(--surface-3);border:1px solid var(--border);cursor:pointer;border-radius:999px;flex-shrink:0;width:44px;height:24px;transition:background .15s;position:relative}.toggle:after{content:"";background:var(--text-muted);border-radius:50%;width:18px;height:18px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.toggle[aria-checked=true]{background:var(--accent-deep);border-color:var(--accent)}.toggle[aria-checked=true]:after{background:#fff;transform:translate(20px)}input[type=range].slider{width:100%;accent-color:var(--accent)}kbd{border:1px solid var(--border);background:var(--surface-2);min-width:1.5em;font-family:var(--font-display);color:var(--text);text-align:center;border-bottom-width:2px;border-radius:4px;padding:.05em .4em;font-size:.8em;display:inline-block}.knur-joystick{pointer-events:none;opacity:0;z-index:5;background:#0003;border:2px solid #ffffff40;border-radius:50%;width:110px;height:110px;margin:-55px 0 0 -55px;transition:opacity .12s;position:absolute}.knur-joystick.active{opacity:1}.knur-joystick-knob{background:#ffffff59;border:2px solid #fff9;border-radius:50%;width:46px;height:46px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}