:root{--bg-color: #030308;--primary: #00f0ff;--secondary: #7000ff;--accent: #ff0077;--text-main: #f0f4f8;--text-muted: #8b9bb4;--glass-bg: rgba(12, 16, 26, .55);--glass-border: rgba(255, 255, 255, .1);--font-display: "Outfit", sans-serif;--font-body: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100dvh;overflow:hidden;overscroll-behavior:none;background-color:var(--bg-color);font-family:var(--font-body);color:var(--text-main);margin:0;position:fixed;transition:background-color .5s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#00f0ff33;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}#bg-art{position:fixed;top:0;left:0;width:100%;height:100dvh;object-fit:cover;opacity:.05;z-index:0;pointer-events:none;mix-blend-mode:screen;filter:contrast(1) blur(1.5px)}#webgl-canvas{position:fixed;top:0;left:0;width:100%;height:100dvh;z-index:1;display:block}#ui-layer{position:fixed;top:0;left:0;width:100%;height:100dvh;z-index:10;display:flex;flex-direction:column;pointer-events:none}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0003 50%,#0003);background-size:100% 4px;pointer-events:none;z-index:100;opacity:.12}.vignette{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 35%,rgba(2,3,6,.85) 150%);pointer-events:none;z-index:90}.screen-flash{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;opacity:0;z-index:99999;pointer-events:none;transition:opacity .4s ease-out}.screen-flash.flash{opacity:.85;transition:none}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(50px);background:#0f141eeb;border:1px solid var(--primary);box-shadow:0 10px 30px #00f0ff4d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;padding:.8rem 1.6rem;border-radius:50px;font-size:.85rem;font-weight:500;z-index:10000;pointer-events:none;opacity:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.fallback-banner{position:fixed;top:1rem;left:50%;transform:translate(-50%);background:#ffaa0026;border:1px solid rgba(255,170,0,.4);color:#fa0;font-size:.75rem;padding:.3rem 1rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;pointer-events:none}.charge-hud{position:fixed;bottom:2.2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.8rem;background:#0a0e18b3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--glass-border);padding:.5rem 1.2rem .5rem .8rem;border-radius:50px;z-index:80;pointer-events:none;opacity:.7;transition:all .3s ease}.charge-hud.charging{opacity:1;border-color:var(--primary);box-shadow:0 0 25px #00f0ff59;transform:translate(-50%) scale(1.05)}.charge-hud-ring{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.charge-hud-ring svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#ffffff1a;stroke-width:8}.ring-fill{fill:none;stroke:var(--primary);stroke-width:8;stroke-dasharray:276.46;stroke-dashoffset:276.46;stroke-linecap:round;transition:stroke-dashoffset .05s linear}.charge-hud-pct{font-size:.65rem;font-family:var(--font-mono);font-weight:700;color:var(--primary)}.charge-hud-label{font-size:.75rem;font-weight:700;letter-spacing:1.5px;color:var(--text-muted)}.charge-hud.charging .charge-hud-label{color:#fff}.navbar{display:flex;justify-content:space-between;padding:1.6rem 3.5rem;pointer-events:auto;align-items:center;z-index:20}.logo{font-family:var(--font-display);font-weight:800;font-size:1.6rem;letter-spacing:2px;color:var(--text-main);text-shadow:0 0 12px rgba(0,240,255,.5);cursor:pointer;transition:text-shadow .3s}.logo:hover{text-shadow:0 0 20px var(--primary)}.nav-actions{display:flex;align-items:center;gap:.8rem}.nav-btn{display:flex;align-items:center;gap:.5rem;background:#ffffff0a;border:1px solid var(--glass-border);color:var(--text-main);padding:.55rem 1.1rem;border-radius:8px;font-family:var(--font-body);font-size:.82rem;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .25s cubic-bezier(.4,0,.2,1)}.nav-btn:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-2px)}.nav-btn.highlight{background:#00f0ff1a;border-color:#00f0ff59;color:var(--primary)}.nav-btn.highlight:hover{background:#00f0ff33;box-shadow:0 0 15px #00f0ff40}.badge-count{background:var(--primary);color:#000;font-size:.68rem;font-weight:800;padding:.1rem .4rem;border-radius:12px;margin-left:.2rem}.btn-svg{display:inline-block;vertical-align:middle;stroke:currentColor;flex-shrink:0}.menu-btn{background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:.5rem;margin-left:.4rem}.menu-btn .bar{width:22px;height:2px;background:var(--text-main);border-radius:2px;transition:all .3s}.menu-btn:hover .bar{background:var(--primary)}.hero{flex:1;display:flex;align-items:center;justify-content:center;pointer-events:none;padding:1.5rem}.glass-card{pointer-events:auto;background:var(--glass-bg);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid var(--glass-border);padding:2.2rem 2.5rem;border-radius:20px;box-shadow:0 25px 60px #0009,inset 0 0 0 1px #ffffff0d;max-width:560px;text-align:center;position:relative;overflow:hidden;opacity:1!important;visibility:visible!important;transform:translateY(0)}.glass-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(112,0,255,.16) 0%,transparent 60%);pointer-events:none;z-index:-1}.badge{display:inline-block;font-size:.68rem;text-transform:uppercase;letter-spacing:2px;padding:.35rem 1rem;border-radius:50px;background:#00f0ff12;border:1px solid var(--primary);color:var(--primary);margin-bottom:1.2rem;box-shadow:0 0 15px #00f0ff33;position:relative;overflow:hidden}.badge:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shine 3.5s infinite linear}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}.title{font-family:var(--font-display);font-size:clamp(2.4rem,4.8vw,4rem);font-weight:800;line-height:1.05;margin-bottom:.8rem;letter-spacing:-1.5px}.gradient-text{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.gradient-text:after{content:"SLOPE";position:absolute;left:0;top:0;z-index:-1;background:-webkit-linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:blur(18px);opacity:.6}.subtitle{font-size:clamp(.95rem,1.8vw,1.2rem);color:var(--text-muted);font-weight:400;margin-bottom:1.4rem;min-height:2.8rem;line-height:1.4}#typewriter{color:var(--text-main);border-right:2px solid var(--primary);padding-right:2px;animation:blink .75s step-end infinite;font-weight:600}@keyframes blink{50%{border-color:transparent}}.features{display:flex;gap:.6rem;justify-content:center;margin-bottom:1.4rem;flex-wrap:wrap}.feature-tag{font-size:.8rem;padding:.45rem .9rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.feature-tag:hover{background:#ffffff12;border-color:#ffffff38;transform:translateY(-2px)}.cta-group{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.2rem}.btn{font-family:var(--font-body);font-size:.82rem;font-weight:700;padding:.95rem 1.7rem;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1.2px;position:relative;overflow:hidden;opacity:1!important;visibility:visible!important}.primary-btn{background:linear-gradient(135deg,var(--primary),#00a2ff);color:#000;border:none;box-shadow:0 0 25px #00f0ff66}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 10px 35px #00f0ffa6}.secondary-btn{background:#ffffff0a;color:var(--text-main);border:1px solid var(--glass-border)}.secondary-btn:hover{background:#ffffff14;border-color:#ffffff40;transform:translateY(-3px);box-shadow:0 10px 30px #0006}.hero-hint{font-size:.78rem;color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:.5rem;opacity:.85}.hint-icon{font-size:.9rem}.command-console{position:fixed;bottom:2rem;left:2rem;width:520px;max-width:calc(100vw - 4rem);max-height:480px;background:#0a0e16eb;border:1px solid var(--primary);border-radius:14px;box-shadow:0 20px 50px #000c,0 0 25px #00f0ff40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;overflow:hidden;display:flex;flex-direction:column;transform:translateY(30px) scale(.95);opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.command-console.active{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.terminal-header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.2rem;background:#00f0ff14;border-bottom:1px solid rgba(0,240,255,.2);font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:1px}.terminal-title{display:flex;align-items:center;gap:.6rem;color:var(--primary)}.terminal-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px var(--primary)}.terminal-actions{display:flex;gap:.5rem}.term-btn{background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--text-muted);border-radius:4px;padding:.2rem .5rem;font-family:var(--font-mono);font-size:.7rem;cursor:pointer;transition:all .2s}.term-btn:hover{color:#fff;border-color:var(--primary)}.terminal-body{padding:1rem 1.2rem;flex:1;overflow-y:auto;font-family:var(--font-mono);font-size:.82rem;line-height:1.6;max-height:320px}.term-line{margin-bottom:.3rem;word-break:break-word}.term-line.banner{color:var(--primary);font-weight:700}.term-line.dim{color:var(--text-muted)}.term-line.highlight{color:#0fc}.term-line.success{color:#0f8}.term-line.warning{color:#fa0}.term-line.error{color:#f46}.term-prompt{color:var(--secondary);font-weight:700;margin-right:.5rem}.terminal-input-row{display:flex;align-items:center;padding:.8rem 1.2rem;border-top:1px solid rgba(255,255,255,.08);background:#0000004d}#term-input{flex:1;background:transparent;border:none;outline:none;font-family:var(--font-mono);font-size:.85rem;color:#fff}.telemetry-hud{position:fixed;top:5rem;right:2rem;width:380px;max-width:calc(100vw - 4rem);background:var(--glass-bg);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border:1px solid var(--glass-border);border-radius:18px;box-shadow:0 20px 50px #0009,inset 0 0 0 1px #ffffff0d;z-index:1000;overflow:hidden;transform:translate(40px);opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.telemetry-hud.active{transform:translate(0);opacity:1;pointer-events:auto}.telemetry-panel{padding:1.5rem}.telemetry-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.4rem}.telemetry-title{display:flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:1.5px;color:var(--primary)}.telemetry-pulse{width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px var(--primary);animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(.9);opacity:.6}50%{transform:scale(1.3);opacity:1}to{transform:scale(.9);opacity:.6}}.telemetry-close-btn{background:transparent;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;transition:color .2s}.telemetry-close-btn:hover{color:#fff}.telemetry-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1.5rem}.metric-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:.8rem}.metric-card-wide{grid-column:1 / -1}.metric-label{font-size:.68rem;color:var(--text-muted);font-weight:600;letter-spacing:1px;margin-bottom:.3rem}.metric-val{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;color:#fff}.metric-val .unit{font-size:.75rem;color:var(--primary)}.metric-sub{font-size:.68rem;color:var(--text-muted);margin-top:.2rem}.metric-bar-wrap{width:100%;height:4px;background:#ffffff1a;border-radius:4px;margin-top:.5rem;overflow:hidden}.metric-bar-fill{width:0%;height:100%;background:var(--primary);transition:width .1s linear}.telemetry-section-title{font-size:.72rem;letter-spacing:1.5px;color:var(--text-muted);font-weight:700;margin-bottom:.8rem}.telemetry-controls{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.2rem}.param-row{display:flex;flex-direction:column;gap:.3rem}.param-row label{font-size:.78rem;color:var(--text-main);display:flex;justify-content:space-between}.param-row input[type=range]{accent-color:var(--primary);background:#ffffff1a;height:4px;border-radius:2px;outline:none}.telemetry-footer-actions{display:flex;gap:.6rem}.telemetry-action-btn{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.6rem .8rem;border-radius:8px;font-family:var(--font-body);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.telemetry-action-btn:hover{background:#00f0ff26;border-color:var(--primary);color:var(--primary)}.experiments-drawer{position:fixed;top:0;right:0;width:100vw;height:100dvh;z-index:2000;pointer-events:none;display:flex;justify-content:flex-end}.experiments-drawer .drawer-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#030408b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transition:opacity .3s ease}.experiments-drawer .drawer-content{position:relative;width:480px;max-width:90vw;height:100%;background:#0a0e18f2;border-left:1px solid var(--glass-border);box-shadow:-20px 0 50px #000000b3;padding:2.5rem 2rem;overflow-y:auto;transform:translate(100%);transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.experiments-drawer.active{pointer-events:auto}.experiments-drawer.active .drawer-backdrop{opacity:1}.experiments-drawer.active .drawer-content{transform:translate(0)}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.8rem}.drawer-badge{font-size:.65rem;letter-spacing:2px;color:var(--primary);font-weight:700;margin-bottom:.2rem}.drawer-title{font-family:var(--font-display);font-size:1.8rem;font-weight:800}.drawer-close-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .2s;font-size:1.1rem}.drawer-close-btn:hover{border-color:var(--primary);color:#fff}.drawer-intro{font-size:.88rem;color:var(--text-muted);line-height:1.5;margin-bottom:2rem}.experiments-grid{display:flex;flex-direction:column;gap:1.2rem}.exp-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1.4rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.exp-card:hover{background:#ffffff0f;border-color:var(--primary);transform:translateY(-3px);box-shadow:0 10px 25px #00f0ff26}.exp-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.exp-card-code{font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:1px;color:var(--primary);opacity:.85}.exp-card-tag{font-size:.68rem;font-weight:700;color:var(--primary);background:#00f0ff1a;padding:.2rem .6rem;border-radius:20px}.exp-preview-container{width:100%;height:95px;background:#00000073;border:1px solid rgba(255,255,255,.08);border-radius:10px;margin-bottom:.8rem;overflow:hidden;position:relative}.exp-preview-canvas{width:100%;height:100%;display:block}.exp-card-title{font-family:var(--font-display);font-size:1.2rem;font-weight:700;margin-bottom:.4rem}.exp-card-desc{font-size:.8rem;color:var(--text-muted);line-height:1.4;margin-bottom:1rem}.exp-launch-btn{background:transparent;border:none;color:var(--primary);font-family:var(--font-body);font-size:.8rem;font-weight:700;cursor:pointer;transition:transform .2s}.exp-card:hover .exp-launch-btn{transform:translate(5px)}.experiment-modal{position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:3000;pointer-events:none;opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.experiment-modal.active{pointer-events:auto;opacity:1}.experiment-modal .modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#020306d9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.experiment-modal .modal-window{position:relative;width:90vw;height:86vh;max-width:1100px;background:#0a0e18f5;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 25px 70px #000000d9;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.8rem;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff05}.modal-title-group{display:flex;align-items:center;gap:.8rem}.modal-tag{font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:var(--primary);background:#00f0ff1a;padding:.2rem .6rem;border-radius:4px;border:1px solid rgba(0,240,255,.25);letter-spacing:1px}.modal-title{font-family:var(--font-display);font-size:1.3rem;font-weight:700}.modal-ctrl-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:var(--text-main);padding:.5rem 1.1rem;border-radius:8px;font-family:var(--font-body);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s}.modal-ctrl-btn:hover{background:#ff005526;border-color:#f05;color:#f05}.modal-viewport{flex:1;position:relative;overflow:hidden;display:flex}.exp-wrapper{flex:1;display:flex;flex-direction:column;height:100%;position:relative}.exp-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.5rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.06);flex-wrap:wrap;gap:.8rem}.exp-mode-btns,.exp-audio-inputs,.exp-sliders{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.exp-tool-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-main);padding:.45rem .9rem;border-radius:6px;font-family:var(--font-body);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s}.exp-tool-btn:hover{background:#ffffff1f;border-color:#ffffff40}.exp-tool-btn.active{background:#00f0ff33;border-color:var(--primary);color:var(--primary)}.exp-tool-btn.highlight{background:linear-gradient(135deg,var(--primary),#00a2ff);color:#000;border:none}.exp-file-label{display:inline-flex;align-items:center;cursor:pointer}.exp-canvas{flex:1;width:100%;height:100%;display:block}.exp-hint{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:#0a0e18cc;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:.35rem 1rem;font-size:.75rem;color:var(--text-muted);pointer-events:none}.exp-game-hud{display:flex;align-items:center;gap:1.2rem}.game-stat{font-family:var(--font-mono);font-size:.82rem;color:var(--text-muted)}.game-stat strong{color:var(--primary)}.calc-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:1.5rem}.calc-glass{width:360px;background:#0f1420d9;border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 20px 50px #000000b3,inset 0 0 0 1px #ffffff14;padding:1.8rem;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.calc-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.calc-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px var(--primary)}.calc-brand{font-family:var(--font-mono);font-size:.65rem;letter-spacing:1.5px;color:var(--primary);font-weight:700}.calc-display-zone{background:#00000073;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:1rem;margin-bottom:1.2rem;text-align:right;min-height:100px;display:flex;flex-direction:column;justify-content:flex-end}.calc-history-tape{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);max-height:45px;overflow-y:auto;margin-bottom:.4rem}.tape-item{margin-bottom:.2rem}.tape-res{color:var(--primary)}.calc-sub-display{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);min-height:1.2rem}.calc-main-display{font-family:var(--font-mono);font-size:2.1rem;font-weight:700;color:#fff;word-break:break-all}.calc-keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.calc-key{position:relative;overflow:hidden;height:52px;border-radius:12px;border:1px solid rgba(255,255,255,.08);font-family:var(--font-body);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .15s ease}.calc-key.num{background:#ffffff0a;color:#fff}.calc-key.fn{background:#ffffff14;color:var(--text-muted);font-size:.9rem}.calc-key.op{background:#00f0ff1a;border-color:#00f0ff40;color:var(--primary)}.calc-key.equals{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#000;border:none;font-weight:800;box-shadow:0 0 15px #00f0ff4d}.calc-key:hover{transform:translateY(-2px);filter:brightness(1.2)}.calc-key:active{transform:translateY(1px)}.calc-ripple{position:absolute;width:20px;height:20px;background:#fff6;border-radius:50%;transform:scale(0);animation:ripple .4s linear;pointer-events:none}@keyframes ripple{to{transform:scale(10);opacity:0}}@media(max-width:900px){.navbar{padding:1.2rem 1.8rem}.nav-btn .btn-text{display:none}.nav-btn{padding:.5rem .7rem}.command-console{left:1rem;right:1rem;bottom:1rem;width:auto}.telemetry-hud{right:1rem;left:1rem;width:auto}}@media(max-width:768px){.hero{padding:1rem}.glass-card{padding:2.2rem 1.6rem;border-radius:18px;margin:auto}.title{font-size:2.4rem}.subtitle{font-size:.98rem;min-height:3rem;margin-bottom:1.4rem}.features{gap:.5rem;margin-bottom:1.5rem}.feature-tag{font-size:.75rem;padding:.4rem .8rem}.cta-group{flex-direction:column;width:100%;gap:.8rem}.btn{width:100%;padding:.95rem;font-size:.85rem}.hero-hint{font-size:.72rem}.charge-hud{bottom:1rem;padding:.4rem .9rem}.experiment-modal .modal-window{width:96vw;height:92vh}}@media(max-width:480px){.glass-card{padding:1.8rem 1.2rem;max-width:95%}.title{font-size:2rem}}