*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:#000;color:#fff;font-family:Courier New,monospace}#root{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem}h1,h2,h3,button,select,input{image-rendering:pixelated}.pixel-border{border:4px solid #fff;image-rendering:pixelated}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:12px;background:#222;outline:none;border:2px solid #fff;width:100%;margin:10px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;background:#fff;cursor:pointer;image-rendering:pixelated}input[type=range]::-moz-range-thumb{width:24px;height:24px;background:#fff;cursor:pointer;border:none;image-rendering:pixelated}.container{max-width:960px;width:100%}.panel{background:#111;padding:1.5rem;margin-bottom:1rem}.flex{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}