*{box-sizing:border-box;margin:0;padding:0}:root{--bg-top:#f6dca3;--bg-bottom:#c96f3d;--panel:#171f30e6;--panel-soft:#243049e6;--line:#ffffff1f;--text:#eef4ff;--muted:#aebad4;--accent:#79c44c;--accent-strong:#ffd979}body{background:radial-gradient(circle at 20% 10%, #fff5bd8c, transparent 20%), radial-gradient(circle at 80% 0%, #ffb45b59, transparent 24%), linear-gradient(180deg, var(--bg-top) 0%, #dda161 34%, var(--bg-bottom) 100%);min-height:100vh;color:var(--text);justify-content:center;align-items:center;padding:20px;font-family:Trebuchet MS,Segoe UI,PingFang SC,sans-serif;display:flex}body:before,body:after{content:"";pointer-events:none;position:fixed;inset:auto}body:before{background:radial-gradient(circle,#66af4647,#0000 68%);width:320px;height:320px;bottom:-40px;left:-40px}body:after{background:radial-gradient(circle,#ffe9993d,#0000 72%);width:420px;height:420px;top:-80px;right:-80px}.app-shell{align-items:flex-start;gap:20px;display:flex}canvas{cursor:crosshair;background:#10182b;border:1px solid #fff1ce47;border-radius:22px;display:block;box-shadow:0 34px 70px #471c0b5c,inset 0 0 0 1px #ffffff0a}.custom-panel{background:linear-gradient(180deg, #2b3852f5, #151d2ef5), var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff14;border-radius:22px;width:320px;padding:22px 20px 18px;box-shadow:0 28px 60px #3c1a0d47,inset 0 0 0 1px #ffffff05}.custom-panel h2{letter-spacing:1px;color:var(--accent-strong);margin-bottom:10px;font-size:30px}.custom-panel__hint{color:var(--muted);min-height:40px;margin-bottom:16px;font-size:13px;line-height:1.5}.custom-panel__field{gap:7px;margin-bottom:14px;display:grid}.custom-panel__field label{color:#dbe6ff;font-size:13px}.custom-panel__field select,.custom-panel__field input[type=range]{width:100%}.custom-panel__field select{appearance:none;border:1px solid var(--line);background:var(--panel-soft);color:var(--text);border-radius:12px;padding:10px 12px;font-size:13px}.custom-panel__value{color:var(--accent-strong);justify-self:end;font-size:12px}.custom-panel input[type=range]{appearance:none;background:linear-gradient(90deg,#77c14a,#e5be57);border-radius:999px;outline:none;height:8px}.custom-panel input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff7dc;border:2px solid #6ea14a;border-radius:50%;width:18px;height:18px}.tower-checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tower-check{color:var(--text);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.tower-check input{accent-color:#8fca56}.mutator-list{gap:8px;display:grid}.mutator-check{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;padding:10px 12px;display:grid}.mutator-check input{accent-color:#f0bc56;margin-top:2px}.mutator-check__text{gap:4px;display:grid}.mutator-check__text strong{color:#fff2d4;font-size:13px}.mutator-check__text span{color:var(--muted);font-size:12px;line-height:1.4}.custom-panel__start{color:#18222f;cursor:pointer;background:linear-gradient(135deg,#84cc54,#f0b24b);border:0;border-radius:14px;width:100%;padding:14px 16px;font-size:15px;font-weight:700;transition:transform .12s,filter .12s,opacity .12s}.custom-panel__start:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.custom-panel__start:disabled{cursor:not-allowed;opacity:.45}@media (width<=1400px){body{padding:14px}.app-shell{flex-direction:column;align-items:center}.custom-panel{width:min(960px,100%)}}@media (width<=1040px){canvas{width:min(100%,960px);height:auto}.custom-panel{width:min(100%,960px)}}