.app{max-width:680px;margin:0 auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.app__header{text-align:center}.app__titlerow{display:flex;align-items:center;justify-content:center;gap:.55rem}.app__help{flex:none;width:1.7rem;height:1.7rem;padding:0;border:1.5px solid var(--fg-muted);border-radius:50%;background:transparent;color:var(--fg-muted);font-size:1rem;font-weight:700;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.app__help:hover{color:var(--fg);border-color:var(--fg)}.help{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1rem 1.1rem 2.5rem}.help>*{max-width:46rem;margin-left:auto;margin-right:auto}.help__lead{color:var(--fg);font-size:.95rem;line-height:1.4}.help h2{color:var(--accent);font-size:1.05rem;margin:1.5rem auto .5rem;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.12)}.help__dl{margin:0}.help__dl dt{font-weight:700;margin-top:.75rem}.help__dl dd{margin:.15rem 0 0;color:var(--fg-muted);font-size:.9rem;line-height:1.4}.help__steps{padding-left:1.2rem;display:flex;flex-direction:column;gap:.6rem;color:var(--fg-muted);font-size:.9rem;line-height:1.4}.help b{color:var(--fg)}.help i{color:#7fd1e8;font-style:normal}.help__foot{color:var(--fg-muted);font-size:.85rem;margin-top:1.6rem}.app__title{margin:0;font-size:1.5rem;letter-spacing:.5px}.app__tagline{margin:.2rem 0 0;color:var(--fg-muted);font-size:.85rem}.card{background:var(--bg-panel);border-radius:12px;padding:.85rem 1rem}.card__title{margin:0 0 .6rem;font-size:.95rem;color:var(--accent)}.row{display:flex;align-items:flex-end;gap:.75rem 1rem}.row--wrap{flex-wrap:wrap}.row--actions{margin-top:.75rem;align-items:flex-end;flex-wrap:wrap}.row--actions .info{align-self:center}.field{display:flex;flex-direction:column;gap:.25rem}.field__label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted)}.field__inline{display:flex;align-items:center;gap:.35rem}.field__input{background:#0003;color:var(--fg);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.45rem .5rem;font-size:1rem;min-height:2.4rem}.field__input--num{width:4.5rem}.field__input option{background:var(--bg-panel);color:var(--fg)}.stat{display:flex;flex-direction:column;min-width:4rem}.stat__value{font-size:1.1rem;font-weight:600;font-variant-numeric:tabular-nums}.stat__value--over{color:var(--danger)}.stat__label{font-size:.7rem;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em}.wind{display:flex;align-items:center;gap:.6rem;flex-basis:100%;flex-wrap:wrap}.info{position:relative;display:inline-flex;vertical-align:middle;text-transform:none;letter-spacing:normal}.info__btn{width:1.05rem;height:1.05rem;padding:0;border:0;background:transparent;color:var(--fg-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.info__btn:hover,.info__btn[aria-expanded=true]{color:var(--fg)}.info__glyph{width:100%;height:100%;display:block}.info__pop{position:absolute;top:calc(100% + 5px);z-index:60;width:max-content;max-width:min(260px,calc(100vw - 2rem));padding:.5rem .6rem;background:#0a3247;border:1px solid rgba(255,255,255,.18);border-radius:8px;font-size:.75rem;font-weight:400;font-style:normal;line-height:1.35;color:var(--fg);box-shadow:0 6px 20px #00000073;white-space:normal}.info__pop code{overflow-wrap:anywhere;font-size:.72rem;color:var(--accent)}.info__pop a{color:#7fd1e8}.info__pop--left{left:0}.info__pop--right{right:0}.muted{color:var(--fg-muted);font-size:.82rem}.err{color:var(--danger);font-size:.82rem}.btn{background:#ffffff1a;color:var(--fg);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.5rem .8rem;font-size:.85rem;cursor:pointer;min-height:2.4rem}.btn:disabled{opacity:.4;cursor:default}.btn--small{padding:.4rem .6rem}.import__action{display:inline-flex;align-items:center;gap:.5rem}.lijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.lijst__item--off{opacity:.5}.lijst__btn{width:100%;text-align:left;background:#0000002e;color:var(--fg);border:1px solid rgba(255,255,255,.08);border-left:3px solid var(--accent);border-radius:8px;padding:.6rem .75rem;cursor:pointer;display:flex;flex-direction:column;gap:.3rem}.lijst__btn:disabled{cursor:default;border-left-color:var(--fg-muted)}.lijst__main{display:flex;justify-content:space-between;align-items:baseline}.lijst__name{font-size:1.05rem;font-weight:600;display:flex;align-items:center;gap:.4rem}.lijst__speed{font-size:1.05rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.lijst__meta{display:flex;flex-wrap:wrap;gap:.15rem .9rem;color:var(--fg-muted);font-size:.82rem;font-variant-numeric:tabular-nums}.tag{font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;padding:.1rem .35rem;border-radius:4px}.tag--lock{background:#7fd1e833;color:#7fd1e8}.tag--max{background:#e8452a33;color:var(--danger)}.empty{color:var(--fg-muted);margin:.5rem 0}.btn--primary{background:var(--accent);color:#10222c;font-weight:600;border-color:transparent}.field__static{padding:.45rem 0;font-weight:600;color:var(--accent)}.field--inline{gap:.2rem}.stat__value--pre{color:var(--accent)}.lastround__head{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.lastround__label{color:var(--fg-muted);font-size:.8rem}.lastround__buoy{font-size:1.3rem;font-weight:700;text-transform:uppercase;color:var(--accent)}.lastround__time{font-variant-numeric:tabular-nums;font-weight:600}.lastround__perf{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .9rem;margin-top:.5rem}.perf{font-variant-numeric:tabular-nums}.perf--low{color:var(--danger)}.perf--high{color:#6ee7a8}.field__static,.field__input--buoy,.lijst__name,.map__label,.traject__to,.traject__start{text-transform:uppercase}.check{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--fg-muted);cursor:pointer}.check input{width:1rem;height:1rem}.import summary{cursor:pointer;-webkit-user-select:none;user-select:none}.import__body{display:flex;flex-direction:column;gap:.9rem;margin-top:.75rem}.import__file{color:var(--fg);font-size:.85rem}.import__file::file-selector-button{background:var(--bg-panel);color:var(--fg);border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:.35rem .6rem;margin-right:.6rem;cursor:pointer}.planpane{display:flex;flex-direction:column;gap:1rem}.map-toggle{display:flex;align-items:center;gap:.4rem;width:100%;background:none;border:0;padding:0;font:inherit;cursor:pointer}.map-toggle__chev{transition:transform .15s ease;font-size:.8em}.map-collapsible.is-open .map-toggle__chev{transform:rotate(90deg)}.map-collapsible__body{display:none}.map-collapsible.is-open .map-collapsible__body{display:block}.map-collapsible:not(.is-open) .map__enlarge{display:none}@media(min-width:768px){.app{max-width:960px}.planpane{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start}.map-collapsible__body{display:block}.map-collapsible:not(.is-open) .map__enlarge{display:inline-block}.map-toggle{cursor:default}.map-toggle__chev{display:none}}.map__svg{width:100%;height:auto;display:block;background:#0a3247;border-radius:8px;touch-action:manipulation}.planpane__map-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.6rem}.planpane__map-head .card__title{margin-bottom:0}.mapoverlay{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;background:var(--bg-panel)}.mapoverlay__bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem}.mapoverlay__title{color:var(--accent);font-weight:600}.mapoverlay__map{flex:1;min-height:0}.mapoverlay__legend{position:absolute;left:.5rem;bottom:.5rem;z-index:1001;display:flex;flex-wrap:wrap;gap:.4rem .7rem;max-width:calc(100% - 1rem);padding:.4rem .6rem;background:#0b3d5cd9;border-radius:8px;font-size:.72rem;color:var(--fg)}.buoy-label.leaflet-tooltip{background:transparent;border:0;box-shadow:none;padding:0;color:#08263a;font-weight:600;font-size:11px;white-space:nowrap;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,0 0 3px #fff}.buoy-label.leaflet-tooltip:before{display:none}.mapoverlay__map:not(.labels-on) .buoy-label.leaflet-tooltip{display:none}.map__rak{stroke:#0a283c38;stroke-width:.8}.map__traject{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;opacity:.9}.map__track{fill:none;stroke:#7fd1e8;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.map__buoy{fill:#cfe6f2;stroke:#0a3247;stroke-width:.5}.map__buoy--start{fill:#6ee7a8}.map__buoy--finish{fill:var(--danger)}.map__buoy--current{fill:var(--accent);stroke:#fff;stroke-width:1}.map__label{fill:#08263a;stroke:#fff;stroke-width:2.5px;paint-order:stroke;font-size:9px;font-weight:600;pointer-events:none}.map__attrib{margin:.15rem 0 0;font-size:.68rem;color:var(--fg-muted)}.map__attrib a{color:inherit}.map__legend{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem;font-size:.75rem;color:var(--fg-muted)}.map__key{display:inline-flex;align-items:center;gap:.3rem}.map__dot{width:10px;height:10px;border-radius:50%;display:inline-block}.traject{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:.15rem}.traject__start{font-weight:600;padding:.3rem .5rem;color:var(--accent)}.traject__leg{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;padding:.3rem .5rem;border-left:2px solid rgba(255,255,255,.15);margin-left:.5rem}.traject__to{font-weight:500}.traject__meta{color:var(--fg-muted);font-size:.8rem;font-variant-numeric:tabular-nums}:root{--bg: #0b3d5c;--bg-panel: #0f4f76;--fg: #f2f7fa;--fg-muted: #a9c4d4;--accent: #f4b41a;--danger: #e8452a;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100dvh}body{background:var(--bg);color:var(--fg);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}