:root{--bg:#000;--surface:#1c1c1e;--surface2:#2c2c2e;--bg3:#3a3a3c;--border:#3a3a3c;--sep:#54545899;--text:#fff;--muted:#ebebf5b8;--label:#ebebf5d9;--accent:#0a84ff;--accent-deep:#0060df;--success:#30d158;--danger:#ff453a;--radius:18px;--field-radius:12px}*{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(1100px 560px at 50% -12%, #0a84ff1f, transparent 60%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,SF Pro Text,Segoe UI,system-ui,sans-serif}#root{flex-direction:column;align-items:center;gap:12px;min-height:100%;padding:32px 16px 64px;display:flex}.screen{width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:440px;margin:0 auto;padding:22px 22px 24px;box-shadow:0 22px 60px #0000008c}.card-head{align-items:center;gap:14px;margin-bottom:20px;display:flex}.card-head .emblem{object-fit:contain;filter:drop-shadow(0 3px 8px #0009);flex:none;width:54px;height:54px}.card-head h2{margin:0}.card-head .sub{margin:2px 0 0}h2{letter-spacing:-.3px;color:#fff;margin:0 0 2px;font-size:22px;font-weight:800}h3{letter-spacing:.6px;text-transform:uppercase;color:var(--muted);margin:18px 0 9px;font-size:11.5px;font-weight:700}.sub{color:var(--muted);margin:0;font-size:13px}.field{margin-bottom:15px}.field>label{letter-spacing:.5px;text-transform:uppercase;color:var(--label);justify-content:space-between;align-items:center;margin-bottom:7px;font-size:11.5px;font-weight:700;display:flex}.field .val{color:#4aa8ff;text-transform:none;letter-spacing:0;font-size:13px;font-weight:800}.field input[type=text],.field input:not([type]),.field select{background:var(--surface2);color:#fff;border:1px solid var(--border);border-radius:var(--field-radius);appearance:none;outline:none;width:100%;padding:13px 14px;font-size:15px;line-height:1.2;transition:border-color .12s,box-shadow .12s}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0a84ff40}.field input::placeholder{color:#ebebf580}.field select{background-image:linear-gradient(45deg,#0000 50%,#ebebf5b3 50%),linear-gradient(135deg,#ebebf5b3 50%,#0000 50%);background-position:calc(100% - 18px) 20px,calc(100% - 13px) 20px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:38px}.field input[type=range]{width:100%;accent-color:var(--accent);background:0 0;border:0;height:26px;padding:0}button.primary{letter-spacing:-.2px;color:#fff;background:linear-gradient(180deg,var(--accent),var(--accent-deep));cursor:pointer;border:0;border-radius:13px;width:100%;margin-top:10px;padding:15px;font-size:15px;font-weight:800;transition:filter .12s,transform 40ms;box-shadow:0 8px 20px #0a84ff73}button.primary:hover{filter:brightness(1.07)}button.primary:active{transform:translateY(1px)}.gear-board .sub{margin-bottom:4px}.gears{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.gear{background:var(--surface2);border:1px solid var(--border);color:#fff;text-align:center;cursor:pointer;border-radius:15px;flex-direction:column;align-items:center;gap:9px;padding:18px 10px;font-size:13px;font-weight:700;transition:all .12s;display:flex}.gear:hover{border-color:var(--accent);transform:translateY(-2px)}.gear img{object-fit:contain;filter:drop-shadow(0 3px 6px #0000008c);width:62px;height:62px}.module-depth .back{color:#4aa8ff;cursor:pointer;background:0 0;border:0;padding:0 0 10px;font-size:14px;font-weight:600}.leitfragen{margin:4px 0;padding:0;list-style:none}.leitfragen li{border-bottom:1px solid var(--border);color:#fff;padding:11px 0 11px 22px;font-size:14px;line-height:1.4;position:relative}.leitfragen li:before{content:"›";color:var(--accent);font-weight:800;position:absolute;top:10px;left:5px}.chips{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.chip{border:1.5px solid var(--border);background:var(--surface2);color:#fff;cursor:pointer;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:600;transition:all .12s}.chip:hover{border-color:var(--muted)}.chip.picked{border-color:var(--success);color:#5be38a;background:#30d1582e}.result .picked{margin:12px 0;padding:0;list-style:none}.result .picked li{background:var(--surface2);border:1px solid var(--border);border-left:3px solid var(--success);color:#fff;border-radius:11px;margin-bottom:9px;padding:13px 14px;font-size:14px;font-weight:600}.gate{text-align:center;max-width:360px;margin-top:12vh}.gate .emblem{object-fit:contain;filter:drop-shadow(0 4px 10px #0009);width:66px;height:66px;margin:0 auto 12px;display:block}.gate input{text-align:center;letter-spacing:6px;background:var(--surface2);color:#fff;border:1px solid var(--border);border-radius:12px;outline:none;width:100%;margin:14px 0;padding:14px;font-size:18px}.gate input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0a84ff40}.gate-err{color:#ff6961;margin-top:8px;font-size:13px}.below-board{max-width:440px;margin:0 auto}