@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Inter:wght@400;500;600&display=swap";:root{--accent:#b49ad0;--accent-soft:#b49ad040;--text:#f1eee9;--text-dim:#f1eee999;--glass:#1c1a226b;--glass-brd:#ffffff24;--serif:"Fraunces", Georgia, "Times New Roman", serif;--sans:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--sans);color:var(--text);-webkit-font-smoothing:antialiased;background:#2c3340;margin:0;overflow:hidden}#scene{width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}body.kiosk #panel,body.kiosk #titlecard{display:none!important}#vignette{pointer-events:none;z-index:5;background:radial-gradient(75% 75% at 50% 45%,#0000 55%,#00000047 100%);position:fixed;top:0;bottom:0;left:0;right:0}#titlecard{z-index:10;pointer-events:none;text-shadow:0 2px 24px #00000059;position:fixed;top:28px;left:34px}#titlecard h1{font-family:var(--serif);letter-spacing:.01em;margin:0;font-size:clamp(30px,4.4vw,54px);font-weight:500;line-height:1}#titlecard p{letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin:8px 0 0;font-size:12px}#titlecard .seed b{color:var(--text);font-weight:600}#panel{z-index:10;background:var(--glass);border:1px solid var(--glass-brd);-webkit-backdrop-filter:blur(22px)saturate(125%);border-radius:20px;width:312px;max-height:calc(100vh - 48px);position:fixed;top:24px;right:24px;overflow:hidden;box-shadow:0 20px 60px #00000059}.panel-inner{scrollbar-width:thin;scrollbar-color:var(--accent-soft) transparent;max-height:calc(100vh - 48px);padding:18px 18px 20px;overflow-y:auto}.panel-inner::-webkit-scrollbar{width:7px}.panel-inner::-webkit-scrollbar-thumb{background:var(--accent-soft);border-radius:4px}#panel-toggle{display:none}section{margin-top:16px}.hd{letter-spacing:.13em;text-transform:uppercase;color:var(--text-dim);justify-content:space-between;margin-bottom:9px;font-size:10.5px;font-weight:600;display:flex}.hd span{color:var(--text);letter-spacing:.02em}.actions{gap:9px;display:flex}button{font-family:var(--sans);cursor:pointer;color:var(--text);border:none}.primary{letter-spacing:.02em;background:linear-gradient(135deg, var(--accent), #8d6fb8);border-radius:12px;flex:1;padding:12px 14px;font-size:13px;font-weight:600;transition:transform .12s,box-shadow .2s,filter .2s;box-shadow:0 6px 20px #8d6fb866}.primary:hover{filter:brightness(1.08);box-shadow:0 8px 26px #8d6fb88c}.primary:active{transform:scale(.97)}.ghost{border:1px solid var(--glass-brd);background:#ffffff14;border-radius:12px;padding:12px 14px;font-size:13px;font-weight:500;transition:background .18s,transform .12s}.ghost:hover{background:#ffffff26}.ghost:active{transform:scale(.97)}.ph-row{align-items:center;gap:10px;display:flex}.ph-slider{flex:1}input[type=range].ph-slider{background:linear-gradient(90deg,#3e5c8a,#7a5a9c,#9678b8,#d46a86,#e08ca1)}output#ph-val{font-variant-numeric:tabular-nums;text-align:right;min-width:30px;font-size:13px;font-weight:600}.ph-legend{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);justify-content:space-between;margin-top:6px;font-size:9.5px;display:flex}input[type=range]{-webkit-appearance:none;appearance:none;background:#ffffff29;border-radius:5px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--accent);cursor:pointer;background:#fff;border-radius:50%;width:17px;height:17px;box-shadow:0 2px 8px #00000059}input[type=range]::-moz-range-thumb{border:2px solid var(--accent);cursor:pointer;background:#fff;border-radius:50%;width:16px;height:16px}.chips{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.chip{border:1.5px solid #0000;border-radius:10px;height:42px;transition:transform .12s,border-color .18s;position:relative;overflow:hidden}.chip span{letter-spacing:.02em;color:#fff;text-shadow:0 1px 4px #0000008c;font-size:9.5px;font-weight:600;position:absolute;bottom:5px;left:7px}.chip:hover{transform:translateY(-1px)}.chip.active{box-shadow:0 0 0 2px var(--accent-soft);border-color:#fff}.seg{background:#ffffff0f;border-radius:11px;gap:5px;padding:4px;display:flex}.seg button{color:var(--text-dim);background:0 0;border-radius:8px;flex:1;padding:8px 4px;font-size:11px;font-weight:500;transition:background .16s,color .16s}.seg button:hover{color:var(--text)}.seg button.active{background:var(--accent);color:#fff;box-shadow:0 3px 10px #8d6fb866}.sliders .slider+.slider{margin-top:13px}.toggles{flex-wrap:wrap;gap:6px;display:flex}.switch{color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;font-size:11px;font-weight:500;display:flex}.switch input{display:none}.switch span{background:#ffffff2e;border-radius:10px;flex:none;width:32px;height:18px;transition:background .18s;position:relative}.switch span:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .18s;position:absolute;top:2px;left:2px}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:after{transform:translate(14px)}#loader{z-index:50;color:var(--text-dim);letter-spacing:.14em;text-transform:uppercase;background:#2c3340;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-size:13px;transition:opacity .6s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#loader.hidden{opacity:0;pointer-events:none}.spinner{border:3px solid #ffffff26;border-top-color:var(--accent);border-radius:50%;width:38px;height:38px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:720px){#panel{border-radius:18px 18px 0 0;flex-direction:column;width:auto;max-height:84vh;display:flex;top:auto;bottom:0;left:0;right:0}#panel-toggle{width:100%;height:50px;color:var(--text);font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;background:#ffffff1f;border-radius:18px 18px 0 0;flex:none;font-size:13.5px;font-weight:600;display:block;position:static}#panel-toggle:after{content:"⚙  Einstellungen  ▴"}#panel.collapsed #panel-toggle:after{content:"⚙  Einstellungen  ▾"}.panel-inner{max-height:calc(84vh - 50px);padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}#panel.collapsed .panel-inner section{display:none}#panel.collapsed .panel-inner{padding-top:14px}input[type=range]{height:10px}input[type=range]::-webkit-slider-thumb{width:26px;height:26px}input[type=range]::-moz-range-thumb{width:24px;height:24px}.chip{height:50px}.seg button{padding:11px 4px}.switch{font-size:12px}#titlecard{top:12px;left:16px}#titlecard h1{font-size:28px}}