html,body,#map{margin:0;padding:0;width:100%;height:100vh;height:100dvh;overflow-x:hidden;overflow:hidden}.desktop-only{display:block}.desktop-only-flex{display:flex}.mobile-only{display:none}@media (max-width: 768px){body{font-size:14px}.desktop-only,.desktop-only-flex{display:none}.mobile-only{display:block}#iconPanel{bottom:50px;left:0}#map-player{display:flex;flex-direction:column;height:100dvh}#map{flex:1;height:auto}.controls-wrapper{position:relative;width:100%;order:-1}.controls{border-radius:0;align-items:center}.button-group{order:2}.progress-bar{order:1}.controls{display:flex;flex-direction:column;justify-content:space-between}#controls-visible{display:block;width:100%}.fc-item.desktop-only{display:none}.vessel-list{overflow-y:auto;max-height:40vh;min-height:80px}}@media (min-width: 767px){#iconPanel{top:70px;left:10px}.controls-wrapper{position:absolute;z-index:100;width:420px;top:10px;right:10px}.controls{border-radius:6px}.file-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;border:1px solid #ccc;padding:5px}.vessel-list{overflow-y:auto;max-height:230px;min-height:100px}}.fc-item{display:flex;align-items:center}.fc-label{display:none}.fc-inline-label{font-size:.82rem;color:#5b6e73;margin-right:6px}.fc-item:has(button:not(.btn-available)){display:none}.controls-container{position:fixed;bottom:0;left:0;width:100%;background:rgba(255,255,255,.9);display:flex;align-items:center;padding:10px;box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom);z-index:1000}.maplibregl-ctrl-attrib{margin-bottom:60px!important}.button-group{position:relative;display:flex;align-items:center;gap:8px}.button-group button{background:none;border:none;font-size:24px;cursor:pointer}.button-group button:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(100%)}#playSpeedSliderContainer{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:8px;background:white;border:1px solid #ccc;border-radius:6px;z-index:1000;width:20px;height:120px;align-items:center;justify-content:center}#playSpeedSlider{writing-mode:bt-lr;transform:rotate(270deg) translateY(-41px) translate(-40px);width:100px;height:30px}.progress-bar{flex-grow:1;margin-left:10px;margin-right:10px}.progress-bar input[type=range]{width:100%}#currentTime{white-space:nowrap}.window-indicator{position:relative;height:4px;background-color:red;top:-6px;z-index:1;border-radius:2px}.controls{background:rgba(255,255,255,.9);padding:10px}#controls-visible{font-size:1.06rem}.form-row{display:flex;gap:10px;align-items:center;border:1px solid #ccc;padding:5px}.form-column-no-border{display:flex;gap:10px;align-items:center;flex-direction:column}.form-row-no-border{display:flex;gap:10px;align-items:center}.form-row-no-border-right-align{display:flex;gap:10px;align-items:center;justify-content:flex-end;width:100%}.form-row-no-border-space-between{display:flex;gap:10px;align-items:center;justify-content:space-between;width:100%}.boat-legend-name-cell{padding-left:8px;cursor:pointer}.boat-legend-row-hidden{opacity:.25}.boat-list-follow-icon{width:12px;height:12px}.boat-list-handicap-selector{font-size:12px;padding:2px;border:1px solid #ccc;background-color:#fff;cursor:pointer}.legend-table{width:100%;table-layout:fixed;border-collapse:collapse}.legend-table td{padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#legend .boat-legend-table td:nth-child(1){width:20px}#legend .boat-legend-table td:nth-child(2){width:10px}#legend .boat-legend-table td:nth-child(3){width:auto}#legend .boat-legend-table td:nth-child(4){width:58px}#legend .boat-legend-table td:nth-child(5){width:50px}#legend .boat-legend-table td:nth-child(6){width:65px}#legend .race-result-table td:nth-child(1){width:20px}#legend .race-result-table td:nth-child(2){width:auto}#legend .race-result-table td:nth-child(3){width:65px}#legend .race-result-table td:nth-child(4){width:58px}#legend .race-result-table td:nth-child(5){width:58px}.race-result-boat-column{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.race-result-color-swatch{display:inline-block;width:12px;height:12px}.shipTextBox{outline:1px solid #ccc;border-radius:3px;border:1px solid #ddd;padding:2px 6px}.annotations{display:none;background:rgba(255,255,255,.9);border-radius:6px;border:1px solid #ccc;padding:10px}.annotation-labels{padding-top:5px}.annotation-label-display{background:rgba(82,80,80,.9);width:25%;height:100%;padding:2px;text-align:center;color:#fff}.annotation-note-display{background:rgba(13,85,107,.9);width:40%;height:100%;padding:2px;text-align:center;color:#fff}.polar-annotation-label-display{background:rgba(82,80,80,.9);text-align:center;color:#fff}#annotationSaveButton{padding:2px 12px;font-size:14px;cursor:pointer;border:1px solid #ccc;border-radius:4px;background:#f0f0f0;transition:background .2s}#notesAndSave{display:flex;gap:10px;align-items:center;justify-content:space-between;padding-left:5px}.annotation-row-display{display:flex;gap:10px;align-items:center;justify-content:space-between}#annotation-add-control{justify-content:flex-end}.annotation-notes-wrapper{position:absolute;width:420px;top:10px;right:450px;background:rgba(255,255,255,.9);padding:10px;border-radius:6px}.annotation-notes-wrapper.textarea{resize:none}#iconPanel{position:absolute;display:flex;flex-direction:column;gap:12px;background:rgba(255,255,255,.9);align-items:center;padding:10px;border-radius:6px;z-index:99}.icon-button{background:none;border:none;font-size:.86em;font-weight:700;cursor:pointer;padding:4px;transition:background .2s;border-radius:4px}.icon-button:hover{background:rgba(0,0,0,.1);transition:.7s}.icon-button.selected{background-color:#999;color:#fff;border-color:#999}@keyframes icon-button-flash{0%{background-color:inherit}30%{background-color:#adf}to{background-color:inherit}}.icon-button.flash{animation:icon-button-flash .6s ease-out forwards}.icon-button:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(100%)}.icon-button-disabled{opacity:.4;cursor:not-allowed;filter:grayscale(100%)}.drawer-button{padding:1px;align-items:center}.drawer-divider{width:1px;height:24px;background-color:#ccc;margin:0 4px}.ctrlDrawer{position:absolute;top:50%;left:100%;transform:translateY(-50%);margin-left:8px;background:white;border:1px solid #ccc;border-radius:8px;padding:8px;box-shadow:0 2px 6px #0003;z-index:1000;display:none;flex-direction:row;gap:8px}#courseCreatorDrawer{top:auto;left:auto;bottom:100%;transform:none;margin-left:0;margin-bottom:30px}#trackEditorDrawer{top:auto;left:auto;bottom:100%;transform:none;margin-left:0;margin-bottom:40px;flex-direction:column}.track-editor-toolbar{display:flex;flex-direction:row;gap:4px;margin-bottom:8px}#trackEditorCutEnd{margin-left:auto}.scissors-flip{transform:rotate(180deg)}#trackEditorVesselList{display:flex;flex-direction:column;gap:4px}#trackEditorVesselList .icon-button{padding:6px 12px;white-space:nowrap;text-align:left;border:1px solid #ddd;border-radius:4px;background:#f9f9f9;cursor:pointer;transition:all .2s}#trackEditorVesselList .icon-button:hover{background:#f0f0f0;border-color:#999}#trackEditorVesselList .icon-button.selected{background:#4CAF50;color:#fff;border-color:#45a049}.ctrlDrawer.visible{display:flex}.ctrlDrawerWrapper{position:relative;display:inline-block}.color-legend-container{margin:0}.color-legend-heading{font-size:.75em;padding-top:2 5px}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffbf;display:flex;align-items:center;justify-content:center;z-index:1000}.spinner{width:48px;height:48px;border:6px solid #ccc;border-top-color:#007bff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.map-popup{position:absolute;transform:translate(-50%,-100%);pointer-events:none;z-index:10}.map-popup-content{background:white;border:1px solid #333;border-radius:6px;padding:8px 12px;box-shadow:0 2px 6px #0000004d;font-size:14px}.map-popup-tail{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid white;margin:0 auto;position:relative;top:-1px}.polar-wrapper{position:absolute;bottom:70px;right:10px;width:400px;z-index:100;margin:0;padding:0}#polarPlot{width:100%;height:100%;margin:0;padding:0}.polar-overlay{position:absolute;bottom:10px;right:10px;display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:6px;z-index:10;flex-direction:column;border:1px solid #ccc}.map-tooltip{position:absolute;background-color:#fff;border:1px solid black;padding:4px 8px;border-radius:4px;font-size:12px;pointer-events:none;white-space:nowrap;box-shadow:0 1px 4px #0000004d;display:none}#map-player{width:100%;height:100%}#polar-builder{height:100vh;box-sizing:border-box;display:grid;grid-template-columns:1fr 2fr 2fr 1fr;grid-template-rows:2fr 5fr;grid-template-areas:"sidebar map plot list" "sidebar text plot list";background:#e6f0f7;font-family:sans-serif;margin:0;padding:55px 0 0;overflow:hidden}.auth-status{display:none;align-items:center;gap:8px;margin-left:10px}.auth-status-visible{display:flex}.auth-email{font-size:13px;color:#333;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-gate{position:fixed;inset:0;z-index:3000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#f7f7f7}.auth-gate-title{font-size:20px;font-weight:700;color:#222}.auth-gate-message{font-size:13px;color:#666;max-width:320px;text-align:center}.auth-gate.hidden{display:none}.player-mode-control{position:absolute;top:10px;left:10px;z-index:100;padding:8px;border-radius:6px;flex-direction:row;align-items:center;display:flex;background:rgba(255,255,255,.9)}.auth-bar{position:absolute;top:10px;right:10px;z-index:100;display:flex;align-items:center;gap:8px}.auth-bar[hidden]{display:none}.mode-more{display:flex;align-items:center;gap:10px;position:relative}.mode-more-menu{display:flex;align-items:center;gap:10px}.mode-more-button{display:none}.mode-more-button img{width:18px;height:18px;display:block}@media (max-width: 768px){.player-mode-control{top:0;left:0;right:0;height:var(--mode-bar-height);box-sizing:border-box;padding:4px 8px;border-radius:0}.auth-bar{top:0;right:4px;height:var(--mode-bar-height)}.auth-email{display:none}.mode-more-button{display:inline-flex;align-items:center}.mode-more-menu{display:none;position:absolute;top:calc(100% + 6px);left:0;flex-direction:column;align-items:stretch;gap:4px;padding:6px;border-radius:6px;background:white;box-shadow:0 6px 20px #0000002e}.mode-more-menu.open{display:flex}.mode-more-menu .icon-button{padding:8px 14px;text-align:left;white-space:nowrap}}.pb-sidebar{grid-area:sidebar;border-radius:12px;background:white;margin:10px;padding:10px;overflow-y:auto;height:calc(100vh - 95px);box-shadow:0 2px 8px #0000001a}.pb-polar-list{grid-area:list;border-radius:12px;background:white;margin:10px;padding:10px;overflow-y:auto;height:calc(100vh - 95px);box-shadow:0 2px 8px #0000001a}.pb-polar-list-row{justify-content:space-between}.pb-overlay-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999}.pb-overlay-modal-box{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 8px #0003}.pb-overlay-modal-button{display:block;margin:8px 0}.pb-vessel-picker{display:flex;align-items:center;gap:8px;margin-bottom:12px}.pb-vessel-select{flex:1;min-width:0}.pb-empty{color:#636161;font-style:italic;margin-top:10px}.pb-filename{font-weight:700;margin-top:10px}.pb-section{margin-left:15px;font-style:italic;color:#636161;transition:background-color .3s ease}.pb-section.loaded{font-style:normal;color:#292828}.pb-section:hover{background-color:#bdc2c4}.pb-section.selected{background-color:#add8e6}.pb-map{grid-area:map;margin:10px}.pb-text-panel{position:relative;grid-area:text;margin:10px;border-radius:12px;background:white;padding:0 80px 0 0;box-shadow:0 2px 8px #0000001a;overflow-y:auto}.pb-plot{position:relative;grid-area:plot;margin:10px;border-radius:12px;background:white;padding:0;height:calc(100vh - 75px);box-shadow:0 2px 8px #0000001a;overflow:hidden}#pb-polar-plot{flex:1;height:100%}.polar-overlay-builder{position:absolute;bottom:20px;right:20px;display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:6px;z-index:10;flex-direction:column;border:1px solid #ccc}.polar-overlay-data-select{position:absolute;bottom:20px;right:100px;display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:6px;z-index:10;flex-direction:row;border:1px solid #ccc}.editor-save-buttons{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:6px;z-index:10;flex-direction:column;border:1px solid #ccc}.pb-table{border-collapse:collapse;margin:10px;font-family:sans-serif;table-layout:fixed}.pb-th,.pb-td{border:1px solid rgb(63,62,62);text-align:right;font-size:.9em}.pb-th{background-color:#f0f0f0}.pb-td.placeholder{color:#aaa}.pb-td input{width:100%;box-sizing:border-box;border:none;font-size:.7em}#polarEditorTitle{padding-left:30px}.polar-title-unsaved{font-style:italic;color:#680606}.boatLegendName{background:rgba(0,0,0,.1);transition:.7s}.vessel-info-wrapper{position:absolute;width:400px;top:10px;right:420px;background:rgba(255,255,255,.9);padding:10px;border-radius:6px}#help-viewer{width:100%;height:100vh;overflow-y:auto;background:white;padding:20px;box-sizing:border-box}.help-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:10px;max-width:800px;margin:0 auto 8px}.help-build-date{font-size:11px;color:#999}.help-debug-button{padding:4px 10px;font-size:11px;cursor:pointer;border:1px solid #aaa;border-radius:4px;background:#888;color:#fff;transition:background .2s}.help-debug-button:hover{background:#666}.help-content{max-width:800px;margin:0 auto;padding:20px;line-height:1.6}.help-content h1{border-bottom:2px solid #333;padding-bottom:10px}.help-content h2{margin-top:30px;color:#333}.help-content a{color:#007bff;text-decoration:none}.help-content a:hover{text-decoration:underline}#settings-view{width:100%;height:100vh;overflow-y:auto;background:white;padding:20px;box-sizing:border-box}.settings-content{width:80%;margin:0 auto;padding:20px}@media (max-width: 900px){.settings-content{width:auto;padding-left:16px;padding-right:16px}}.settings-content h2{border-bottom:2px solid #333;padding-bottom:10px}.settings-content h3{margin-top:20px;color:#333}.settings-section{margin-top:60px}.settings-section:last-child{margin-bottom:0}.settings-row{display:flex;align-items:center;gap:10px;margin:10px 0}.settings-row label{min-width:150px;font-weight:700}.settings-button{padding:8px 16px;font-size:14px;cursor:pointer;border:1px solid #ccc;border-radius:4px;background:#f0f0f0;transition:background .2s}.settings-button:hover{background:rgba(0,0,0,.1)}.settings-divider{border:none;border-top:1px solid #ccc;margin:20px 0}.settings-section i{display:block;color:#888;font-size:.9em;margin-top:8px;text-align:right}.settings-table-wrap{flex:1;min-width:0}.settings-page-vessel-table{width:100%;border-collapse:collapse;margin-top:10px}.settings-page-vessel-th{text-align:left;padding:8px;border-bottom:2px solid #ddd}.settings-page-handicap-header{position:relative}.settings-page-handicap-header-name{outline:none;min-width:40px;display:inline-block}.settings-page-handicap-header-delete{margin-left:4px}.settings-page-vessel-row-available{color:#999}.settings-page-vessel-td{padding:8px;border-bottom:1px solid #eee}.settings-page-vessel-input{width:100%;border:1px solid #ddd;padding:2px}.settings-page-color-box{width:30px;height:20px;border:1px solid #000}.settings-page-color-select{padding:2px;height:30px;width:80px;border:1px solid #ddd;cursor:pointer}.settings-page-color-select option{height:20px;padding:2px}.settings-page-handicap-input{width:60px;border:1px solid #ddd;padding:2px}.settings-page-separator{padding:8px;color:#999;font-style:italic;border-top:1px solid #ddd}.settings-page-vessel-delete img,.settings-page-handicap-header-delete img,.settings-page-handicap-add img{width:16px;height:16px;display:block}.settings-page-remove-cell{display:flex;align-items:center;gap:6px}.settings-page-remove-label{font-style:italic;font-size:.82rem;color:#5b6e73}.settings-page-add-boat{padding:8px;color:#5b6e73;font-style:italic;cursor:pointer;border-bottom:1px solid #eee}.settings-page-add-boat:hover{background:#f0f4f5}.settings-page-polar-select{flex:1;max-width:220px;padding:2px;border:1px solid #ddd}.settings-page-leeway-input{width:70px;border:1px solid #ddd;padding:2px}.modal-dialog{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;display:flex;align-items:center;justify-content:center}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:2001}.modal-content{position:relative;background:white;border-radius:8px;padding:24px;max-width:500px;width:90%;box-shadow:0 4px 12px #0000004d;z-index:2002;box-sizing:border-box}.modal-content h3{margin-top:0;margin-bottom:16px;font-size:1.5em;color:#333}.modal-content p{margin-bottom:12px;color:#666}.share-link-container{margin-bottom:16px;display:flex;align-items:center;gap:8px}.share-link-container .icon-button{flex-shrink:0;padding:8px;background:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer;transition:background .2s}.share-link-container .icon-button:hover{background:#e0e0e0}.share-link-container .icon-button img{width:20px;height:20px;display:block}.share-link-container input{flex:1;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px;box-sizing:border-box;background-color:#f9f9f9}.modal-buttons{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.primary-button{padding:10px 20px;font-size:14px;cursor:pointer;border:none;border-radius:4px;background:#007bff;color:#fff;transition:background .2s}.primary-button:hover{background:#0056b3}.secondary-button{padding:10px 20px;font-size:14px;cursor:pointer;border:1px solid #ccc;border-radius:4px;background:#f0f0f0;color:#333;transition:background .2s}.secondary-button:hover{background:#e0e0e0}.feedback-message{margin-top:12px;padding:8px;border-radius:4px;font-size:14px;text-align:center;display:none}.feedback-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;display:block}.feedback-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;display:block}.toast{display:none;position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:#000c;color:#fff;padding:12px 24px;border-radius:4px;z-index:10000;font-size:18px;pointer-events:none}#dbg-pane{position:fixed;inset:40px;z-index:9999;background:#111;color:#ddd;border:1px solid #444;border-radius:8px;display:flex;flex-direction:column;font-family:monospace;font-size:11px}#dbg-pane.dbg-hidden{display:none}#dbg-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #333;flex-shrink:0}#dbg-header span{font-weight:700;color:#aaa}#dbg-copy,#dbg-close{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center}#dbg-copy img{width:18px;height:18px;filter:invert(1)}#dbg-close{color:#aaa;font-size:16px;line-height:1}#dbg-close:hover{color:#fff}#dbg-log-list{overflow-y:auto;flex:1;padding:8px 12px;white-space:pre-wrap;word-break:break-all}#dbg-toggle{position:fixed;bottom:58px;right:10px;z-index:9998;background:#cc0000;color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:12px;cursor:pointer}.dbg-entry{margin-bottom:2px;line-height:1.4}.dbg-entry-log{color:#ccc}.dbg-entry-warn{color:#f0c040}.dbg-entry-error{color:#ff6b6b}.wx-pin{border-radius:6px;padding:3px 6px;display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);box-shadow:0 1px 4px #00000059;white-space:nowrap;cursor:default;user-select:none;background:#888}.wx-pin svg{width:16px;height:16px;flex-shrink:0}.wx-arrow-na{opacity:.2}.wx-speed{min-width:20px;text-align:right}.wx-na{font-weight:400}.wx-popup{position:fixed;pointer-events:none;z-index:1000;background:#f5f5f5;border:1px solid #bbb;border-radius:6px;padding:4px;box-shadow:0 2px 8px #00000040}#tracks-view,#vessels-view{width:100%;height:100vh;overflow-y:auto;background:#eef2f3;color:#16262b;font-family:-apple-system,Segoe UI,sans-serif;box-sizing:border-box}:root{--track-thumb-size: 160px;--mode-bar-height: 44px}.track-explorer-page{width:80%;margin:0 auto;padding:64px 0 80px}@media (max-width: 900px){.track-explorer-page{width:auto;padding-left:16px;padding-right:16px;padding-bottom:60px}}.track-explorer-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.sub-tab-control{display:flex;flex-direction:row;align-items:center;gap:10px;padding:8px;border-radius:6px;background:rgba(255,255,255,.9)}.track-explorer-topbar:not(:has(.sub-tab-control)){justify-content:flex-end}.track-explorer-topbar-actions{display:flex;gap:8px}.pagination{display:flex;align-items:center;justify-content:center;gap:4px;padding:14px 0 2px}.pagination[hidden]{display:none}.pagination-page,.pagination-step{min-width:32px;height:32px;padding:0 10px;border:none;border-radius:7px;background:transparent;color:#16262b;font-size:.92rem;font-weight:550;cursor:pointer;transition:background .15s,color .15s}.pagination-step{display:inline-flex;align-items:center;gap:4px}.pagination-chevron{font-size:1.16rem;line-height:1}.pagination-page:hover,.pagination-step:hover:not(:disabled){background:rgba(0,0,0,.07)}.pagination-page.selected{background:#4d7395;color:#fff}.pagination-page.selected:hover{background:#3f6180}.pagination-step:disabled{opacity:.35;cursor:not-allowed}.pagination-gap{min-width:20px;text-align:center;color:#5b6e73}.track-explorer-club-filter{border:1px solid #d9e1e3;background:white;color:#16262b;padding:7px 10px;border-radius:7px;font-size:.8rem}.track-explorer-placeholder{padding:24px;color:#5b6e73;line-height:1.5}.track-explorer-placeholder code{background:#e3edf0;padding:1px 5px;border-radius:4px}.track-explorer-topbar h1{font-size:1.56rem;font-weight:650;margin:0}.track-explorer-btn{border:1px solid #d9e1e3;background:white;color:#16262b;padding:8px 14px;border-radius:7px;font-size:.8rem;font-weight:550;cursor:pointer}.track-explorer-btn-danger{color:#a8402b;border-color:#e6cdc5}.track-explorer-btn-danger:hover{background:#f7e9e5}.track-explorer-btn:hover:not(:disabled){background:#f2f6f7}.track-explorer-btn:disabled{opacity:.45;cursor:not-allowed}.track-explorer-btn-primary{background:#4d7395;border-color:#4d7395;color:#fff;transition:background .2s,border-color .2s}.track-explorer-btn-primary:hover:not(:disabled){background:#3f6180;border-color:#3f6180}.track-explorer-panel{background:white;border:1px solid #d9e1e3;border-radius:12px;overflow:hidden}.track-explorer-table-scroll{overflow-x:auto}.track-explorer-table{width:100%;border-collapse:collapse;min-width:640px}.track-explorer-table thead th{text-align:left;font-size:.76rem;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:#5b6e73;padding:14px 16px;border-bottom:1px solid #d9e1e3;white-space:nowrap}.track-explorer-table td{padding:12px 16px;vertical-align:middle;border-bottom:1px solid #d9e1e3}.track-explorer-name{font-weight:600;font-size:1.01rem}.track-explorer-rename-input{font:inherit;font-weight:600;font-size:1.01rem;padding:4px 8px;border:1px solid rgba(13,85,107,.9);border-radius:5px;background:#e3edf0;width:210px}.track-explorer-vessels,.track-explorer-elapsed,.track-explorer-date{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-variant-numeric:tabular-nums;font-size:.91rem;color:#5b6e73;white-space:nowrap}.track-explorer-row{cursor:pointer}.track-explorer-private{margin-left:1.5em;font-style:italic;font-weight:400;color:#8a9a9e}.track-explorer-row:hover{background:#f5fafb}.track-explorer-icon-btn{border:1px solid #d9e1e3;background:transparent;color:#5b6e73;padding:5px 10px;border-radius:6px;font-size:.84rem;cursor:pointer;margin-right:6px}.track-explorer-icon-btn:hover{background:#e3edf0;color:#0d556be6}.track-explorer-icon-btn-danger:hover{background:#f7e9e5;color:#a8402b}.track-explorer-panel-footer{padding:10px 16px;font-size:.84rem;color:#5b6e73;border-top:1px solid #d9e1e3;background:#f5f9fa;display:flex;justify-content:space-between;gap:16px}.track-explorer-attribution{color:#8a9a9e;font-size:.78rem}.track-explorer-attribution a{color:inherit}.track-thumbnail{width:var(--track-thumb-size);height:var(--track-thumb-size);border:1px solid #cdd8da;border-radius:4px;background:#e4e4e4;display:block}.track-explorer-loading{text-align:center;color:#5b6e73;padding:24px}.wx-popup-label{color:#333;font-size:10px;padding:0 2px 3px;white-space:nowrap}.track-explorer-row-icon-btn{width:28px;height:28px;padding:4px}.track-explorer-actions{width:1%;white-space:nowrap;cursor:default}.track-explorer-actions-inner{display:flex;justify-content:flex-end;gap:20px}.track-explorer-row-icon-btn img{width:16px;height:16px}.import-dialog{min-width:420px;max-width:620px}.import-dialog-name{display:flex;align-items:center;gap:10px;margin-bottom:12px}.import-dialog-name label{width:4em;font-weight:550}.import-dialog-name input{flex:1;padding:6px 8px;border:1px solid #d9e1e3;border-radius:4px;font-size:.9rem}.own-boat-dialog{min-width:420px;max-width:520px}.own-boat-search{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.own-boat-search label{font-weight:550;font-size:.85rem}.own-boat-search input,.own-boat-create input{min-width:0;box-sizing:border-box;padding:6px 8px;border:1px solid #d9e1e3;border-radius:4px;font-size:.9rem}.own-boat-matches{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto}.own-boat-match{display:flex;justify-content:space-between;gap:12px;padding:6px 8px;background:#f5f8f9;border:1px solid #e6ebec;border-radius:4px;cursor:pointer;text-align:left;font-size:.9rem}.own-boat-match:hover{background:#e6eef0}.own-boat-match-mmsi{color:#5b6e73;font-size:.82rem}.own-boat-no-match{padding:6px 8px;color:#5b6e73;font-style:italic;font-size:.85rem}.own-boat-divider{margin:16px 0 10px;padding-top:10px;border-top:1px solid #e6ebec;color:#5b6e73;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}.own-boat-create{display:grid;grid-template-columns:4em 1fr 4em 1fr;align-items:center;gap:8px}.own-boat-create label{font-weight:550;font-size:.85rem}.own-boat-dialog .modal-buttons{margin-top:20px}.own-boat-conflict{margin-top:10px;padding:8px;background:#fdf3e7;border:1px solid #f0d4ab;border-radius:4px;color:#7a4a12;font-size:.85rem}.import-dialog-summary{border-top:1px solid #e6ebec;margin-bottom:16px}.import-dialog-row{display:flex;gap:12px;padding:5px 0;border-bottom:1px solid #f0f3f4;font-size:.86rem}.import-dialog-label{width:9em;flex-shrink:0;color:#5c6b70}.import-dialog-value{color:#16262b;word-break:break-word}.import-banner{display:flex;align-items:center;gap:8px;margin-top:6px;padding:6px 10px;background:rgba(214,138,0,.12);border:1px solid rgba(214,138,0,.5);border-radius:6px;font-size:.82rem}.import-banner-dot{width:8px;height:8px;border-radius:50%;background:#d68a00;flex-shrink:0}.import-banner-text{flex:1}.import-banner-btn{border:none;border-radius:6px;background:rgba(13,85,107,.9);color:#fff;padding:5px 12px;font-size:.8rem;font-weight:550;cursor:pointer}.import-dialog-name select{flex:1;padding:6px 8px;border:1px solid #d9e1e3;border-radius:4px;font-size:.9rem;background:white}.import-dialog-data{margin-top:10px}.import-dialog-data-heading{font-weight:550;font-size:.86rem;padding:4px 0}.import-dialog-data-list{display:flex;flex-wrap:wrap;column-gap:18px;row-gap:3px;font-size:.82rem;line-height:1.3}.import-dialog-data-item{white-space:nowrap}.import-dialog-data-missing{color:#9aa7ac;font-style:italic}.expand-panel-toggle-cell{width:28px;text-align:right}.expand-panel-toggle{padding:2px}.expand-panel-toggle img{width:16px;height:16px}.expand-panel-row td{background:#eef3f4;padding:14px 16px}.expand-panel{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px}.expand-panel:has(.track-panel-map){grid-template-columns:repeat(4,minmax(0,1fr))}.expand-panel-heading{font-size:.88rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:#5b6e73;padding-bottom:6px;margin-bottom:12px;border-bottom:1px solid #cdd8da}.expand-panel-field{display:flex;align-items:center;gap:10px;margin-bottom:8px}.expand-panel-label{width:90px;font-size:.88rem;color:#5b6e73}.expand-panel-value{font-size:.91rem;color:#16262b}.expand-panel-note{font-size:.84rem;color:#6b6b6b;font-style:italic;padding-top:4px}.expand-panel-claim{display:flex;align-items:center;gap:10px}.expand-panel-claim-status{font-size:.91rem;color:#5b6e73}.expand-panel-check{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.91rem;color:#16262b}.expand-panel-check-nested{margin-left:20px}.track-panel-boats{display:flex;flex-direction:column;gap:4px}.track-panel-boat{display:flex;align-items:center;gap:8px;font-size:.91rem;color:#16262b;cursor:pointer}.track-panel-remove-btn{margin-top:12px}.track-panel-boat-tag{font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:#5b6e73}.track-panel-linked{display:block;margin-top:12px}.track-panel-race-actions{display:flex;flex-direction:column;gap:8px}.track-panel-race-action{display:flex;align-items:center;gap:8px}.track-panel-race-action-label{min-width:42px;font-size:.88rem;color:#5b6e73}.track-panel-race-action-button{border:1px solid #d9e1e3;background:white}.track-panel-race-action-icon{width:16px;height:16px;display:block}.track-panel-radio input[type=radio],.settings-page-default-radio{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin:0;border:2px solid #5b6e73;border-radius:50%;display:inline-grid;place-content:center;cursor:pointer;transition:border-color .15s,box-shadow .15s}.track-panel-radio input[type=radio]:before,.settings-page-default-radio:before{content:"";width:10px;height:10px;border-radius:50%;transform:scale(0);background:#1a73e8;transition:transform .15s ease-in-out}.track-panel-radio input[type=radio]:checked,.settings-page-default-radio:checked{border-color:#1a73e8}.track-panel-radio input[type=radio]:checked:before,.settings-page-default-radio:checked:before{transform:scale(1)}.track-panel-radio input[type=radio]:hover,.settings-page-default-radio:hover{box-shadow:0 0 0 8px #1a73e814}.track-panel-radio input[type=radio]:focus-visible,.settings-page-default-radio:focus-visible{outline:none;box-shadow:0 0 0 8px #1a73e82e}.track-panel-radios{display:flex;gap:14px}.track-panel-radio{display:inline-flex;align-items:center;gap:5px;font-size:.88rem;color:#16262b}.club-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.club-chip{display:inline-flex;align-items:center;gap:6px;background:white;border:1px solid #d9e1e3;border-radius:999px;padding:3px 10px;font-size:.86rem;color:#16262b}.club-chip-remove{border:none;background:transparent;color:#8a9a9f;font-size:1.01rem;line-height:1;cursor:pointer;padding:0}.club-select{border:1px solid #d9e1e3;border-radius:6px;padding:4px 8px;font-size:.82rem;background:white;color:#16262b}.club-chip-add{border:1px solid #d9e1e3;border-radius:999px;padding:3px 8px;font-size:.86rem;background:white;color:#5b6e73}.club-add-matches{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:.8rem;color:#5b6e73}.save-indicator{position:absolute;bottom:0;right:0;font-size:.81rem;color:#5b6e73;opacity:0;pointer-events:none}.save-indicator-editing{opacity:1}.save-indicator-saved{color:#2f8f4e;animation:save-indicator-fade 5s forwards}@keyframes save-indicator-fade{0%,80%{opacity:1}to{opacity:0}}@media (max-width: 768px){.track-explorer-page{padding-top:calc(var(--mode-bar-height) + 16px);padding-left:0;padding-right:0}#settings-view{padding-top:calc(var(--mode-bar-height) + 16px)}.col-mobile-hide{display:none}.track-explorer-table{min-width:0}.track-explorer-topbar{flex-wrap:wrap;gap:8px}.track-explorer-topbar-actions{flex:1 1 auto;justify-content:flex-end;min-width:0}.track-explorer-rename-input{width:100%;min-width:0;box-sizing:border-box}.track-explorer-club-filter{min-width:0;max-width:45vw}.sub-tab-control{gap:4px;padding:4px}.sub-tab-control .icon-button{padding:4px 6px}.track-explorer-btn{padding:6px 10px}.track-explorer-panel-footer{flex-wrap:wrap;gap:4px 16px}.track-explorer-panel{border-radius:0;border-left:none;border-right:none}#playerModeButtonPolar{display:none}#map-player{padding-top:var(--mode-bar-height);box-sizing:border-box}.track-explorer-table thead th{padding:12px 8px}.track-explorer-table td{padding:10px 8px}.track-explorer-actions-inner{gap:8px}}.splash-page{--splash-surface: #ffffff;--splash-ink: #16262b;--splash-ink-soft: #5b6e73;--splash-border: #d9e1e3;--splash-accent: #0d556b;--splash-accent-soft: #e3edf0;--splash-row: #f5f9fa;--splash-shadow: 0 1px 2px rgba(16, 40, 46, .06), 0 1px 1px rgba(16, 40, 46, .04);--splash-shadow-lift: 0 6px 18px rgba(16, 40, 46, .1);padding:0 0 80px;color:var(--splash-ink)}.splash-page[hidden]{display:none}.splash-hero{padding:40px 0 8px}.splash-hero h1{margin:0 0 20px;font-size:1.96rem;line-height:1.18;font-weight:640;letter-spacing:-.015em;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:22px;row-gap:10px}.splash-hero-note{display:inline-block;background:var(--splash-surface);border:1px solid var(--splash-border);border-radius:12px;padding:14px 18px;box-shadow:var(--splash-shadow);font-size:.96rem;color:var(--splash-ink-soft)}.splash-inline-link{color:var(--splash-accent);font-weight:600;text-decoration:underline;text-underline-offset:2px}.splash-section-head{margin:40px 0 18px}.splash-section-head h2{margin:0;font-size:1.26rem;font-weight:640;letter-spacing:-.01em}.splash-section-hint{font-size:.94rem;font-weight:450;color:var(--splash-ink-soft)}.splash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.splash-tile{display:block;text-align:left;width:100%;font:inherit;color:inherit;background:var(--splash-surface);border:1px solid var(--splash-border);border-radius:12px;box-shadow:var(--splash-shadow);padding:14px;cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease}.splash-tile:hover{border-color:var(--splash-accent);box-shadow:var(--splash-shadow-lift);transform:translateY(-1px)}.splash-tile:focus-visible{outline:2px solid var(--splash-accent);outline-offset:2px}.splash-tile-title{font-size:1.01rem;font-weight:620;line-height:1.25;margin:0 0 2px}.splash-tile-club{font-size:.84rem;color:var(--splash-ink-soft);margin:0 0 12px}.splash-tile-body{display:grid;grid-template-columns:112px 1fr;gap:12px;align-items:start}.splash-thumb-wrap{width:112px;height:112px}.splash-thumb{width:112px;height:112px;display:block;border:1px solid var(--splash-border);border-radius:6px}.splash-boat-list{display:flex;flex-wrap:wrap;gap:5px;align-content:flex-start}.splash-boat-chip{display:inline-block;font-size:.78rem;font-weight:550;padding:3px 9px;border-radius:999px;background:var(--splash-accent-soft);color:var(--splash-accent);white-space:nowrap}.splash-boat-chip-more{background:transparent;border:1px dashed var(--splash-border);color:var(--splash-ink-soft)}.splash-tile-meta{margin-top:12px;padding-top:10px;border-top:1px solid var(--splash-border);display:flex;gap:10px;flex-wrap:wrap;font-size:.82rem;color:var(--splash-ink-soft);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-variant-numeric:tabular-nums}.splash-band{margin-top:56px;padding:28px;border-radius:14px;background:var(--splash-surface);border:1px solid var(--splash-border);box-shadow:var(--splash-shadow)}.splash-band h2{margin:0 0 6px;font-size:1.21rem;font-weight:640}.splash-band>p{margin:0 0 20px;color:var(--splash-ink-soft);font-size:.96rem}.splash-band-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.splash-band-card{border:1px solid var(--splash-border);border-radius:10px;padding:14px 16px;background:var(--splash-row)}.splash-band-card h4{margin:0 0 6px;font-size:.96rem;font-weight:620}.splash-band-card p{margin:0;font-size:.89rem;color:var(--splash-ink-soft);line-height:1.5}.splash-band-actions{margin-top:20px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.splash-btn{font:inherit;cursor:pointer;border:1px solid var(--splash-border);background:var(--splash-surface);color:var(--splash-ink);padding:8px 14px;border-radius:7px;font-size:.92rem;font-weight:550;box-shadow:var(--splash-shadow)}.splash-btn:hover{border-color:var(--splash-accent)}.splash-btn-primary{background:var(--splash-accent);border-color:var(--splash-accent);color:#fff}.splash-btn-primary:hover{filter:brightness(1.08)}.splash-btn-lg{padding:11px 20px;font-size:1.01rem}.splash-empty{padding:24px;color:var(--splash-ink-soft);font-size:.96rem}.splash-empty-state{grid-column:1 / -1;border:1px dashed var(--splash-border);border-radius:12px;padding:40px 24px;text-align:center;background:var(--splash-surface)}.splash-empty-state h3{margin:0 0 8px;font-size:1.06rem;font-weight:620}.splash-empty-state p{margin:0 auto 18px;max-width:46ch;font-size:.94rem;color:var(--splash-ink-soft)}.brand-mark{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5b6e73;padding-right:14px;margin-right:4px;border-right:1px solid #d9e1e3;white-space:nowrap;align-self:center}.auth-sign-in{display:inline-block}@media (max-width: 900px){.splash-grid,.splash-band-grid{grid-template-columns:1fr}.splash-hero{padding-top:24px}.splash-hero h1{flex-direction:column;column-gap:0;font-size:1.56rem}.splash-page{padding:0 0 48px}}@media (prefers-reduced-motion: reduce){.splash-tile{transition:none}}.track-explorer-panel[hidden],.track-explorer-topbar[hidden]{display:none}html[data-session=in] .session-out-only,html[data-session=out] .session-in-only,html[data-view=player] #tracks-view{display:none!important}html[data-view=player] #map-player{display:flex!important}.splash-card-action{margin-top:10px;padding:0;border:0;background:none;font:inherit;font-size:.89rem;font-weight:600;color:var(--splash-accent);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.splash-card-action:hover{filter:brightness(1.15)}.splash-card-action:focus-visible{outline:2px solid var(--splash-accent);outline-offset:2px}.splash-formats{position:relative;margin-top:22px;padding:22px 24px;border:1px solid var(--splash-accent);border-radius:12px;background:var(--splash-row)}.splash-formats[hidden]{display:none}.splash-formats-connector{position:absolute;left:calc(100% / 6);top:-23px;width:2px;height:23px;background:var(--splash-accent)}.splash-format+.splash-format{margin-top:22px;padding-top:18px;border-top:1px solid var(--splash-border)}.splash-format h4{margin:0 0 8px;font-size:1.01rem;font-weight:640;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.splash-format h5{margin:18px 0 8px;font-size:.88rem;font-weight:620;color:var(--splash-ink-soft);text-transform:uppercase;letter-spacing:.05em}.splash-format p{margin:0;font-size:.93rem;line-height:1.55;color:var(--splash-ink-soft)}.splash-format-state{font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:var(--splash-accent-soft);color:var(--splash-accent)}.splash-format-soon{background:transparent;border:1px dashed var(--splash-border);color:var(--splash-ink-soft)}.splash-sentences{margin:14px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:6px 20px}.splash-sentences li{display:flex;gap:10px;align-items:baseline;font-size:.89rem;color:var(--splash-ink-soft)}.splash-sentences code{flex:0 0 4.5em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.86rem;font-weight:600;color:var(--splash-ink);background:var(--splash-surface);border:1px solid var(--splash-border);border-radius:4px;padding:1px 6px;text-align:center}.splash-sources{margin:0;padding:0;list-style:none;display:grid;gap:10px}.splash-sources li{display:flex;gap:10px;align-items:center;font-size:.91rem;color:var(--splash-ink-soft)}.splash-sources svg{flex:0 0 22px;width:22px;height:22px;color:var(--splash-accent)}.splash-source-logo{flex:0 0 22px;width:22px;height:22px;object-fit:contain;border-radius:4px}.splash-sources strong{color:var(--splash-ink);font-weight:620}@media (max-width: 900px){.splash-sentences{grid-template-columns:1fr}.splash-formats-connector{left:50%}}@media (max-width: 768px){#help-viewer{padding-top:calc(var(--mode-bar-height) + 20px)}}@media (max-width: 768px){.expand-panel .track-panel-details,.expand-panel .track-panel-race{margin-top:8px}}@media (max-width: 768px){.modal-dialog{align-items:stretch;justify-content:stretch}.modal-content{width:100%;max-width:none;max-height:100%;border-radius:0;padding:16px;overflow-y:auto;-webkit-overflow-scrolling:touch}.import-dialog,.own-boat-dialog{min-width:0;max-width:none}}@media (max-width: 768px){.expand-panel:has(.track-panel-map){grid-template-columns:40% minmax(0,1fr);gap:16px}.expand-panel .track-panel-details,.expand-panel .track-panel-race{grid-column:1 / -1}.expand-panel{min-width:0}.track-panel-map .track-thumbnail{width:100%;height:auto;aspect-ratio:1}.track-panel-boat{min-width:0}.track-panel-boat span{overflow-wrap:anywhere}}