*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0a0f;color:#e0e0e0;overflow:hidden}#app{width:100vw;height:100vh;position:relative}#simulation-canvas{width:100%;height:100%;display:block;background:#000}#controls-panel{position:absolute;top:20px;left:20px;width:260px;background:#0f0f19e6;border:1px solid rgba(100,100,150,.3);border-radius:12px;padding:20px;backdrop-filter:blur(10px);box-shadow:0 4px 30px #00000080}#controls-panel h2{font-size:1.4em;margin-bottom:20px;background:linear-gradient(135deg,#a78bfa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.control-group{margin-bottom:16px}.control-group label{display:block;margin-bottom:6px;font-size:.9em;color:#a0a0b0}.control-group label span{color:#c0c0d0;font-weight:600}.control-group input[type=range]{width:100%;height:6px;border-radius:3px;background:#6464964d;-webkit-appearance:none;appearance:none;cursor:pointer}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#f472b6);cursor:pointer;transition:transform .1s}.control-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.control-group input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#f472b6);cursor:pointer;border:none}.button-group{display:flex;gap:10px;margin:20px 0}.button-group button{flex:1;padding:10px 16px;border:none;border-radius:8px;background:linear-gradient(135deg,#4c1d95,#7c3aed);color:#fff;font-size:.9em;font-weight:600;cursor:pointer;transition:all .2s}.button-group button:hover{background:linear-gradient(135deg,#5b21b6,#8b5cf6);transform:translateY(-1px)}.button-group button:active{transform:translateY(0)}.stats{padding:12px;background:#0000004d;border-radius:8px;font-size:.85em;margin-bottom:16px}.stats div{margin-bottom:4px}.stats span{color:#a78bfa;font-weight:600}.instructions{font-size:.8em;color:#707080;line-height:1.5}.instructions p{margin-bottom:4px}.instructions strong{color:#909090}@media(max-width:600px){#controls-panel{width:calc(100% - 40px);bottom:20px;top:auto;max-height:40vh;overflow-y:auto}}