:root{--isabelline: #F8F3EC;--royal-blue: #0C67F4;--citrine: #F1D73C;--tangelo: #F35323;--fairy-tale: #F2BFD0;--black: #020202;--dark-isabelline: #E8E3DC;--deep-sky-blue: #00BFFF;--gold: #FFD700;--tomato-red: #FF6347;--hot-pink: #FF69B4;--spring-green: #00FF7F;--medium-purple: #9370DB;--cyan: #00FFFF;--orange: #FFA500}body{margin:0;padding:0;background:var(--isabelline);color:var(--black);font-family:Chivo Mono,monospace;font-weight:300;overflow:hidden}canvas{display:block}#ui{position:absolute;top:24px;left:24px;z-index:100;pointer-events:none}#score{font-size:28px;color:var(--tangelo);font-weight:500;letter-spacing:-.02em}#combo{font-size:16px;color:var(--black);margin-top:8px;opacity:.7}#instructions{margin-top:24px;color:var(--black);font-size:12px;opacity:.6;line-height:1.4}#controls{margin-top:32px;pointer-events:auto}.control-group{margin-bottom:20px}.button-group{display:flex;gap:8px;margin-bottom:24px}label{display:block;color:var(--black);font-size:11px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em;opacity:.8}input[type=range]{width:160px;height:2px;background:var(--dark-isabelline);border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-right:12px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--royal-blue);border-radius:50%;cursor:pointer}input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--royal-blue);border-radius:50%;border:none;cursor:pointer}select{background:var(--isabelline);color:var(--black);border:1px solid var(--dark-isabelline);padding:8px 12px;font-family:inherit;font-size:11px;border-radius:2px;outline:none}select:focus{border-color:var(--royal-blue)}button{background:var(--isabelline);color:var(--black);border:1px solid var(--dark-isabelline);padding:8px 16px;font-family:inherit;font-size:11px;cursor:pointer;transition:all .2s ease;border-radius:2px;text-transform:uppercase;letter-spacing:.05em}button:hover{border-color:var(--royal-blue);color:var(--royal-blue)}button.active{background:var(--tangelo);color:var(--isabelline);border-color:var(--tangelo)}button.muted{background:var(--fairy-tale);color:var(--black);border-color:var(--fairy-tale)}.control-value{color:var(--tangelo);font-weight:500}