*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body{min-height:100vh}.App{padding:20px}.App-header{color:#fff;margin-bottom:30px;text-align:center}.App-header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px #0000004d}.App-header p{font-size:1.1rem;opacity:.95}.main-content{display:flex;gap:30px;margin:0 auto;max-width:1400px}.left-panel,.right-panel{display:flex;flex:1 1;flex-direction:column;gap:20px}@media (max-width:968px){.main-content{flex-direction:column}}.simulation-area{background:linear-gradient(180deg,#87ceeb 0,#e0f6ff);border-radius:15px;box-shadow:0 10px 30px #0003;cursor:default;height:450px;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:700px}.ball{height:50px;position:absolute;transform:translate(-50%,-50%);transition:none;width:50px;z-index:10}.ball-inner{background:radial-gradient(circle at 30% 30%,#ff6b6b,#c92a2a);border-radius:50%;box-shadow:0 5px 15px #0000004d;height:100%;position:relative;width:100%}.ball-inner:after{background:radial-gradient(circle,#fffc,#0000);border-radius:50%;content:"";height:35%;left:15%;position:absolute;top:10%;width:35%}.ball.dragging .ball-inner{box-shadow:0 8px 20px #0006;transform:scale(1.1)}.ground{background:linear-gradient(180deg,#8b7355 0,#6b5640);border-top:3px solid #5c4633;height:50px;position:absolute;width:100%}.ground-pattern{background-image:repeating-linear-gradient(90deg,#0000,#0000 10px,#0000001a 0,#0000001a 20px);height:100%;width:100%}.height-markers{bottom:50px;height:350px;left:20px;position:absolute;width:calc(100% - 40px)}.height-marker{align-items:center;display:flex;gap:10px;position:absolute;width:100%}.height-marker span{background:#fffc;border-radius:3px;color:#333;font-size:12px;font-weight:700;padding:2px 6px}.marker-line{background:#0003;border-top:1px dashed #0000004d;flex:1 1;height:1px}.height-indicator{background:#fffffff2;border-radius:5px;box-shadow:0 2px 5px #0003;color:#333;font-size:14px;font-weight:700;padding:5px 10px;position:absolute;right:20px;transform:translateY(-50%)}.energy-meters{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;padding:20px}.energy-meters h2{color:#333;font-size:1.5rem}.energy-meters h2,.meter-container{margin-bottom:20px}.meter-container.total-meter{border-top:2px solid #f0f0f0;margin-top:30px;padding-top:20px}.meter-label{color:#555;display:flex;font-weight:600;justify-content:space-between;margin-bottom:8px}.energy-value{color:#333;font-size:1.1rem}.meter-bar{background:#f0f0f0;height:30px;width:100%}.meter-bar,.meter-fill{border-radius:15px;overflow:hidden;position:relative}.meter-fill{height:100%;transition:width .3s ease}.meter-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#ffffff4d,#0000 50%,#ffffff4d);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.pe-fill{background:linear-gradient(135deg,#667eea,#764ba2)}.ke-fill{background:linear-gradient(135deg,#f093fb,#f5576c)}.total-fill{background:linear-gradient(135deg,#4facfe,#00f2fe)}.energy-formulas{border-top:2px solid #f0f0f0;margin-top:30px;padding-top:20px}.formula{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:10px;padding:8px}.formula strong{color:#333;font-size:1rem}.formula span{color:#666;font-size:.9rem}.energy-graph{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;padding:20px;position:relative}.energy-graph h2{color:#333;font-size:1.5rem;margin-bottom:20px}.no-data{background:#ffffffe6;border-radius:8px;color:#999;font-size:1rem;left:50%;padding:20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.controls{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;padding:20px}.reset-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:20px;padding:12px 24px;transition:transform .2s,box-shadow .2s;width:100%}.reset-button:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.reset-button:active{transform:translateY(0)}.instructions{border-top:2px solid #f0f0f0;padding-top:20px}.instructions h3{color:#333;font-size:1.2rem;margin-bottom:15px}.instructions ul{list-style:none;padding:0}.instructions li{color:#666;line-height:1.5;margin-bottom:10px;padding-left:25px;position:relative}.instructions li:before{color:#667eea;content:"→";font-weight:700;left:0;position:absolute}
/*# sourceMappingURL=main.4fcbea1c.css.map*/