:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #3b82f6;--accent-color: #10b981;--danger-color: #ef4444;--panel-bg: rgba(255, 255, 255, .1);--panel-border: rgba(255, 255, 255, .2);--text-muted: rgba(255, 255, 255, .6)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow:hidden}#root{width:100%;height:100vh;margin:0;padding:0;display:flex;flex-direction:column}.earth-view-container{width:100%;height:100%;position:relative;background:radial-gradient(circle at center,#1b2735,#090a0f);overflow:hidden}canvas{display:block;width:100%;height:100%}.controls-overlay{position:absolute;bottom:40px;left:50%;transform:translate(-50%);background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:16px;display:flex;gap:20px;align-items:center;color:#fff;box-shadow:0 4px 30px #00000080;z-index:100}.interior-view-overlay{position:absolute;top:50%;right:20px;transform:translateY(-50%) scale(.1);left:auto;width:400px;height:300px;background:#1e1e1ef2;border:4px solid var(--panel-border);border-radius:20px;box-shadow:0 0 50px #000c;opacity:0;transition:all .8s cubic-bezier(.25,1,.5,1);z-index:50;overflow:hidden;pointer-events:none;transform-origin:center right}.interior-view-overlay.active{opacity:1;transform:translateY(-50%) scale(1);pointer-events:all}.interior-canvas{width:100%;height:100%;background:radial-gradient(circle at center,#555,#222)}.close-btn{position:absolute;top:10px;right:10px;background:#fff3;border:none;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;z-index:60;display:flex;align-items:center;justify-content:center;font-weight:700}.close-btn:hover{background:var(--danger-color)}.equivalence-container{width:100%;height:100%;display:flex;flex-direction:column;background:#111;color:#fff}.split-screen{flex:1;display:flex;width:100%;height:100%;background:#050505}.view-panel{flex:1;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.view-panel.elevator-panel{border-right:1px solid #222;background:linear-gradient(to bottom,#87ceeb,#e0f7fa 70%,#d1d1d1 70%,#999)}.view-panel.elevator-panel.freefall{background:linear-gradient(to bottom,#87ceeb,#e0f7fa)}.view-panel.rocket-panel{background:radial-gradient(circle at center,#1a1a1a,#000);background-image:radial-gradient(white,rgba(255,255,255,.2) 2px,transparent 3px),radial-gradient(white,rgba(255,255,255,.15) 1px,transparent 2px);background-size:550px 550px,350px 350px}.sim-box{width:300px;height:300px;background:#0003;position:relative;z-index:5}.elevator-wrapper{position:relative;width:270px;height:340px;display:flex;flex-direction:column;align-items:center;margin-top:10px}.cable{position:absolute;top:-1000px;width:4px;height:1000px;background:#333;left:50%;transform:translate(-50%);z-index:1}.cable.cut{top:-150px;transform:translate(-50%) rotate(5deg);height:80px;transition:all .5s ease-in}.elevator-box{width:260px;height:260px;border:10px solid #555;background:#ffffff1a;position:relative;z-index:5;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #00000080}.building-platform{position:absolute;bottom:0;left:0;width:100%;height:30%;background:#777;z-index:0}.rocket-wrapper{position:relative;width:270px;height:350px;display:flex;align-items:center;justify-content:center}.rocket-hull{position:absolute;width:100%;height:100%;border:4px solid #888;border-radius:50% 50% 20% 20%;background:#ffffff0d;z-index:5;box-shadow:inset 0 0 50px #000c;pointer-events:none}.rocket-engine{position:absolute;bottom:-40px;width:60px;height:40px;background:#444;border-radius:5px;z-index:4}.rocket-flame{position:absolute;width:120px;height:180px;background:radial-gradient(ellipse at top,#ff9800 0%,#f44336 60%,transparent 100%);filter:blur(5px);z-index:3;top:95%;left:50%;transform:translate(-50%);transform-origin:top center;opacity:.8}.panel-label{position:absolute;top:20px;background:#000c;padding:8px 15px;border-radius:20px;color:#fff;font-weight:700;z-index:20;border:1px solid #555;text-align:center}.equiv-controls-grid{height:120px;background:#111;border-top:1px solid #333;display:flex;justify-content:center;align-items:center;gap:20px;padding:0 10px}.control-section{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px;background:#1a1a1a;border-radius:8px;width:300px}.big-btn{padding:12px 24px;font-size:1rem;font-weight:700;color:#fff;border:none;border-radius:8px;cursor:pointer;background:#2196f3;box-shadow:0 4px #1565c0;transition:transform .1s,box-shadow .1s}.big-btn:active{transform:translateY(2px);box-shadow:0 2px #1565c0}.big-btn.cut{background:#f44336;box-shadow:0 4px #d32f2f;animation:pulse 1s infinite alternate}.big-btn.cut:active{box-shadow:0 2px #d32f2f}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}input[type=range]{width:100%}.app-container{position:relative;width:100%;height:100%;overflow:hidden}