@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#21352e;background:#edf0e9;font-size:13px;--green:#194b40;--orange:#ea6f37;--line:#d8dfd3}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}button,select{border:1px solid var(--line);background:#fff;color:#274238;border-radius:6px;padding:9px 12px}button{cursor:pointer;font-weight:600}button:hover{background:#e5ece2}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #eb8f3e;outline-offset:2px}a{color:inherit}header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f9faf6;border-bottom:1px solid var(--line);padding:0 28px}.brand{text-decoration:none;display:flex;gap:12px;align-items:center;color:#a36a26;font-size:30px}.brand span{font-size:17px;letter-spacing:2px;color:#213c31}.brand small{display:block;font-size:8px;letter-spacing:1.6px;margin-top:5px}nav{display:flex;align-items:center;gap:8px}nav a{font-size:12px;text-decoration:none;padding:12px}.selected{background:var(--green)!important;color:white!important;border-color:var(--green)!important}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 30px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#668171}h1{font-family:'Barlow Condensed',Arial,sans-serif;font-size:32px;font-weight:600;margin:8px 0 5px;letter-spacing:.1px}p{line-height:1.6;margin:8px 0;color:#65766b}.intro p{font-size:12px;margin:0}.intro-note{font-size:10px;letter-spacing:1.4px}.intro-note i{display:inline-block;width:7px;height:7px;background:#498b67;border-radius:50%;margin-right:6px}.intro-note small{display:block;font-size:10px;letter-spacing:0;color:#718074;margin-top:8px}main{display:grid;grid-template-columns:255px minmax(400px,1fr) 285px;gap:16px;padding:0 22px 25px;max-width:1900px;margin:auto}aside{background:#f9faf6;border:1px solid var(--line);border-radius:10px;padding:17px;height:max-content}.panel-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:16px}h2{font-size:14px;margin:0}h3{font-size:17px;margin:7px 0}.panel-title button{padding:3px 8px}.pill{font-size:8px;letter-spacing:1px;border:1px solid #c8d6c9;padding:4px;border-radius:4px}.preset{margin-bottom:16px}.preset label{display:block;font-size:10px;color:#6b7d6f;margin-bottom:6px}.preset select{width:100%}.paramgroup{font-size:9px;letter-spacing:1.8px;font-weight:700;margin:20px 0 13px;color:#8b976e}.param label{display:flex;justify-content:space-between;font-size:11px;margin:10px 0 5px}.param label span{color:#8c978f}.param-row{display:flex;gap:10px;align-items:center}.param input[type=range]{width:100%;accent-color:#367261}.param input[type=number]{width:68px;background:#edf1e9;border:1px solid #dce2d5;padding:6px;border-radius:4px;text-align:right;font-size:11px;color:#26473a}.small{font-size:10px;line-height:1.6}.file-row{display:flex;gap:6px;margin-top:20px}.file-row button{font-size:10px;flex:1}.center{min-width:0}.scene-toolbar{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:8px;background:#f9faf6;border:1px solid var(--line);border-radius:10px 10px 0 0}.scene-toolbar button,.scene-toolbar select{font-size:10px;padding:8px}.scene-toolbar div{display:flex;gap:3px}#viewport{height:480px;position:relative;overflow:hidden;background:#a9c7cc}#viewport>canvas{width:100%;height:100%;display:block;touch-action:none}.scene-top,.scene-bottom{position:absolute;z-index:2;left:22px;right:22px;display:flex;justify-content:space-between;pointer-events:none}.scene-top{top:20px}.scene-top h2{font-family:'Barlow Condensed',sans-serif;font-size:25px;margin-top:5px;color:#193c3b}.scene-top .eyebrow{color:#3e6263}.scene-top>span{font-size:8px;letter-spacing:1px;color:#385553}.hud{position:absolute;z-index:2;left:20px;top:95px;display:flex;gap:6px;pointer-events:none}.hud div{background:#173d3edb;color:#fff;padding:12px;border:1px solid #ffffff20;min-width:86px;border-radius:5px;backdrop-filter:blur(5px)}.hud small{font-size:8px;letter-spacing:1px;color:#b2d1c5;display:block}.hud b{font-family:'Barlow Condensed',sans-serif;font-size:29px;display:block;margin-top:4px;font-weight:500}.hud em{font:10px Arial;color:#c1d6cc;margin-left:4px}#targetLabel{position:absolute;top:193px;left:22px;z-index:2;font-size:10px;color:#fff;background:#244a49c9;padding:7px 10px;border-radius:4px;max-width:80%}.scene-bottom{bottom:17px;font-size:9px;color:#fff;text-shadow:0 1px 4px #000}.scene-bottom span:first-child{background:#194a3edd;padding:6px 9px;border-radius:4px}.scene-bottom span:last-child{align-self:end}.flight-bar{background:#173f38;display:flex;align-items:center;gap:8px;padding:12px;border-radius:0 0 8px 8px;color:#fff}.flight-bar button,.flight-bar select{background:#2c5147;color:#e8efe6;border-color:#426658;font-size:11px}.flight-bar .primary{background:var(--orange);color:#fff;border-color:var(--orange);padding:12px 17px}.flight-bar label{font-size:10px;display:flex;gap:5px;align-items:center;margin-left:auto}.flight-bar input{accent-color:var(--orange)}.flight-bar b{font-family:monospace;color:#c6d7c8;font-size:11px}.controls{background:#f9faf6;border:1px solid var(--line);border-radius:8px;padding:14px;margin-top:12px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:12px;align-items:center}.controls b{font-size:11px}.controls small{font-size:9px;display:block;color:#7b877c;margin-top:4px;line-height:1.4}.controls label{font-size:10px;color:#617966}.controls input{display:block;width:100%;accent-color:#356b51}.controls output{font-size:9px}.map-section{margin-top:16px;display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid var(--line);background:#f9faf6;border-radius:8px;overflow:hidden}.map-section>div:first-child{padding:18px}.map-section h3{font-family:'Barlow Condensed';font-size:22px}.map-section p{font-size:10px}.map-section button{font-size:10px;margin:4px 0}.map-section small{font-size:9px;line-height:1.5;display:block;color:#7d887b}#map{position:relative;min-height:245px;overflow:hidden;background:#d4ddcb;background-image:linear-gradient(#bac8b144 1px,transparent 1px),linear-gradient(90deg,#bac8b144 1px,transparent 1px);background-size:25px 25px}#mapCanvas,#tiles{position:absolute;inset:0;width:100%;height:100%}#tiles img{position:absolute;width:256px;height:256px;max-width:none}#coords{position:absolute;left:6px;top:8px;font:9px monospace;background:#ffffffd9;padding:5px}.attribution{position:absolute;right:0;bottom:0;background:#fff;font-size:9px;padding:3px}#missions{display:grid;gap:7px}#missions button{text-align:left;font-size:11px;padding:12px}#missions button small{display:block;font-size:8px;letter-spacing:1px;margin-bottom:5px;opacity:.7}.mission-detail{margin-top:22px}.mission-detail p{font-size:11px}#steps{margin:16px 0}.step{display:flex;gap:8px;align-items:center;margin:9px 0;font-size:10px;color:#7d8a7c}.step i{font-style:normal;display:grid;place-items:center;border:1px solid #b9c9ba;border-radius:50%;width:20px;height:20px;font-size:9px;flex-shrink:0}.step.current{color:#a7572b}.step.current i{background:#f6e4d4;border-color:#d99c6f}.step.done{color:#276f4b}.step.done i{background:#286f4b;color:white}.progress{height:4px;border-radius:5px;background:#e0e6d9;overflow:hidden}.progress i{display:block;height:100%;width:0;background:#34836b;transition:width .2s}#missionStatus{font-size:10px;margin:8px 0 20px;color:#4d7161}.engineering{border-top:1px solid var(--line);padding-top:18px}.metric{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e7ebdf;font-size:11px}.metric span{color:#72816f}.metric b{font-variant-numeric:tabular-nums;color:#284939}#assessment{font-size:11px;background:#eaf0e3;padding:10px;border-radius:5px}#debrief{background:#184e3d;color:#fff;padding:15px;border-radius:6px;margin:16px 0}#debrief h3{font-size:20px}#debrief p{color:#cfddcc;font-size:11px}#csv{width:100%;margin:10px 0 0;font-size:11px}footer{display:flex;justify-content:space-between;padding:18px 28px;font-size:10px;color:#758271;border-top:1px solid var(--line)}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#163b33;color:#fff;padding:14px 22px;border-radius:8px;z-index:30;display:none;max-width:90%;box-shadow:0 10px 30px #0003}dialog{max-width:650px;width:calc(100% - 30px);max-height:85dvh;overflow:auto;border:0;border-radius:12px;padding:28px;background:#f9faf6}dialog::backdrop{background:#122d2bcc;backdrop-filter:blur(3px)}dialog h2{font-size:23px;margin:12px 0}dialog p{font-size:12px}#close{position:sticky;float:right;top:0;min-width:44px;min-height:44px}body:has(dialog[open]){overflow:hidden}[hidden]{display:none!important}@media(min-width:1600px){#viewport{height:600px}}@media(max-width:1180px){main{grid-template-columns:215px minmax(350px,1fr)}.mission-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:18px}.mission-panel .panel-title{grid-column:1/-1;margin:0}.mission-detail{margin:0}.engineering{border-top:0;padding:0}.intro-note{display:none}.controls{grid-template-columns:1fr 1fr 1fr}.controls>div{grid-column:1/-1}.scene-toolbar select{max-width:150px}}@media(max-width:760px){header{height:auto;min-height:70px;padding:15px;flex-wrap:wrap;gap:10px}.brand{font-size:25px}.brand span{font-size:14px}header>button{font-size:10px}nav{order:3;width:100%;justify-content:center}nav button,nav a{font-size:11px}h1{font-size:28px}.intro{padding:22px 18px}.intro p{font-size:11px}main{display:flex;flex-direction:column;padding:0 12px 18px;gap:12px}.center{order:0}.design-panel{order:2}.mission-panel{order:1;display:block}.mission-panel .panel-title{margin-bottom:12px}.mission-detail{margin-top:16px}.engineering{border-top:1px solid var(--line);padding-top:18px}.scene-toolbar{flex-wrap:wrap;gap:5px}.scene-toolbar select{max-width:180px}.scene-toolbar button{font-size:10px}#viewport{height:420px}.scene-top{left:15px;right:15px}.scene-top h2{font-size:22px}.scene-top>span{max-width:100px}.hud{left:15px;gap:4px;top:92px}.hud div{padding:9px;min-width:76px}.hud b{font-size:25px}#targetLabel{left:15px;top:177px}.flight-bar{flex-wrap:wrap;padding:10px}.flight-bar label{margin-left:0}.flight-bar b{margin-left:auto}.map-section{grid-template-columns:1fr}.map-section>div:first-child{padding:14px}#map{min-height:230px}.scene-bottom{left:12px;right:12px;gap:10px}.scene-bottom span{font-size:8px}#parameters{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}.paramgroup{grid-column:1/-1}.controls{padding:10px;gap:8px}footer{gap:12px;line-height:1.6;flex-direction:column;padding:15px}}
/* Flight school / v3 */
header{gap:10px}.brand{white-space:nowrap}header #help{margin-left:auto}nav{margin-left:auto}#viewport:focus{outline:2px solid #dba349;outline-offset:-2px}#viewport canvas:focus{outline:none}.model-cards{display:grid;gap:7px;margin:12px 0}.model-cards button{text-align:left;display:flex;gap:10px;align-items:center;padding:10px;border:1px solid #d8dfd1;background:#fff}.model-cards .selected{border-color:#285845;background:#e6eee1}.model-icon{font-size:35px;line-height:1}.model-cards b{display:block;font-size:12px}.model-cards small{font-size:10px;color:#6b7969;display:block;margin-top:4px}#profileBox{padding:12px 0;border-top:1px solid #d8dfd1}#profileBox label{display:block;font-size:11px;margin-bottom:8px}#profileBox select{width:100%;padding:9px}#airfoil{width:100%;height:auto}#profileBox small{display:block;font-size:10px;line-height:1.6;color:#66705f}.parameters-details summary{padding:13px 0;cursor:pointer;font-size:12px;font-weight:700}.parameters-details[open] summary{margin-bottom:10px}.flight-bar{flex-wrap:wrap}.flight-bar label{font-size:10px}#flightNotice{padding:12px 16px;background:#e6edde;color:#234d3e;font-size:12px;border-left:3px solid #d88945;line-height:1.6;min-height:44px}#partPanel{background:#f8faf5;padding:18px;border-top:1px solid #d9dfd0}#partPanel>p{font-size:12px;line-height:1.7;color:#6c7765}#partButtons{display:flex;flex-wrap:wrap;gap:6px}#partButtons button{font-size:11px;padding:9px}#partButtons button.selected{background:#245a45;color:#fff}#partDetail{margin-top:15px;padding:14px;background:#e9eee1;border-left:3px solid #d8a33d}#partDetail h3{font-size:19px;margin:0 0 8px}#partDetail p{font-size:12px;line-height:1.8;margin:0}.touch-controls{display:flex;flex-wrap:wrap;gap:6px;padding:12px;background:#f8faf5;border-radius:6px;margin:8px 0}.touch-controls button{font-size:11px;min-height:42px;touch-action:none;flex:1 1 100px;user-select:none}.touch-controls button:active{background:#d9ae64;color:#183c30}.dialog-close{position:sticky;float:right;top:0;min-width:44px;min-height:44px;z-index:2}.brief-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.brief-actions button{flex:1;min-height:46px}#briefKeys{background:#e5eddf;padding:12px;font-size:13px;line-height:1.9;border-radius:6px}#brief small{font-size:10px;color:#74806e}#brief h2,#resultDialog h2{font-size:27px}#brief p,#resultDialog p{line-height:1.8;font-size:13px}#resultDialog{max-width:500px}.scene-top,.hud,#targetLabel,.scene-bottom{pointer-events:none}body:has(#partPanel:not([hidden])) .hud,body:has(#partPanel:not([hidden])) #targetLabel{display:none}body:has(#partPanel:not([hidden])) #viewport{background:#bbd0d6}#partPanel[hidden]{display:none!important}@media(max-width:760px){header #help{margin-left:0}header #info{font-size:10px}#viewport{height:390px}.model-cards{grid-template-columns:1fr}.flight-bar label{width:100%;font-size:12px}.touch-controls button{flex-basis:28%;font-size:10px}dialog{padding:18px;max-height:88dvh}.brief-actions{flex-direction:column}#partButtons button{min-height:42px}.parameters-details[open] #parameters{display:block}}

