:root{color-scheme:dark;--bg-primary: #0b111b;--bg-secondary: #121c29;--bg-tertiary: #1a2737;--text-primary: #eef3fa;--text-secondary: #b3c1d2;--text-muted: #94a5bb;--border: #2c3a4e;--accent-primary: #79b5ff;--accent-secondary: #b7a3ff;--accent-success: #78dcb2;--accent-warning: #f2c879;--accent-danger: #ff939c;--spacing-md: 1rem;--font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);line-height:1.5}button,input,select,textarea{font:inherit}button,select,input[type=checkbox],input[type=range],summary{cursor:pointer}button{color:inherit}button:disabled{cursor:default;opacity:.45}a{color:var(--accent-primary);text-underline-offset:.2em}button,select,input,textarea,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent-primary);outline-offset:3px}button:focus-visible{position:relative;z-index:1}[hidden]{display:none!important}.skip-link{position:fixed;inset:8px auto auto 8px;z-index:100;padding:12px 18px;background:var(--text-primary);color:var(--bg-primary);border-radius:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.header{border-bottom:1px solid var(--border);background:#0e1723;padding:18px 24px}.header-content{display:flex;align-items:center;gap:22px;max-width:1900px;margin:auto}.logo{display:flex;align-items:center;gap:11px;font-size:1.15rem;font-weight:650;letter-spacing:-.025em;white-space:nowrap}.logo-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #465e7c;border-radius:10px;color:#aad0ff;font-size:1.4rem}.tagline{font-size:.8rem;color:var(--text-muted)}.header-badge{display:inline-flex;padding:3px 8px;border:1px solid var(--border);border-radius:5px;color:var(--accent-primary);font:.7rem var(--font-mono)}.app-badge{margin-left:auto;color:var(--text-secondary);padding:5px 9px}.main-content{flex:1;width:100%;max-width:1948px;margin:0 auto;padding:20px;display:grid;grid-template-columns:278px minmax(0,1fr) 314px;gap:18px;align-items:start}.main-content.sidebar-collapsed{grid-template-columns:278px minmax(0,1fr) 48px}.sidebar,.explanation-panel{display:flex;flex-direction:column;gap:14px;min-width:0}.panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:16px;min-width:0}.panel-title{color:var(--text-secondary);font-size:.76rem;font-weight:650;letter-spacing:.035em;margin-bottom:15px}.section-number{display:inline-block;color:var(--text-muted);font-family:var(--font-mono);font-size:.69rem;margin-right:8px}.guidance-selector{display:flex;flex-direction:column;gap:8px}.guidance-card{border:1px solid var(--border);border-radius:8px;background:#142031}.guidance-card.active{border-color:#709acf;background:#172a40}.guidance-header{width:100%;display:flex;align-items:center;gap:10px;background:none;border:0;border-radius:7px;padding:11px 10px;text-align:left;min-height:60px}.guidance-header:hover{background:#213047}.guidance-info{display:flex;flex-direction:column;min-width:0}.guidance-name{font-size:.79rem;font-weight:650}.guidance-subtitle{font-size:.69rem;color:var(--text-muted);margin-top:2px}.guidance-icon{width:27px;flex-shrink:0;font-size:1rem;text-align:center;filter:saturate(.5)}.guidance-card.active .guidance-name{color:#bddeff}.guidance-body{display:none;border-top:1px solid var(--border);padding:12px 10px}.guidance-card.active .guidance-body{display:block}.mini-label{display:block;font-size:.7rem;color:var(--text-secondary);margin-bottom:6px}.missile-select,.preset-select{display:block;width:100%;min-width:0;min-height:42px;border:1px solid #425773;border-radius:6px;padding:8px;background:#0e1927;color:var(--text-primary);font-size:.77rem}.missile-select:hover,.preset-select:hover{border-color:#7896bd}.missile-info-inline{margin-top:12px;font-size:.73rem}.target-type-badge{display:flex;gap:6px;margin-bottom:9px}.badge-label,.range-label{color:var(--text-muted)}.range-buttons{display:flex;flex-direction:column;gap:6px}.range-buttons-container{display:flex;flex-wrap:wrap;gap:5px}.range-btn{min-height:36px;flex:1;padding:5px;background:var(--bg-primary);border:1px solid #425773;border-radius:5px;font:.69rem var(--font-mono)}.range-btn:hover,.range-btn.active{border-color:var(--accent-primary);background:#223954}.pn-constant-control{margin-top:12px}.control-group+.control-group{margin-top:18px}.control-group>label{display:block;font-size:.77rem;color:var(--text-secondary);margin-bottom:8px}.slider-container,.slider-container-inline{display:flex;align-items:center;gap:10px;min-width:0}.slider,.slider-small{flex:1;width:100%;min-width:0;height:28px;accent-color:var(--accent-primary)}.slider-value,.slider-value-small{min-width:68px;font:.71rem var(--font-mono);text-align:right;color:#c4d9f4;font-variant-numeric:tabular-nums}.slider-value-small{min-width:28px}.preset-description{font-size:.73rem;color:var(--text-muted);margin-top:9px}.preset-description:empty{display:none}.feasibility-status{display:block;margin-top:16px;border-left:2px solid var(--accent-success);padding:7px 9px;background:#14251f;color:var(--text-secondary);font-size:.7rem;line-height:1.5}.feasibility-status[data-feasible=false]{border-left-color:var(--accent-warning);background:#2b2619;color:#f5ddb1}.checkbox-group{display:flex;flex-direction:column;gap:3px;padding-top:8px}.checkbox-group legend{padding:0 6px;margin:0 0 0 -6px}.checkbox-label{position:relative;display:flex;align-items:center;gap:10px;min-height:36px;font-size:.77rem;color:var(--text-secondary);cursor:pointer}.checkbox-label input{width:17px;height:17px;accent-color:var(--accent-primary);flex-shrink:0}.checkmark{display:none}.canvas-wrapper{min-width:0;display:flex;flex-direction:column;gap:12px;position:relative}.workspace-heading{display:flex;align-items:center;justify-content:space-between;padding:1px 2px 5px}.eyebrow{font-size:.63rem;text-transform:uppercase;letter-spacing:.11em;color:var(--text-muted);margin-bottom:3px}.workspace-heading h2{font-size:1.3rem;letter-spacing:-.035em;font-weight:600}.workspace-label{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;color:var(--text-muted)}.edit-status-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);box-shadow:0 0 0 3px #94a3b814}.workspace-label.is-editable .edit-status-dot{background:var(--accent-success);box-shadow:0 0 0 3px #78dcb21a}.canvas-container{position:relative;min-width:0;height:clamp(320px,52vh,700px);background:#0a0e17;border:1px solid var(--border);border-radius:12px;overflow:hidden}#simulation-canvas{display:block;width:100%;height:100%;touch-action:none}#simulation-canvas.has-edit-target{cursor:grab}#simulation-canvas.has-heading-target{cursor:crosshair}#simulation-canvas.is-editing{cursor:grabbing}.canvas-edit-hint{position:absolute;z-index:1;top:12px;left:50%;transform:translate(-50%);max-width:calc(100% - 24px);padding:6px 10px;border:1px solid rgba(121,181,255,.22);border-radius:999px;background:#0b111bc7;color:var(--text-secondary);font-size:.66rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.canvas-container.editing-enabled .canvas-edit-hint{opacity:1}.canvas-overlay{min-width:0}.stats{display:grid;grid-template-columns:.7fr 1fr 1.35fr;border:1px solid var(--border);border-radius:10px;background:var(--bg-secondary)}.stat{display:flex;flex-direction:column;gap:5px;padding:12px 14px;min-width:0}.stat+.stat{border-left:1px solid var(--border)}.stat-label{font-size:.65rem;letter-spacing:.035em;color:var(--text-muted)}.stat-value{font:.85rem var(--font-mono);line-height:1.4;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.stat-value[data-status=ready],.stat-value[data-status=running],.stat-value[data-status=paused]{color:var(--accent-primary)}.stat-value[data-status=hit]{color:var(--accent-success)}.stat-value[data-status=miss],.stat-value[data-status=timeout],.stat-value[data-status=range_exceeded]{color:var(--accent-danger)}.canvas-caption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:0 2px;color:var(--text-muted);font-size:.66rem}.canvas-legend{display:flex;flex-wrap:wrap;gap:14px}.canvas-legend>span{display:inline-flex;align-items:center;gap:6px}.legend-mark{display:inline-block;width:7px;height:7px}.missile-mark{background:#3b82f6;border-radius:1px;transform:rotate(45deg)}.target-mark{background:#ef4444;border-radius:50%}.station-mark{border:1px solid #10b981}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.workspace-tool{border:1px solid var(--border);border-radius:10px;background:var(--bg-secondary)}.workspace-tool>summary{min-height:44px;display:flex;align-items:center;padding:10px 13px;list-style:none;color:var(--text-secondary);font-size:.76rem;font-weight:650}.workspace-tool>summary::-webkit-details-marker{display:none}.workspace-tool>summary:before{content:"+";width:18px;color:var(--accent-primary);font:.9rem var(--font-mono)}.workspace-tool[open]>summary:before{content:"−"}.workspace-tool>summary:hover{background:#182638}.workspace-tool-content{display:grid;gap:12px;padding:0 13px 14px;border-top:1px solid var(--border)}.tool-intro{padding-top:12px;color:var(--text-muted);font-size:.72rem}.entity-editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.entity-editor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border:1px solid var(--border);border-radius:7px;padding:9px;min-width:0}.entity-editor legend{padding:0 4px;color:var(--text-secondary);font-size:.72rem;font-weight:650}.entity-editor label,.state-json-label{display:grid;gap:4px;min-width:0;color:var(--text-muted);font-size:.67rem}.entity-editor input,#state-json{width:100%;min-width:0;border:1px solid #425773;border-radius:6px;background:#0e1927;color:var(--text-primary)}.entity-editor input{min-height:38px;padding:6px 7px;font:.72rem var(--font-mono)}#state-json{resize:vertical;min-height:92px;padding:9px;font:.7rem/1.5 var(--font-mono)}#initial-state-fields{display:grid;gap:11px;border:0;padding:0}#initial-state-fields:disabled{opacity:.6}.state-actions{display:flex;flex-wrap:wrap;gap:8px}.secondary-action{justify-self:start;min-height:40px;border:1px solid #425773;border-radius:7px;background:var(--bg-tertiary);color:var(--text-primary);padding:8px 12px;font-size:.72rem;font-weight:600}.secondary-action:hover{background:#293a51;border-color:#7295c1}.tool-status{min-height:1.2em;color:var(--accent-success);font-size:.7rem}.tool-status[data-error=true]{color:var(--accent-danger)}.bottom-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:10px}.playback-controls,.zoom-controls-inner{display:flex;gap:7px;align-items:center}.btn-icon-round,.btn-play-large,.zoom-btn{min-height:40px;border-radius:7px;border:1px solid #425773;background:var(--bg-tertiary);padding:8px 11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:.73rem;font-weight:600}.btn-icon-round:hover,.zoom-btn:hover:not(:disabled){background:#293a51;border-color:#7295c1}.btn-play-large{background:#aacfff;color:#10243d;border-color:#aacfff;min-width:92px}.btn-play-large:hover{background:#c4dfff}.btn-play-large .icon{font-size:.85rem}.btn-icon-round .icon{font-size:1.15rem;line-height:1}.control-divider{display:none}.zoom-btn{padding:8px;min-width:34px}.zoom-btn:not(.zoom-reset){font-size:1rem}.zoom-reset{font-size:.67rem}.zoom-level{min-width:47px;text-align:center;font:.71rem var(--font-mono)}.keyboard-hint{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;font-size:.63rem;color:var(--text-muted);padding:2px 0}kbd{font:.6rem var(--font-mono);padding:2px 4px;border:1px solid var(--border);border-radius:4px}.keyboard-hint>span{padding:0 3px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.panel-header .panel-title{margin:0}.sidebar-toggle{display:grid;place-items:center;min-width:34px;height:34px;padding:0;border:1px solid #425773;border-radius:6px;background:var(--bg-tertiary)}.sidebar-toggle:hover{background:#293a51}.sidebar-toggle-icon{font-size:1.35rem;line-height:1}.explanation-panel.collapsed .panel{display:none}.explanation-panel.collapsed .preset-info-panel{display:block;padding:6px}.explanation-panel.collapsed .panel-header{margin:0}.explanation-panel.collapsed .panel-title,.explanation-panel.collapsed .preset-info-content{display:none}.explanation-panel.collapsed .sidebar-toggle-icon{transform:rotate(180deg)}.preset-info-content{display:flex;flex-direction:column;gap:8px}.accordion{border:1px solid var(--border);border-radius:7px;background:#131f2e;margin:10px 0}.preset-accordion{margin:0}.accordion-header{list-style:none;display:flex;align-items:center;gap:7px;padding:11px 10px;min-height:44px;font-size:.77rem;font-weight:600;border-radius:6px}.accordion-header::-webkit-details-marker{display:none}.accordion-header:hover{background:#213047}.accordion-header:before{content:"+";color:var(--text-muted);flex:0 0 10px;font-size:.85rem;font-family:var(--font-mono)}.accordion[open]>.accordion-header:before{content:"−"}.accordion-icon{display:none}.accordion-content{padding:0 11px 13px;color:var(--text-secondary);font-size:.76rem;line-height:1.65;overflow-wrap:anywhere}.preset-type-icon{filter:saturate(.5)}.preset-name{font-size:.86rem;font-weight:600;color:var(--text-primary);margin:3px 0 7px}.preset-description-text{color:var(--text-muted);font-size:.74rem;line-height:1.6}.preset-specs{display:grid;gap:7px;margin-top:14px}.spec-item{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 8px;font-size:.69rem}.spec-label{color:var(--text-muted)}.spec-value{color:var(--text-primary);font-family:var(--font-mono)}.preset-wiki-link{display:inline-flex;gap:6px;margin-top:12px;font-size:.7rem}.explanation-content{color:var(--text-secondary);font-size:.78rem;line-height:1.7;overflow-wrap:anywhere}.explanation-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.header-icon{font-size:1.35rem;filter:saturate(.5)}.header-title{font-size:1rem;font-weight:600;line-height:1.4;color:var(--text-primary)}.header-info .header-badge{margin-top:5px}.explanation-content p{margin-bottom:10px}.explanation-content h3,.explanation-content h4{font-size:.79rem;font-weight:600;color:var(--text-primary);margin:15px 0 7px}.explanation-content ul{padding-left:17px;margin:8px 0}.explanation-content li{padding-left:2px;margin:5px 0}.explanation-content strong{color:#d6e2f1;font-weight:600}.formula-box,.formula{padding:13px 11px;border:1px solid #3c526f;background:#192c43;border-radius:8px;margin:15px 0}.formula-label{color:var(--text-muted);font-size:.65rem;margin-bottom:8px}.formula-content,.formula{font-family:var(--font-mono);font-size:.73rem;color:#c4dcff}.formula-note{color:var(--text-muted);font-size:.67rem;margin-top:7px}.formula-note small{font-size:inherit}.highlight,.pro{color:var(--accent-primary)}.con{color:var(--accent-danger)}.info-card,.info-box{border-left:2px solid #738bb0;padding:2px 10px;margin:12px 0}.info-card-item+.info-card-item{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.info-card-item code{font:.72rem var(--font-mono);color:#c5dcfa}.pros-cons-grid,.scenario-cards{display:grid;gap:10px;margin:15px 0}.pros-column,.cons-column,.scenario-card{border:1px solid var(--border);border-left:2px solid #78ad99;border-radius:7px;padding:10px;background:#15252b}.cons-column,.failure-card{border-left-color:#c3878b;background:#29232e}.explanation-content .pros-title,.explanation-content .cons-title{margin-top:0}.scenario-header{display:flex;gap:7px;align-items:start;font-size:.75rem}.scenario-icon{color:var(--text-muted)}.sources-section{border-top:1px solid var(--border);margin-top:18px;padding-top:3px}@media(min-width:1201px)and (min-height:700px){.app{height:100vh;height:100dvh;overflow:hidden}.main-content{min-height:0;align-items:stretch}.sidebar,.explanation-panel{overflow-y:auto;padding-right:5px;scrollbar-width:thin;scrollbar-color:#425773 transparent}.panel{flex-shrink:0}.canvas-wrapper{min-height:0}.canvas-container{height:auto;min-height:240px;flex:1}}@media(max-width:1400px)and (min-width:1201px){.main-content{grid-template-columns:258px minmax(0,1fr) 286px;padding:16px;gap:14px}.main-content.sidebar-collapsed{grid-template-columns:258px minmax(0,1fr) 48px}.panel{padding:13px}.bottom-controls{gap:8px}.btn-icon-round{padding:8px}.btn-icon-round>span:last-child{display:none}}@media(max-width:1200px){.main-content,.main-content.sidebar-collapsed{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"canvas canvas" "settings details";gap:20px}.canvas-wrapper{grid-area:canvas}.sidebar{grid-area:settings}.explanation-panel{grid-area:details}.canvas-container{height:clamp(320px,50vh,580px)}.explanation-panel.collapsed .preset-info-panel{padding:12px}.explanation-panel.collapsed .panel-header .panel-title{display:block}.explanation-panel.collapsed .panel-header{justify-content:space-between}}@media(max-width:680px){.header{padding:14px 16px}.header-content{flex-wrap:wrap;gap:5px 12px}.logo{font-size:1rem}.logo-icon{width:30px;height:30px}.tagline{margin-left:42px;width:calc(100% - 42px);font-size:.72rem}.app-badge{display:none}.main-content,.main-content.sidebar-collapsed{grid-template-columns:minmax(0,1fr);grid-template-areas:"canvas" "settings" "details";padding:16px 12px 24px;gap:20px}.canvas-wrapper{gap:10px}.canvas-container{height:clamp(270px,45vh,440px)}.workspace-heading h2{font-size:1.15rem}.stat{padding:11px 10px}.stat-label{font-size:.62rem}.stat-value{font-size:.74rem}.bottom-controls{gap:10px;padding:9px}.playback-controls,.zoom-controls-inner{flex:1;justify-content:center}.btn-icon-round,.btn-play-large,.zoom-btn{min-height:44px}.keyboard-hint{display:none}.canvas-caption{font-size:.63rem}.entity-editor-grid{grid-template-columns:1fr}.workspace-tool>summary{font-size:.8rem}.panel{padding:16px}.guidance-name{font-size:.85rem}.guidance-subtitle{font-size:.75rem}.control-group>label,.checkbox-label{font-size:.83rem}.explanation-content,.accordion-content{font-size:.84rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(forced-colors:active){.guidance-card.active{outline:2px solid Highlight}.legend-mark{forced-color-adjust:none}}