:root{--font-main:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-heading:'Outfit',sans-serif;--font-mono:'JetBrains Mono',monospace;--bg-page:#090d14;--bg-card:#111924;--bg-card-subtle:#172231;--text-primary:#edf2f7;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#223248;--border-hover:#385170;--accent-teal:#00f2fe;--accent-blue:#4facfe;--accent-green:#38ef7d;--accent-yellow:#f1c40f;--accent-orange:#e67e22;--accent-red:#ff4757;--accent-purple:#9b59b6;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--shadow-card:0 10px 30px rgba(0,0,0,0.45);--shadow-glow:0 0 18px rgba(0,242,254,0.3)}[data-theme="light"]{--bg-page:#f8fafc;--bg-card:#ffffff;--bg-card-subtle:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border-color:#e2e8f0;--border-hover:#cbd5e1;--shadow-card:0 4px 16px rgba(0,0,0,0.08)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-page);color:var(--text-primary);overflow-x:clip;width:100%;max-width:100%;min-height:100vh;display:flex;flex-direction:column;line-height:1.5}.text-mono{font-family:var(--font-mono)}.tool-layout{max-width:1200px;margin:1.5rem auto 3rem;padding:0 1rem;box-sizing:border-box;flex:1 0 auto;width:100%}.tool-with-sidebar{display:flex;gap:2rem;align-items:flex-start;width:100%}.tool-main-content{flex:1 1 0%;min-width:0;width:100%}.tornado-simulator-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;margin-bottom:2rem}.card-header-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background-color:var(--bg-card-subtle);border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:.75rem}.card-title-group h2{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.card-title-badge{font-family:var(--font-mono);font-size:.75rem;padding:.2rem .55rem;background:rgba(0,242,254,0.15);color:var(--accent-teal);border-radius:var(--radius-sm);border:1px solid rgba(0,242,254,0.35);box-shadow:var(--shadow-glow)}.card-header-actions{display:flex;gap:.5rem;align-items:center}.btn-action-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-md);background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-action-icon:hover{color:var(--text-primary);border-color:var(--accent-teal);background-color:rgba(0,242,254,0.08)}.btn-action-icon.active{background:var(--accent-teal);color:#090d14;border-color:var(--accent-teal);box-shadow:var(--shadow-glow)}.btn-action-icon.muted{color:var(--accent-red)}.viewport-wrapper{position:relative;width:100%;height:560px;background:#060a0f;overflow:hidden;touch-action:none}.viewport-wrapper::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 70px rgba(0,0,0,0.65);z-index:2}@media (max-width:768px){.viewport-wrapper{height:430px}}#tornado-viewport-container{width:100%;height:100%;cursor:grab}#tornado-viewport-container:active{cursor:grabbing}.hud-telemetry-overlay{position:absolute;top:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:10}.hud-kpi-cluster{display:flex;gap:.75rem;flex-wrap:wrap;pointer-events:auto}.hud-kpi-card{background:rgba(9,14,22,0.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(56,81,112,0.65);border-radius:var(--radius-md);padding:.55rem .9rem;box-shadow:0 6px 18px rgba(0,0,0,0.5)}.hud-kpi-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.15rem}.hud-kpi-value{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;color:var(--text-primary);display:flex;align-items:baseline;gap:.25rem}.hud-kpi-unit{font-size:.75rem;font-weight:400;color:var(--text-muted)}.hud-ef-badge{font-family:var(--font-mono);font-size:.75rem;font-weight:700;padding:.25rem .6rem;border-radius:var(--radius-sm);display:inline-block;margin-top:.2rem}.hud-ef-badge.ef0{background:#34495e;color:#ecf0f1}.hud-ef-badge.ef1{background:#27ae60;color:#ffffff}.hud-ef-badge.ef2{background:#f39c12;color:#ffffff}.hud-ef-badge.ef3{background:#d35400;color:#ffffff}.hud-ef-badge.ef4{background:#c0392b;color:#ffffff}.hud-ef-badge.ef5{background:#8e44ad;color:#ffffff;box-shadow:0 0 14px rgba(155,89,182,0.95)}.hud-radar-box{background:rgba(9,14,22,0.88);backdrop-filter:blur(10px);border:1px solid rgba(56,81,112,0.65);border-radius:var(--radius-md);padding:.5rem;pointer-events:auto;display:flex;flex-direction:column;align-items:center;box-shadow:0 6px 20px rgba(0,0,0,0.55)}#radar-canvas{width:140px;height:140px;border-radius:50%;background:#060b10}@media (max-width:640px){#radar-canvas{width:100px;height:100px}}.btn-radar-toggle{margin-top:.4rem;font-family:var(--font-mono);font-size:.7rem;padding:.22rem .6rem;background:var(--bg-card-subtle);border:1px solid var(--border-color);color:var(--accent-teal);border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:background .15s ease}.btn-radar-toggle:hover{background:rgba(0,242,254,0.15)}.hud-bottom-overlay{position:absolute;bottom:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;z-index:10}.hud-cam-selector{display:flex;gap:.35rem;background:rgba(9,14,22,0.85);backdrop-filter:blur(10px);padding:.35rem;border-radius:var(--radius-md);border:1px solid rgba(56,81,112,0.65);pointer-events:auto;flex-wrap:wrap}.btn-cam-mode{background:transparent;border:none;color:var(--text-secondary);padding:.35rem .65rem;font-size:.75rem;font-family:var(--font-main);font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.btn-cam-mode:hover{color:var(--text-primary);background:rgba(255,255,255,0.06)}.btn-cam-mode.active{background:var(--accent-blue);color:#ffffff;font-weight:600;box-shadow:0 0 10px rgba(79,172,254,0.45)}.hud-toast-banner{position:absolute;bottom:5rem;left:50%;transform:translateX(-50%) translateY(20px);background:rgba(0,242,254,0.95);color:#090d14;font-family:var(--font-heading);font-weight:700;font-size:.9rem;padding:.45rem 1.25rem;border-radius:var(--radius-full);box-shadow:0 4px 22px rgba(0,242,254,0.45);pointer-events:none;opacity:0;transition:all .25s cubic-bezier(0.175,0.885,0.32,1.275);z-index:20;white-space:nowrap}.hud-toast-banner.visible{opacity:1;transform:translateX(-50%) translateY(0)}.touch-joystick-wrap{position:absolute;bottom:2rem;left:2rem;width:80px;height:80px;background:rgba(0,0,0,0.38);border:2px dashed rgba(255,255,255,0.3);border-radius:50%;display:none;align-items:center;justify-content:center;pointer-events:none;z-index:10}.touch-joystick-knob{width:36px;height:36px;background:var(--accent-teal);border-radius:50%;box-shadow:0 0 12px rgba(0,242,254,0.75);transition:transform .05s ease-out}@media (max-width:768px){.touch-joystick-wrap{display:flex}}.tornado-controls-panel{padding:1.5rem;background:var(--bg-card)}.panel-section-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:1.5rem}.control-card{background:var(--bg-card-subtle);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem}.control-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.control-label{font-size:.85rem;font-weight:600;color:var(--text-primary)}.control-value-tag{font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:var(--accent-teal)}.slider-styled{width:100%;height:6px;border-radius:3px;background:linear-gradient(90deg,#27ae60,#f39c12,#e74c3c,#8e44ad);outline:none;-webkit-appearance:none;appearance:none}.slider-styled::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-teal);border:2px solid #ffffff;cursor:pointer;box-shadow:0 0 10px rgba(0,242,254,0.7);transition:transform .15s ease}.slider-styled::-webkit-slider-thumb:hover{transform:scale(1.2)}.ef-pill-group{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.5rem}.btn-ef-pill{flex:1 1 0%;min-width:42px;min-height:40px;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--font-mono);font-size:.8rem;font-weight:700;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.btn-ef-pill:hover{border-color:var(--accent-teal);color:var(--text-primary)}.btn-ef-pill.active{background:var(--accent-teal);color:#090d14;border-color:var(--accent-teal);box-shadow:var(--shadow-glow)}.scenario-selector-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.btn-scenario{flex:1 1 0%;min-width:110px;min-height:42px;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);font-size:.85rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;padding:.5rem .75rem;display:flex;align-items:center;justify-content:center;gap:.4rem;transition:all .2s ease}.btn-scenario:hover{border-color:var(--accent-blue)}.btn-scenario.active{background:rgba(79,172,254,0.15);border-color:var(--accent-blue);color:var(--accent-blue);font-weight:600}.action-buttons-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem;padding-top:1.25rem;border-top:1px solid var(--border-color)}.btn-primary-action{flex:1 1 0%;min-width:180px;min-height:44px;background:linear-gradient(135deg,var(--accent-teal),var(--accent-blue));color:#090d14;font-family:var(--font-heading);font-size:.95rem;font-weight:700;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 15px rgba(0,242,254,0.3);transition:all .2s ease}.btn-primary-action:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(0,242,254,0.5)}.btn-secondary-action{flex:1 1 0%;min-width:140px;min-height:44px;background:var(--bg-card-subtle);color:var(--text-primary);font-size:.9rem;font-weight:600;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.btn-secondary-action:hover{border-color:var(--accent-teal)}.btn-secondary-action.active{background:rgba(255,71,87,0.15);border-color:var(--accent-red);color:var(--accent-red)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(6,10,16,0.86);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;pointer-events:none;transition:opacity .25s ease;padding:1rem}.modal-backdrop.visible{opacity:1;pointer-events:auto}.modal-content-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 10px 40px rgba(0,0,0,0.65);max-width:720px;width:100%;max-height:90vh;overflow-y:auto;padding:1.5rem;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.modal-title{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--text-primary)}.btn-modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;line-height:1;cursor:pointer;padding:.25rem}.btn-modal-close:hover{color:var(--text-primary)}.postcard-preview-wrap{width:100%;border-radius:var(--radius-md);overflow:hidden;margin-bottom:1.25rem;border:1px solid var(--border-color)}.postcard-preview-wrap img{width:100%;height:auto;display:block}.modal-actions-row{display:flex;gap:.75rem;flex-wrap:wrap}.seo-technical-section{margin-top:3rem}.seo-technical-section h2{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.seo-intro-paragraph{color:var(--text-secondary);font-size:1rem;margin-bottom:1.5rem;line-height:1.6}.accordion-container{display:flex;flex-direction:column;gap:.75rem}.accordion-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.accordion-item details summary{padding:1rem 1.25rem;font-family:var(--font-heading);font-weight:600;font-size:1.05rem;color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none;user-select:none}.accordion-item details summary::-webkit-details-marker{display:none}.accordion-item details summary::after{content:'+';font-family:var(--font-mono);font-size:1.25rem;color:var(--accent-teal);transition:transform .2s ease}.accordion-item details[open] summary::after{content:'−'}.accordion-body{padding:1rem 1.25rem 1.25rem;color:var(--text-secondary);font-size:.95rem;line-height:1.65;border-top:1px solid var(--border-color)}.accordion-body p{margin-bottom:.75rem}.accordion-body p:last-child{margin-bottom:0}.table-responsive-wrap{overflow-x:auto;margin:1rem 0;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.technical-data-table{width:100%;border-collapse:collapse;font-size:.85rem;text-align:left}.technical-data-table th{background:var(--bg-card-subtle);color:var(--text-primary);padding:.75rem 1rem;font-family:var(--font-heading);font-weight:600;border-bottom:1px solid var(--border-color)}.technical-data-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.technical-data-table tr:last-child td{border-bottom:none}.formula-box{background:var(--bg-card-subtle);border-left:3px solid var(--accent-teal);padding:.85rem 1rem;margin:.75rem 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-family:var(--font-mono);font-size:.85rem;color:var(--text-primary)}