:root{color-scheme:dark;--ink: #061013;--panel: rgba(9, 18, 20, .74);--line: rgba(221, 190, 124, .24);--text: #f4ead4;--muted: #a8b0a1;--sand: #e4b25c;--acid: #c4dd45;--water: #16a9b1;--rust: #da6b31}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--ink);color:var(--text);font-family:Avenir Next Condensed,DIN Condensed,Segoe UI,sans-serif;letter-spacing:0;touch-action:none}button,input{font:inherit}.stage{position:fixed;top:0;right:0;bottom:0;left:0;cursor:none;background:#071012}.stage canvas{display:block;width:100%;height:100%}.control-panel{position:fixed;left:18px;top:18px;z-index:2;width:min(310px,calc(100vw - 36px));padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 18px 80px #00000057;-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%);-webkit-user-select:none;user-select:none}.brand{display:flex;align-items:center;gap:10px;margin-bottom:14px}.brand-mark{width:30px;height:30px;border:1px solid rgba(228,178,92,.72);border-radius:50%;background:radial-gradient(circle at 62% 28%,var(--acid) 0 12%,transparent 13%),radial-gradient(circle at 34% 62%,var(--sand) 0 22%,transparent 23%),linear-gradient(135deg,var(--water),var(--rust))}.brand strong{display:block;font-size:18px;line-height:1;text-transform:uppercase}.brand small{display:block;margin-top:4px;color:var(--muted);font-size:12px;line-height:1;text-transform:uppercase}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;margin-bottom:12px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff09}.segmented button,.actions button{min-height:34px;border:0;border-radius:6px;color:var(--text);background:transparent;cursor:pointer}.segmented button.is-active{color:#071012;background:var(--sand)}.control-panel label{display:block;margin-top:10px}.control-panel label span{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;line-height:1;text-transform:uppercase}.control-panel output{color:var(--text)}.control-panel input[type=range]{width:100%;margin:8px 0 0;accent-color:var(--acid)}.control-panel select{width:100%;min-height:34px;margin-top:8px;padding:0 10px;border:1px solid rgba(228,178,92,.24);border-radius:6px;color:var(--text);background:#ffffff0e;outline:none}.toggle-row{display:flex!important;align-items:center;justify-content:space-between;gap:12px}.toggle-row input{width:42px;height:22px;margin:0;accent-color:var(--sand)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.actions button{border:1px solid rgba(228,178,92,.28);background:#ffffff0e}.actions button:hover,.segmented button:hover{background:#ffffff1c}.stats{display:flex;justify-content:space-between;gap:10px;margin-top:12px;color:var(--muted);font-size:12px;text-transform:uppercase}.stats b{color:var(--text);font-weight:700}@media(max-width:760px){.control-panel{left:10px;right:10px;top:10px;width:auto;padding:12px}.brand{margin-bottom:10px}}