*{box-sizing:border-box;margin:0;padding:0}html,body{background:#0b1026;width:100%;height:100%;overflow:hidden}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}canvas#sky,canvas#birds{width:100vw;height:100vh;display:block;position:fixed;inset:0}canvas#sky{z-index:0}canvas#birds{z-index:1}#vignette{z-index:2;pointer-events:none;background:radial-gradient(120% 90% at 50% 42%,#0000 55%,#04050c80 100%);position:fixed;inset:0}#app{z-index:10;pointer-events:none;position:fixed;inset:0}#panel{pointer-events:auto;-webkit-backdrop-filter:blur(14px);color:#e9e7f2;background:#090b189e;border:1px solid #ffffff17;border-radius:14px;width:248px;padding:14px 16px 12px;transition:opacity .25s,transform .25s;position:absolute;top:16px;right:16px;box-shadow:0 12px 40px #00000073}#panel.hidden{opacity:0;pointer-events:none;transform:translate(12px)}.row{align-items:center;gap:8px;display:flex}.title-row{justify-content:space-between;margin-bottom:12px}.title{letter-spacing:.04em;font-size:15px;font-weight:650}.ctl{margin-bottom:10px}.lbl{color:#b9b6cc;justify-content:space-between;margin-bottom:3px;font-size:12px;display:flex}.val{font-variant-numeric:tabular-nums;color:#8f8ca6}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;display:block}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#ffb07ad9,#8c82c88c);border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#f2eee6;border:1px solid #0006;border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 1px 4px #00000080}input[type=range]::-moz-range-track{background:#a096d280;border-radius:2px;height:4px}input[type=range]::-moz-range-thumb{background:#f2eee6;border:1px solid #0006;border-radius:50%;width:14px;height:14px}.btns{margin:12px 0 10px}.btns button{color:#f0eef6;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;flex:1;padding:7px 0;font-size:13px;font-weight:600;transition:background .15s}.btns button:hover{background:#ffffff29}.btns button:active{background:#ffffff3d}.presets{flex-wrap:wrap;gap:6px;margin-bottom:10px}.chip{color:#d8d5e6;cursor:pointer;background:#ffb07a1a;border:1px solid #ffb07a47;border-radius:999px;padding:4px 9px;font-size:11.5px;transition:background .15s}.chip:hover{background:#ffb07a38}.ghost{color:#cfccdd;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:7px;padding:3px 10px;font-size:12px}.ghost:hover{background:#ffffff1a}.hint{color:#9d9ab2;margin-bottom:8px;font-size:11.5px;line-height:1.45}.stats{color:#7d7a94;font-variant-numeric:tabular-nums;font-size:11px}#showBtn{pointer-events:auto;color:#f0eef6;-webkit-backdrop-filter:blur(14px);cursor:pointer;background:#090b189e;border:1px solid #ffffff1f;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:600;position:absolute;top:16px;right:16px;box-shadow:0 8px 28px #0006}#showBtn:hover{background:#141628cc}.hidden{display:none}