:root{--bg:#050b14;--panel:#0b1727;--panel2:#0f2238;--line:rgba(119,205,255,.22);--cyan:#39d3ff;--blue:#167cff;--text:#f1f8ff;--muted:#9cb7cc;--green:#43e6aa;--orange:#ffb45a}
*{box-sizing:border-box}.wind-body{margin:0;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 12% 0,#153d6a 0,#07111e 38%,#03070d 100%);min-height:100vh}.mission-shell{width:min(1600px,100%);margin:auto;padding:16px}.mission-header{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;margin-bottom:14px}.mission-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.mission-brand img{width:48px;height:48px}.mission-brand strong,.mission-brand span{display:block}.mission-brand strong{font-size:1.25rem}.mission-brand span{color:var(--muted);font-size:.83rem}.mission-clock{display:flex;gap:8px;align-items:baseline;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(7,20,34,.76)}.mission-clock span{color:var(--cyan);font-size:.72rem;font-weight:800;letter-spacing:.12em}.mission-clock strong{font-variant-numeric:tabular-nums}.mission-back{color:#fff;text-decoration:none;padding:11px 15px;border:1px solid var(--line);border-radius:14px;background:rgba(7,20,34,.76)}
.mission-toolbar{display:grid;grid-template-columns:minmax(300px,1.4fr) minmax(170px,.55fr) minmax(160px,.5fr) minmax(150px,.45fr);gap:14px;align-items:end;padding:20px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,rgba(17,66,122,.96),rgba(5,17,30,.97));box-shadow:0 20px 60px rgba(0,0,0,.3)}.mission-intro>span,.mission-toolbar label>span,.section-kicker{display:block;color:var(--cyan);font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}.mission-intro h1{font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.05;margin:0 0 8px}.mission-intro p{margin:0;color:var(--muted)}.mission-toolbar select,.mission-toolbar button,.planner-controls input,.planner-controls button,.route-results button{width:100%;min-height:52px;border-radius:14px;border:1px solid var(--line);font:inherit;font-weight:750}.mission-toolbar select,.planner-controls input{background:#09192b;color:#fff;padding:0 14px}.mission-toolbar button,.planner-actions button:first-child{border:0;background:linear-gradient(90deg,var(--cyan),var(--blue));color:white;cursor:pointer;box-shadow:0 9px 24px rgba(20,135,255,.24)}
.mission-tabs{display:flex;gap:8px;margin:14px 0}.tab-button{border:1px solid var(--line);background:rgba(8,24,41,.78);color:var(--muted);padding:11px 16px;border-radius:13px;font-weight:800;cursor:pointer}.tab-button.active{color:#fff;background:linear-gradient(90deg,rgba(49,199,255,.28),rgba(22,124,255,.25));border-color:rgba(72,214,255,.58)}.tab-panel{display:none}.tab-panel.active{display:block}.weather-card,.planner-controls,.planner-map-card,.route-results,.summary-grid article,.mission-warning{border:1px solid var(--line);background:rgba(8,23,39,.88);border-radius:22px;overflow:hidden;box-shadow:0 18px 55px rgba(0,0,0,.25)}.panel-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 18px;background:rgba(4,13,23,.96);border-bottom:1px solid var(--line)}.panel-heading div{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.panel-heading span{color:var(--cyan);font-weight:850}.panel-heading small{margin-left:auto;color:var(--muted)}.wind-frame-wrap{height:min(72vh,830px);min-height:560px;position:relative;background:#101820}.wind-frame-wrap iframe{width:100%;height:100%;border:0;display:block}.wind-loading{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;gap:12px;background:rgba(3,10,18,.82);backdrop-filter:blur(4px)}.wind-loading.hidden{display:none}.spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.planner-layout{display:grid;grid-template-columns:300px minmax(420px,1fr) 270px;gap:14px}.planner-controls,.route-results{padding:18px}.planner-controls h2{margin:.1rem 0 .4rem}.planner-controls>p{color:var(--muted);line-height:1.5;margin-top:0}.point-card{padding:13px;border:1px solid var(--line);background:rgba(9,28,47,.75);border-radius:16px;margin:12px 0}.point-title{font-weight:850;margin-bottom:9px;display:flex;align-items:center;gap:8px}.dot{width:10px;height:10px;border-radius:50%}.start-dot{background:var(--green)}.end-dot{background:var(--orange)}.coord-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.coord-grid input{min-width:0;min-height:44px}.secondary-button{background:#0a1c30!important;color:#dff5ff!important;border:1px solid var(--line)!important;box-shadow:none!important;cursor:pointer}.point-card .secondary-button{min-height:42px;margin-top:8px}.map-mode.active{border-color:var(--cyan)!important;box-shadow:0 0 0 2px rgba(57,211,255,.16)!important}.speed-field{display:block;margin:12px 0}.speed-field span{display:block;color:var(--muted);font-size:.82rem;margin-bottom:6px}.planner-actions{display:grid;grid-template-columns:1fr .55fr;gap:8px}.planner-status{margin-top:10px;color:var(--muted);font-size:.88rem}.planner-map-card{position:relative;min-height:680px}.planner-map-card #routeMap{height:100%;min-height:680px;background:#101820}.map-hint{position:absolute;z-index:500;left:50%;bottom:18px;transform:translateX(-50%);padding:9px 13px;border-radius:12px;background:rgba(3,12,22,.86);border:1px solid var(--line);color:#dff6ff;font-size:.84rem;pointer-events:none}.route-results .metric{padding:13px 0;border-bottom:1px solid var(--line)}.route-results .metric span,.route-results .metric strong{display:block}.route-results .metric span{font-size:.78rem;color:var(--muted);margin-bottom:5px}.route-results .metric strong{font-size:1.18rem}.route-results button{margin-top:14px}.result-note{font-size:.82rem;color:#dfc98f;line-height:1.5}.leaflet-container{font-family:inherit}.leaflet-control-attribution{font-size:10px}
.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.summary-grid article{padding:19px}.summary-grid article>span{display:block;color:var(--cyan);font-size:.72rem;font-weight:850;letter-spacing:.11em;margin-bottom:8px}.summary-grid article strong{font-size:1.08rem}.summary-grid article p{color:var(--muted);line-height:1.5}.summary-grid article a,.link-button{display:inline-block;color:#77ddff;background:none;border:0;padding:0;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.mission-warning{margin-top:14px;padding:16px;color:#f4d694}.mission-warning p{margin:.4rem 0 0;color:#d8c394;line-height:1.5}
@media(max-width:1100px){.mission-toolbar{grid-template-columns:1fr 1fr}.mission-intro{grid-column:1/-1}.planner-layout{grid-template-columns:280px 1fr}.route-results{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.route-results .section-kicker,.route-results button,.route-results .result-note{grid-column:1/-1}.summary-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.mission-shell{padding:9px}.mission-header{grid-template-columns:1fr auto}.mission-clock{display:none}.mission-brand span{display:none}.mission-toolbar{grid-template-columns:1fr;padding:15px}.mission-intro{grid-column:auto}.mission-tabs{overflow-x:auto}.planner-layout{grid-template-columns:1fr}.planner-map-card{min-height:540px}.planner-map-card #routeMap{min-height:540px}.route-results{display:block}.summary-grid{grid-template-columns:1fr}.wind-frame-wrap{height:68vh;min-height:500px}.panel-heading small{margin-left:0;width:100%}}

.route-arrow-icon{background:transparent!important;border:0!important}.route-arrow{width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#39d3ff;font-size:28px;line-height:1;text-shadow:0 0 5px #001522,0 0 12px rgba(57,211,255,.9);transform-origin:center center}.leaflet-tile-pane{filter:saturate(.92) contrast(1.05)}

/* Hebrew interface refinements */
.mission-header,.mission-toolbar,.mission-tabs,.planner-layout,.summary-grid{direction:rtl}
.wind-frame-wrap,.planner-map-card,#routeMap,.coord-grid input,.route-results strong,.mission-clock{direction:ltr}
.mission-brand{text-align:right}.panel-heading small{margin-right:auto;margin-left:0}