.model-cards .selected small{color:#d7e3d0}.model-cards .selected .model-icon{color:#f6cb8b!important}

#modelStatus{margin:0;padding:7px 14px;background:#e8ede4;font-size:12px;color:#24483d}.view-buttons{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.view-buttons button{min-height:42px;min-width:44px}.flight-bar{flex-wrap:wrap}.flight-bar label{white-space:normal}.flight-bar button{min-height:44px}#forces{font-variant-numeric:tabular-nums;line-height:1.7}#partPanel label{display:flex;gap:8px;align-items:center;min-height:44px}button:disabled{opacity:.55;cursor:wait}@media(max-width:760px){.scene-toolbar{flex-wrap:wrap}.flight-bar{gap:8px}.flight-bar label{flex:1 1 45%}.view-buttons{gap:5px}#partPanel{padding:14px}.controls{grid-template-columns:1fr}body{overflow-x:hidden}}
/* v5 · tasarım üretici ve ses */
.design-extras{border:1px solid rgba(35,72,59,.18);border-radius:10px;padding:10px 12px;margin:4px 0 12px;background:rgba(255,255,255,.55)}
.design-extras h4{margin:0 0 6px;font-size:.9rem}
.design-extras label{display:block;font-size:.8rem;margin:6px 0}
.design-extras input[type=text]{display:block;width:100%;box-sizing:border-box;margin-top:4px;padding:6px 8px;border:1px solid rgba(35,72,59,.3);border-radius:6px;font:inherit;background:#fff;color:#1d2a26}
.color-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.color-row label{display:flex;flex-direction:column;gap:4px;font-size:.72rem;margin:4px 0}
.color-row input[type=color]{width:100%;height:30px;border:1px solid rgba(35,72,59,.3);border-radius:6px;padding:2px;background:#fff;cursor:pointer}
.design-extras .file-row{margin-top:8px}
.design-extras small{display:block;opacity:.7;margin-top:6px;font-size:.7rem}
/* v5.1 · tam ekran, düzen seçimleri, dokunmatik gaz */
.fs-tools{display:flex;gap:4px}
.layout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;margin:6px 0}
.layout-grid label{font-size:.72rem;margin:2px 0}
.layout-grid select{width:100%;font-size:11px;padding:5px;margin-top:3px}
.design-extras .check-row{display:flex;gap:6px;align-items:center;font-size:.75rem}
#viewport{overscroll-behavior:contain;touch-action:none}
#gasBtn{flex:1 1 100%!important;background:#ea6f37;color:#fff;border-color:#ea6f37;font-weight:700}
#gasBtn:active{background:#c5531f}
.center:fullscreen,.center.pseudo-fs{background:#0f1f1b;overflow:auto;padding:6px;display:flex;flex-direction:column;box-sizing:border-box}
.center.pseudo-fs{position:fixed;inset:0;z-index:9999;width:100vw;height:100dvh}
.center:fullscreen #viewport,.center.pseudo-fs #viewport{height:auto;flex:1 1 auto;min-height:62vh}
.center:fullscreen .map-section,.center.pseudo-fs .map-section,.center:fullscreen .controls,.center.pseudo-fs .controls,.center:fullscreen #modelStatus,.center.pseudo-fs #modelStatus{display:none}
.center:fullscreen .touch-controls,.center.pseudo-fs .touch-controls{padding:6px;margin:4px 0}
.center:fullscreen .flight-bar,.center.pseudo-fs .flight-bar{padding:6px 10px}
body.fs-lock{overflow:hidden}
@media (pointer:fine){.center:fullscreen .touch-controls{display:none}}
@media (orientation:landscape) and (max-height:500px){.center:fullscreen #viewport,.center.pseudo-fs #viewport{min-height:70vh}.center:fullscreen .hud,.center.pseudo-fs .hud{top:60px}}
/* v5.2 · titreme önleme: kaydırma çubuğu alanı sabit, tuval kabı boyutunu izler */
html{scrollbar-gutter:stable;overflow-y:scroll}
#viewport>canvas{width:100%!important;height:100%!important;position:absolute;inset:0}
.mission-panel,.design-panel{overflow-anchor:none}
/* SVR kurumsal logo */
.brand.svr-brand{flex-direction:column;align-items:flex-start;gap:4px;font-size:0;line-height:1}.svr-brand img{height:44px;width:auto;display:block}.svr-brand small{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#a36a26;margin:0;white-space:nowrap}@media(max-width:760px){.svr-brand img{height:36px}.svr-brand small{font-size:8px}}