*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#1c1208}canvas{display:block;width:100%;height:100%;position:fixed;top:0;left:0}#controls{position:fixed;right:2vw;top:20vh;height:60vh;display:flex;flex-direction:column;justify-content:space-between;z-index:10;pointer-events:none;opacity:0;transition:opacity 1s ease-in-out}#controls.visible{opacity:1;pointer-events:auto}.string-control{position:relative;flex:1;display:flex;align-items:flex-end;justify-content:center;padding:6px 0}.string-line{width:2px;background-color:#a87060;opacity:.4;transition:opacity .6s cubic-bezier(.23,1,.32,1),filter .6s,background-color .8s,width .6s cubic-bezier(.23,1,.32,1);border-radius:1px;pointer-events:none;box-shadow:0 0 4px #a8706000}.string-control.active .string-line{box-shadow:0 0 8px #d4a8824d,0 0 16px #a8706026}.string-line:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:1px;height:100%;background:linear-gradient(to top,transparent 0%,rgba(212,168,130,.08) 40%,rgba(212,168,130,.12) 60%,transparent 100%);animation:string-drift 6s ease-in-out infinite alternate;pointer-events:none}@keyframes string-drift{0%{opacity:.3;transform:translate(-50%) scaleY(.97)}33%{opacity:.5;transform:translate(-48%) scaleY(1.01)}66%{opacity:.35;transform:translate(-52%) scaleY(.99)}to{opacity:.45;transform:translate(-50%) scaleY(1.02)}}.string-hitarea{position:absolute;top:0;right:0;bottom:0;width:40px;left:50%;transform:translate(-50%);cursor:ns-resize}.string-control.active .string-line{opacity:.9!important;box-shadow:0 0 10px #d4a88259,0 0 20px #a8706033,0 0 2px #ead5c026!important}@keyframes string-pulse{0%,to{opacity:.3;filter:brightness(.9)}50%{opacity:.7;filter:brightness(1.1)}}.string-control[data-string=stille] .string-line{animation:string-pulse 4s ease-in-out infinite}.string-control[data-string=gluehen] .string-line{box-shadow:0 0 6px #d4886000}.string-control[data-string=gluehen].active .string-line{box-shadow:0 0 12px #d4886066,0 0 24px #a8604033!important}.string-control[data-string=zerfall] .string-line:after{animation:string-drift 8s ease-in-out infinite alternate;background:linear-gradient(to top,transparent 0%,rgba(155,148,168,.08) 40%,rgba(190,181,194,.1) 60%,transparent 100%)}.string-control[data-string=weite] .string-line:after{animation:string-drift 5s ease-in-out infinite alternate-reverse}.string-control[data-string=gewicht] .string-line:after{animation:string-drift 9s ease-in-out infinite alternate;background:linear-gradient(to top,transparent 0%,rgba(92,58,40,.15) 30%,rgba(168,112,96,.1) 70%,transparent 100%)}.auto-marker{position:absolute;left:50%;transform:translate(-50%);width:10px;height:2px;background:#d4a882;opacity:.5;pointer-events:none;border-radius:1px;display:none}.auto-indicator{position:absolute;top:2px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:#d4a882;opacity:.6;display:none;animation:auto-breathe 2s ease-in-out infinite}@keyframes auto-breathe{0%,to{opacity:.3}50%{opacity:.8}}.auto-panel{position:absolute;right:100%;top:50%;transform:translateY(-50%);margin-right:12px;background:#1c1208eb;border:1px solid rgba(168,112,96,.12);border-radius:4px;padding:.6rem .8rem;min-width:180px;z-index:30;pointer-events:auto}.auto-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.auto-title{color:#d4a882;font-family:Josefin Sans,sans-serif;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;opacity:.7}.auto-toggle{background:#a8706026;border:1px solid rgba(168,112,96,.25);color:#a87060;font-family:Josefin Sans,sans-serif;font-size:.55rem;letter-spacing:.1em;padding:2px 8px;border-radius:2px;cursor:pointer;transition:all .2s}.auto-toggle.on{background:#d4a88233;border-color:#d4a88266;color:#d4a882}.auto-row{display:flex;align-items:center;gap:.4rem;margin-bottom:.3rem}.auto-row label{color:#a87060;opacity:.45;font-family:Josefin Sans,sans-serif;font-size:.55rem;letter-spacing:.08em;min-width:2.2rem;text-transform:uppercase}.auto-row input[type=range]{flex:1;height:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,#a8706014,#a8706040,#a8706014);border-radius:2px;outline:none;transition:background .3s}.auto-row input[type=range]:hover{background:linear-gradient(90deg,#a870601f,#d4a8824d,#a870601f)}.auto-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:8px;height:8px;border-radius:50%;background:#d4a882;cursor:pointer;box-shadow:0 0 6px #d4a8824d;transition:box-shadow .2s,transform .2s}.auto-row input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 10px #d4a88280;transform:scale(1.2)}.auto-val{color:#a87060;opacity:.4;font-family:Josefin Sans,sans-serif;font-size:.55rem;min-width:2.2rem;text-align:right}#preset-indicator{position:fixed;top:3vh;left:50%;transform:translate(-50%);z-index:25;display:flex;gap:.5rem;pointer-events:auto}#preset-indicator.hidden{display:none}.preset-item{display:flex;align-items:center;gap:.3rem;padding:.3rem .6rem;background:#1c1208e0;border:1px solid rgba(168,112,96,.12);border-radius:3px;cursor:pointer;transition:border-color .2s,opacity .2s;opacity:.6}.preset-item:hover{border-color:#d4a8824d;opacity:1}.preset-key{color:#d4a882;font-family:Josefin Sans,sans-serif;font-weight:100;font-size:.7rem;opacity:.7}.preset-name{color:#a87060;font-family:Josefin Sans,sans-serif;font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;opacity:.5}.preset-item:hover .preset-name{opacity:.8}#wallpaper-panel{position:fixed;right:5vw;top:50%;transform:translateY(-50%);z-index:25;background:#1c1208eb;border:1px solid rgba(168,112,96,.12);border-radius:4px;padding:1rem;pointer-events:auto}.wp-title{color:#d4a882;font-family:Josefin Sans,sans-serif;font-size:.6rem;letter-spacing:.15em;margin-bottom:.8rem;opacity:.7}.wp-option{color:#ead5c0;font-family:Josefin Sans,sans-serif;font-size:.8rem;padding:.4rem 0;cursor:pointer;opacity:.5;transition:opacity .2s;letter-spacing:.05em}.wp-option:hover{opacity:1;color:#d4a882}#font-panel:not(.hidden){position:fixed;left:2vw;top:50%;transform:translateY(-50%);z-index:20;pointer-events:auto;background:#1c1208d9;padding:1rem;border-radius:4px;max-height:70vh;overflow-y:auto;min-width:200px}#font-panel.hidden{display:none}.font-toggle{display:flex;gap:1rem;margin-bottom:1rem}.font-target{color:#a87060;opacity:.4;cursor:pointer;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;font-family:Josefin Sans,sans-serif}.font-target.active{opacity:1;color:#d4a882}.font-filter{display:flex;gap:.4rem;margin-bottom:.6rem;flex-wrap:wrap}.font-tag{color:#a87060;opacity:.35;cursor:pointer;font-family:Josefin Sans,sans-serif;font-size:.55rem;letter-spacing:.08em;padding:2px 6px;border:1px solid transparent;border-radius:2px;transition:all .2s}.font-tag:hover{opacity:.6}.font-tag.active{opacity:.8;color:#d4a882;border-color:#d4a88240}.font-list{display:flex;flex-direction:column;gap:.5rem;max-height:25vh;overflow-y:auto}.font-item{color:#ead5c0;opacity:.5;cursor:pointer;font-size:1rem;padding:.3rem 0;transition:opacity .2s}.font-item:hover{opacity:.8}.font-item.selected{opacity:1;color:#d4a882}.font-controls{margin-top:1rem;padding-top:.8rem;border-top:1px solid rgba(168,112,96,.15)}.font-control-group{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.font-control-group label{color:#a87060;opacity:.5;font-family:Josefin Sans,sans-serif;font-size:.65rem;letter-spacing:.1em;min-width:2.5rem;text-transform:uppercase}.font-control-group input[type=range]{flex:1;height:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,#a8706014,#a8706040,#a8706014);border-radius:2px;outline:none;transition:background .3s}.font-control-group input[type=range]:hover{background:linear-gradient(90deg,#a870601f,#d4a8824d,#a870601f)}.font-control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:8px;height:8px;border-radius:50%;background:#d4a882;cursor:pointer;box-shadow:0 0 6px #d4a8824d;transition:box-shadow .2s,transform .2s}.font-control-group input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 10px #d4a88280;transform:scale(1.2)}.font-control-group input[type=color]{-webkit-appearance:none;border:1px solid rgba(168,112,96,.2);border-radius:3px;width:28px;height:18px;padding:0;cursor:pointer;background:transparent}.font-control-group input[type=color]::-webkit-color-swatch-wrapper{padding:1px}.font-control-group input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.font-section-label{color:#a87060;opacity:.35;font-family:Josefin Sans,sans-serif;font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;margin:.8rem 0 .3rem}.font-section-label:first-child{margin-top:0}.font-control-group select{flex:1;background:#1c1208e6;border:1px solid rgba(168,112,96,.2);color:#ead5c0;font-family:Josefin Sans,sans-serif;font-size:.6rem;padding:2px 4px;border-radius:2px;outline:none}.font-value{color:#a87060;opacity:.4;font-family:Josefin Sans,sans-serif;font-size:.6rem;min-width:2rem;text-align:right}#steam-cta{position:fixed;bottom:3vh;right:3vw;color:#d4a882;opacity:0;font-family:Josefin Sans,sans-serif;font-weight:100;font-size:1.1vmin;letter-spacing:.2em;text-decoration:none;text-transform:uppercase;transition:opacity .5s ease;z-index:10;pointer-events:none}#steam-cta.visible{opacity:.35;pointer-events:auto}#steam-cta:hover{opacity:.7}#palette-panel:not(.hidden){position:fixed;right:5vw;top:50%;transform:translateY(-50%);z-index:25;background:#1c1208eb;border:1px solid rgba(168,112,96,.12);border-radius:4px;padding:1rem;min-width:220px;max-height:70vh;overflow-y:auto;pointer-events:auto}.pal-header{color:#d4a882;font-family:Josefin Sans,sans-serif;font-size:.6rem;letter-spacing:.15em;margin-bottom:.8rem;opacity:.7}.pal-list{display:flex;flex-direction:column;gap:.3rem;max-height:32vh;overflow-y:auto;margin-bottom:.8rem}.pal-item{display:flex;align-items:center;gap:.5rem;padding:.3rem .4rem;border-radius:3px;cursor:pointer;transition:background .2s,opacity .2s;opacity:.5}.pal-item:hover{opacity:.85;background:#a870600f}.pal-item.selected{opacity:1;background:#d4a88214}.pal-swatch{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 4px #0000004d}.pal-name{color:#ead5c0;font-family:Josefin Sans,sans-serif;font-size:.7rem;letter-spacing:.05em;white-space:nowrap}.pal-desc{color:#a87060;font-family:Josefin Sans,sans-serif;font-size:.5rem;opacity:.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pal-section-label{color:#a87060;opacity:.35;font-family:Josefin Sans,sans-serif;font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;margin:.4rem 0 .3rem}.pal-shuffle-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.3rem}.pal-shuffle-row label{color:#a87060;opacity:.45;font-family:Josefin Sans,sans-serif;font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;min-width:2.8rem}.pal-shuffle-toggle{background:#a8706026;border:1px solid rgba(168,112,96,.25);color:#a87060;font-family:Josefin Sans,sans-serif;font-size:.55rem;letter-spacing:.1em;padding:2px 8px;border-radius:2px;cursor:pointer;transition:all .2s}.pal-shuffle-toggle.on{background:#d4a88233;border-color:#d4a88266;color:#d4a882}.pal-order{flex:1;background:#1c1208e6;border:1px solid rgba(168,112,96,.2);color:#ead5c0;font-family:Josefin Sans,sans-serif;font-size:.55rem;padding:2px 4px;border-radius:2px;outline:none}.pal-shuffle-row input[type=range]{flex:1;height:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,#a8706014,#a8706040,#a8706014);border-radius:2px;outline:none}.pal-shuffle-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:8px;height:8px;border-radius:50%;background:#d4a882;cursor:pointer;box-shadow:0 0 6px #d4a8824d}.pal-interval-val{color:#a87060;opacity:.4;font-family:Josefin Sans,sans-serif;font-size:.55rem;min-width:2rem;text-align:right}#quality-label{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#d4a882;font-family:Josefin Sans,sans-serif;font-weight:100;font-size:1.2vmin;letter-spacing:.2em;text-transform:uppercase;opacity:0;transition:opacity .5s ease;z-index:100;pointer-events:none}#star-panel:not(.hidden){position:fixed;right:2vw;top:50%;transform:translateY(-50%);z-index:20;pointer-events:auto;background:#1c1208d9;padding:1rem;border-radius:4px;max-height:70vh;overflow-y:auto;min-width:220px}#star-panel.hidden{display:none}.star-header{margin-bottom:.75rem}.star-title{color:#d4a882;font-family:Josefin Sans,sans-serif;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase}.star-section-label{color:#a87060;font-family:Josefin Sans,sans-serif;font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;margin:.75rem 0 .3rem;opacity:.6}.star-control-group{margin-bottom:.25rem}.star-row-main{display:flex;align-items:center;gap:.4rem}.star-row-main label{color:#a87060;font-family:Josefin Sans,sans-serif;font-size:.6rem;letter-spacing:.05em;min-width:55px}.star-row-main input[type=range]{flex:1;height:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#a8706040;outline:none;cursor:pointer}.star-row-main input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:8px;height:8px;border-radius:50%;background:#d4a882;cursor:pointer}.star-value{color:#d4a882;font-family:JetBrains Mono,monospace;font-size:.55rem;min-width:32px;text-align:right;opacity:.7}.star-source{color:#a87060;font-family:JetBrains Mono,monospace;font-size:.45rem;opacity:.4;margin-left:.3rem}.star-readonly{display:flex;align-items:center;gap:.4rem;opacity:.6}.star-readonly label{color:#a87060;font-family:Josefin Sans,sans-serif;font-size:.6rem;letter-spacing:.05em;min-width:55px}.star-auto-toggle{background:none;border:1px solid rgba(168,112,96,.3);color:#a8706066;font-family:JetBrains Mono,monospace;font-size:.5rem;width:18px;height:18px;border-radius:2px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.star-auto-toggle.active{color:#d4a882;border-color:#d4a882;background:#d4a8821a}.star-auto-controls{margin-left:22px;padding:.25rem 0}.star-auto-controls.hidden{display:none}.star-auto-row{display:flex;align-items:center;gap:.3rem;margin-bottom:.15rem}.star-auto-row label{color:#a87060;font-family:Josefin Sans,sans-serif;font-size:.5rem;letter-spacing:.05em;min-width:35px;opacity:.5}.star-auto-row input[type=range]{flex:1;height:1px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#a8706026;outline:none;cursor:pointer}.star-auto-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:6px;height:6px;border-radius:50%;background:#a87060;cursor:pointer}.star-auto-val{color:#a87060;font-family:JetBrains Mono,monospace;font-size:.45rem;min-width:28px;text-align:right;opacity:.5}