.game-navigation{display:flex;align-items:center;gap:24px}.releases-link{display:inline-block;padding:9px 13px;border:1px solid #cbd4cd;border-radius:7px;background:#fffdf6;color:#214446;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}.releases-link:hover{background:#e9eee4}.releases-link:focus-visible{outline:3px solid #db9650;outline-offset:3px}@media(max-width:700px){.game-navigation .session-label{display:none}.releases-link{padding:8px 10px;font-size:13px}}.phone-pair-code{font:700 2rem ui-monospace,monospace;letter-spacing:.3em;margin:.5rem 0;text-align:center}#phone-qr{display:block;max-width:100%;height:auto;margin:.5rem auto;border-radius:6px}#phone-qr[hidden]{display:none}#phone-controller-link{overflow-wrap:anywhere}.landscape-selection-box{position:fixed;z-index:30;pointer-events:none;border:1px solid #ffe36d;background:#ffe36d2b;box-sizing:border-box}.landscape-selection-box[hidden]{display:none}.landscape-section button[aria-pressed=true]{background:#214446;color:#fffdf6}.landscape-section #landscape-object-modes label{flex-direction:row;align-items:center;gap:5px}.landscape-section [hidden]{display:none!important}.landscape-section .actions{flex-wrap:wrap;gap:5px}.landscape-section button{font-size:11px;white-space:normal}.landscape-section label{display:flex;flex-direction:column;align-items:stretch;gap:4px;margin:8px 0}.landscape-section select,.landscape-section input[type=number]{min-width:0;width:100%;padding:7px;border:1px solid #cbd4cd;border-radius:5px;background:#fffdf6;color:#214446}.landscape-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.landscape-section .micro{margin:8px 0;overflow-wrap:anywhere}.landscape-section #landscape-editor{padding:0 16px 16px}.landscape-section>summary h2{font-size:14px;letter-spacing:0}.landscape-section #landscape-status{color:#42615b}canvas[data-landscape-editing=true]{cursor:crosshair}.idle-dialog{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:20px;background:#102e3480}.idle-dialog[hidden]{display:none}.idle-card{width:min(100%,420px);padding:24px;background:#faf8f1;color:#193b3e;border:1px solid #cbd4cd;border-radius:10px;box-shadow:0 8px 40px #102e3450}.idle-card h2{font-size:24px}.idle-card p{margin:14px 0;line-height:1.6}.idle-card button{width:100%;min-height:44px}#idle-countdown{font-variant-numeric:tabular-nums}:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#193b3e;background:#f5f3ec;font-synthesis:none;font-size:14px;font-weight:400;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,summary{font:inherit}button,summary{cursor:pointer}button{border:1px solid #cbd4cd;border-radius:7px;background:#fffdf6;color:#214446;padding:9px 13px;font-weight:600;white-space:nowrap}button:hover{background:#e9eee4}button:disabled{opacity:.5;cursor:default}button:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #db9650;outline-offset:-3px}input:focus-visible{outline:2px solid #2b6b6b;outline-offset:3px}button.primary{background:#20565a;color:#fffdf2;border-color:#20565a}button.primary:hover{background:#133e43}input[type=range]{width:100%;accent-color:#2b6b6b;cursor:pointer;margin:10px 0 15px;height:16px}h1,h2,h3,p{margin:0}h1{font-size:21px;letter-spacing:-.6px;font-weight:720}h2{font-size:30px;letter-spacing:-1px;line-height:1.3}h3{font-size:14px;font-weight:650}.masthead{height:72px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d6ded4;background:#faf8f1}.brand{display:flex;align-items:center;gap:11px}.brand span{font-size:11px;color:#637776;letter-spacing:.3px}.session-label{font-size:10px;letter-spacing:1.7px;display:flex;align-items:center;gap:10px;font-weight:650}.status-dot{width:6px;height:6px;border-radius:50%;background:#5d8370}.divider{color:#a2af9c;margin:0 6px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;height:calc(100dvh - 72px);min-height:420px}.view{min-width:0;min-height:0;display:flex;flex-direction:column;background:#295c63}.canvas-wrap{flex:1;min-height:0;position:relative;overflow:hidden;container-type:inline-size}canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}.view-caption{display:flex;justify-content:space-between;align-items:center;padding:0 18px;height:34px;flex-shrink:0;background:#214e54;color:#f1efda;font-size:9px;letter-spacing:1.4px;gap:10px}.subtle{letter-spacing:.2px;color:#b8d2ce;margin-left:12px}#view-hint{font-size:10px;letter-spacing:0;color:#d2ddd1}.panel{min-height:0;overflow:auto;background:#faf8f1;border-left:1px solid #d6ded4}.panel-section{--panel-x:16px;--panel-y:16px;margin:0 8px 6px;border:1px solid #baccc4;border-radius:7px;background:#faf8f1}.panel-section>summary{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px var(--panel-x);list-style:none;background:#dce8e2;border-radius:6px;color:#214446}.panel-section>summary::-webkit-details-marker{display:none}.panel-section>summary:hover{background:#cdded5}.panel-section[open]>summary{margin-bottom:16px;background:#bfd5cc;border-bottom:1px solid #9ab9ac;border-radius:6px 6px 0 0}.panel-section>summary h3{flex:1;margin:0;font-size:14px;font-weight:650;line-height:22px}.panel-section>summary:after{content:"";width:8px;height:8px;flex-shrink:0;border-right:2px solid #527267;border-bottom:2px solid #527267;transform:rotate(-45deg)}.panel-section[open]>summary:after{transform:rotate(45deg)}.panel-content{padding:0 var(--panel-x) var(--panel-y)}.muted{color:#75827a;font-size:11px;margin-top:2px}.actions{display:flex;gap:8px;margin-top:15px}.actions .primary{flex:1}#status{color:#5c7469;font-size:11px;line-height:1.5;margin-top:10px;min-height:17px}#wind-arrow{font-size:25px;line-height:22px;display:block;width:22px;text-align:center;color:#ba743b;transition:transform .15s}label{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px}output{font-variant-numeric:tabular-nums;color:#527267;font-size:12px}.micro{font-size:10px!important;color:#768476;line-height:1.6!important}.instruments{display:grid;grid-template-columns:1fr 1fr;gap:16px 8px}.instruments span{font-size:10px;color:#718071;display:block;margin-bottom:5px}.instruments strong{display:block;font-size:17px;letter-spacing:-.3px;font-variant-numeric:tabular-nums;font-weight:550}.instruments small{font-size:11px;font-weight:400;color:#778675}.zoom-row{display:flex;gap:10px;align-items:center;margin-top:5px}.zoom-row input{margin:10px 0}.zoom-row button{font-size:10px;padding:7px 9px}.controls-section p{font-size:11px;line-height:1.7;margin-top:10px}.controls-section b{font-weight:600}.controller{padding:8px;border-radius:5px;background:#eaf0e6;color:#4e705d;font-size:10px!important}.controls-section .panel-content summary{font-size:11px;margin-top:14px;line-height:1.6;color:#42615b}.controls-section details p{color:#667a70}.fatal{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;text-align:center;padding:30px;background:#e8eee6}.fatal[hidden]{display:none}.fatal h2{font-size:26px}.fatal p{max-width:450px;line-height:1.6}.fatal button{margin-top:4px}@media(max-height:650px)and (min-width:701px){.masthead{height:56px}.layout{height:calc(100dvh - 56px)}.panel-section{--panel-x:18px;--panel-y:13px}.launch-section h2{font-size:25px}.view-caption{height:28px;padding:0 12px}.subtle{display:none}}@media(max-width:700px){.masthead{height:62px;padding:0 14px}.session-label{font-size:8px;letter-spacing:1px}.session-label .divider{display:none}.session-label{max-width:100px;flex-wrap:wrap;gap:4px}.brand img{width:30px;height:30px}h1{font-size:19px}.layout{display:flex;flex-direction:column;height:auto;min-height:0}.view{height:52dvh;min-height:340px}.panel{overflow:visible;border-left:0}.panel-section{--panel-x:16px;--panel-y:16px}.launch-section,.controls-section{grid-column:1/-1}.instruments{align-content:center}.zoom-section{grid-column:1/-1}.view-caption{padding:0 10px;font-size:8px;height:30px}.subtle{display:none}#view-hint{font-size:9px}.actions .primary{flex:0 1 180px}.launch-section h2{font-size:25px}.launch-section .muted{margin-bottom:8px}}.wind-current{font-size:12px;color:#426b60;margin:-4px 0 16px;font-variant-numeric:tabular-nums}@media(max-width:700px){.wind-section,.instruments{grid-column:1/-1}}.toggle{margin:12px 0 8px}.toggle input{accent-color:#2b6b6b;width:18px;height:18px;flex-shrink:0}.environments-section select,.area-section select,.visuals-section select,.performance-section select{font:inherit;width:100%;max-width:100%;margin:8px 0;padding:8px;border:1px solid #cbd4cd;border-radius:7px;background:#fffdf6;color:#214446}select:focus-visible{outline:2px solid #2b6b6b;outline-offset:3px}canvas[data-editing=true]{cursor:grab}canvas[data-dragging=true],canvas[data-camera-dragging=true]{cursor:grabbing}.zoom-section .micro{margin-bottom:14px}@media(max-width:700px){.area-section,.water-section{grid-column:1/-1}}.environment-switch-dialog{width:min(94vw,480px);max-height:90dvh;overflow:auto;padding:24px;border:1px solid #baccc4;border-radius:10px;background:#faf8f1;color:#193b3e;box-shadow:0 8px 40px #102e3450}.environment-switch-dialog::backdrop{background:#102e3480}.environment-switch-dialog h2{font-size:23px;letter-spacing:-.4px}.environment-switch-dialog p{margin:14px 0;font-size:13px;line-height:1.6}.environment-switch-dialog label{margin-top:18px}.environment-switch-dialog input{width:100%;margin:8px 0;padding:10px;border:1px solid #baccc4;border-radius:6px;font:inherit}.environment-switch-dialog button{min-height:44px;white-space:normal}.environment-switch-dialog>button{width:100%}.environment-switch-actions{display:flex;gap:10px;flex-wrap:wrap}.environment-switch-actions button{flex:1}.environment-switch-dialog [role=alert]{color:#8b3528}.water-appearance-controls{margin:16px 0}.water-appearance-controls input[type=color]{display:block;width:100%;height:36px;margin:8px 0 16px;padding:3px;border:1px solid #baccc4;border-radius:5px;background:#fffdf6;cursor:pointer}.water-appearance-controls input[type=color]:disabled{opacity:.5;cursor:default}.water-response-group{border:0;border-top:1px solid #dce1d6;padding:16px 0 0;margin:22px 0 0;min-width:0}.water-response-group legend{font-size:12px;font-weight:650;color:#42615b;padding:0 8px 0 0}.water-response-group output{white-space:nowrap}.force-section{margin-top:20px}#force-details>label{margin-top:16px}.force-section .micro+.micro{margin-top:8px}.force-table{width:100%;border-collapse:collapse;font-size:10px;font-variant-numeric:tabular-nums;margin:12px 0}.force-table caption{text-align:left;color:#64786e;font-size:10px;line-height:1.5;margin-bottom:10px}.force-table th,.force-table td{text-align:left;padding:6px 2px;border-bottom:1px solid #dce1d6;font-weight:400}.force-table thead th{font-weight:600}.force-table td{white-space:nowrap}.force-table label{justify-content:flex-start;gap:4px;font-size:10px;line-height:1.4}.force-table input{margin:0;accent-color:#2b6b6b;flex-shrink:0;width:15px;height:15px}.force-swatch{display:inline-block;width:9px;height:9px;flex-shrink:0;background:var(--force-color);border:1px solid #49696a;border-radius:2px}.force-turn{font-size:11px;line-height:1.9;margin-bottom:10px}.force-turn output{font-size:11px}.force-key{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 20px);padding:8px 10px;background:#173d43e8;color:#fffdf2;border:1px solid #ffffff33;border-radius:6px;pointer-events:none;font-size:10px;font-variant-numeric:tabular-nums}.force-key[hidden],.force-key [hidden]{display:none!important}#force-key-rows{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px}#force-key-rows>div{display:flex;align-items:center;gap:5px}#force-key-rows>div>span:last-child{margin-left:auto}.force-key p{margin-top:6px;font-size:10px}.force-key .force-swatch{border-color:#ffffff80}#force-key-scale{color:#c2d7d4;font-size:9px}.fatal{z-index:2}@media(max-width:700px){.force-section>.panel-content{padding-left:16px;padding-right:16px}.force-table,.force-table label{font-size:12px}.force-key{left:6px;bottom:6px;padding:6px 8px}}.multiplayer-section [hidden]{display:none!important}.multiplayer-section .actions{flex-wrap:wrap}.multiplayer-section .micro{margin-top:10px}#room-name{width:100%;font:inherit;padding:8px;margin:8px 0;border:1px solid #cbd4cd;border-radius:7px;background:#fffdf6;color:#214446}.room-list-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px}.room-list-heading h4{font-size:12px;margin:0}.room-list-heading button,#room-list button{font-size:11px;padding:6px 9px}#room-list{list-style:none;padding:0;margin:8px 0;font-size:12px}#room-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:10px 0;border-bottom:1px solid #dce1d6}#room-list li>span:first-child{overflow-wrap:anywhere}#room-list .room-count{grid-column:1;font-size:10px;color:#527267}#room-list button{grid-column:2;grid-row:1/3;align-self:center}input:disabled,select:disabled{opacity:.55;cursor:not-allowed}@media(max-width:700px){.multiplayer-section{grid-column:1/-1}}#room-members h4{font-size:12px;margin:16px 0 8px}#room-member-list{list-style:none;padding:0;margin:0;font-size:12px}#room-member-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid #dce1d6}#room-member-list span{min-width:0;overflow-wrap:anywhere}#room-member-list button{font-size:11px;padding:6px 9px;min-height:36px;flex-shrink:0}.gpu-timing{--fps-color:#2b6b6b;min-width:0;margin-top:16px}.gpu-timing .micro{overflow-wrap:anywhere}.gpu-timing button{max-width:100%;white-space:normal}.gpu-status{min-height:2.5em}.fps-player{--fps-color:#75827a}.fps-player[data-quality=good]{--fps-color:#267349}.fps-player[data-quality=fair]{--fps-color:#976300}.fps-player[data-quality=poor]{--fps-color:#bd3e36}.fps-player[hidden]{display:none}.fps-player+.fps-player{border-top:1px solid #dce1d6;padding-top:12px;margin-top:12px}.fps-heading{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#526c62}.fps-status{color:var(--fps-color)}.fps-reading{display:flex;align-items:baseline;gap:5px;font-variant-numeric:tabular-nums;margin-top:4px;color:var(--fps-color)}.fps-reading strong{font-size:28px;font-weight:650;line-height:1.2}.fps-reading>span{font-size:10px}.fps-reading small{font-size:9px;color:#63776d;margin-left:auto}.fps-chart{display:block;width:100%;height:auto;margin-top:6px;overflow:visible}.fps-chart text{font-size:8px;fill:#63776d}.fps-guide{stroke:#d8dfd3;stroke-dasharray:3 3}.fps-trail{fill:none;stroke:var(--fps-color);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.fps-dot{fill:var(--fps-color);stroke:#faf8f1;stroke-width:2}.fps-help{margin-top:10px}@media(max-width:700px){.performance-section{grid-column:1/-1}.fps-chart{max-height:110px}}.buoy-row{display:grid;grid-template-columns:14px 10px minmax(0,1fr) 49px 28px;gap:5px;align-items:center;margin:8px 0}.buoy-number{font-size:11px;font-variant-numeric:tabular-nums}.buoy-swatch{width:10px;height:14px;border:1px solid #718071;border-radius:3px}.area-section .buoy-row select{margin:0;padding:7px 3px;font-size:11px}.buoy-row input{width:100%;min-width:0;padding:7px 4px;border:1px solid #cbd4cd;border-radius:7px;background:#fffdf6;color:#214446;font-size:11px}.buoy-row button{padding:5px 0;font-size:18px}#buoy-add{width:100%;margin:3px 0 6px;font-size:12px}#buoy-options-help{margin-top:5px}.member-strip{position:absolute;top:10px;left:8px;width:248px;max-height:45%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:6px;overflow:auto;overscroll-behavior:contain;z-index:1;pointer-events:auto}.member-strip[hidden],.member-strip [hidden]{display:none!important}.member-tile{min-width:0;height:126px;overflow:hidden;border:1px solid #dce8df80;border-radius:8px;background:#173d43f5;color:#fffdf2;pointer-events:auto;box-shadow:0 2px 8px #102e3440}.member-portrait{height:40px;position:relative;background:#28575e;display:flex;align-items:center;justify-content:center}.member-portrait video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.member-placeholder{font-size:26px;font-weight:650;color:#e2ece4}.member-name{font-size:10px;line-height:12px;height:29px;font-weight:650;padding:2px 5px 0;overflow:hidden;overflow-wrap:anywhere}.boat-slot-1 .member-name{border-top:3px solid #ee7160}.boat-slot-2 .member-name{border-top:3px solid #7cb7ff}.member-status{font-size:9px;line-height:12px;height:16px;padding:1px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-controls{display:flex;gap:2px;padding:1px 3px}.member-controls button{flex:1;min-width:0;min-height:42px;padding:3px 0;font-size:10px;color:#173d43}.member-controls button[aria-pressed=true]{background:#d9eadb}.member-controls button:disabled{opacity:.7}.member-controls button:focus-visible{outline-color:#ffc777}.member-tile:has(.member-controls[hidden]) .member-portrait{height:82px}#communications-panel{border-top:1px solid #dce1d6;margin-top:16px;padding-top:4px}#communications-panel h4{font-size:12px;margin:14px 0 10px}#video-mode,#chat-message{font:inherit;width:100%;min-width:0;padding:8px;border:1px solid #cbd4cd;border-radius:7px;background:#fffdf6;color:#214446;margin:8px 0}#video-mode{font-size:12px}#video-enable-sound{margin-top:8px}.chat-transcript{height:150px;overflow:auto;overflow-wrap:anywhere;border:1px solid #cbd4cd;border-radius:6px;padding:8px;background:#fffdf6;font-size:11px;line-height:1.5}.chat-transcript:focus-visible{outline:2px solid #2b6b6b}.chat-entry+.chat-entry{margin-top:8px}#chat-form{margin-top:10px}#chat-form button{width:100%}#chat-new{font-size:11px;margin-top:5px}#communications-panel .micro{color:#5c7064}@media(max-width:360px){.member-strip{gap:4px}}.resume-sailing{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;min-height:48px;padding:12px 22px;box-shadow:0 3px 14px #102e3450;font-size:16px}.resume-sailing[hidden]{display:none}.sailing-timer{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:1;display:flex;flex-direction:column;align-items:center;min-width:104px;padding:7px 10px;background:#173d43eb;color:#fffdf2;border:1px solid #ffffff55;border-radius:7px;pointer-events:none;box-shadow:0 2px 8px #102e3440}#sailing-clock{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:24px;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap}#timer-status{font-size:10px;line-height:1.5;color:#d5e3de}.timer-section [hidden]{display:none!important}.timer-section select{font:inherit;width:100%;margin:8px 0 0;padding:8px;border:1px solid #cbd4cd;border-radius:7px;background:#fffdf6;color:#214446}.timer-section .actions{gap:5px;flex-wrap:wrap}.timer-section button{padding:9px 10px;font-size:12px}@container (max-width:400px){.sailing-timer{top:6px;min-width:88px;padding:6px 8px}#sailing-clock{font-size:20px}}@container (max-width:700px){.member-strip{top:68px;width:min(248px,calc(100% - 130px));max-height:calc(100% - 184px)}.member-name{font-size:9px}.member-strip:not([hidden])~.resume-sailing{inset:auto 8px 116px auto;max-width:110px;transform:none;padding:12px 8px;white-space:normal}}.launch-section select,.launch-section input[type=text]{display:block;font:inherit;width:100%;min-width:0;min-height:36px;margin:8px 0 0;padding:8px;border:1px solid #cbd4cd;border-radius:7px;background:#fffdf6;color:#214446}.launch-section select:disabled,.launch-section input:disabled{opacity:.5;cursor:default}.launch-section select:focus-visible{outline:2px solid #2b6b6b;outline-offset:3px}.control-item{position:relative;display:flow-root;margin:0 0 20px;min-width:0}.control-item:last-child{margin-bottom:0}.control-item>label,.control-item>h2,.control-item>h4{padding-right:32px;min-height:24px}.control-item>label{line-height:1.4}.control-item>label output{flex-shrink:0;white-space:nowrap;margin-left:auto}.control-item>input[type=range]{display:block;margin:8px 0 0;height:20px}.control-item>.toggle{margin:0;min-height:24px}.control-item>button{max-width:calc(100% - 32px);white-space:normal}.control-item #buoy-add{margin:0}.control-item .control-readout{margin:5px 0 0;font-size:10px;line-height:1.5;color:#527267;font-variant-numeric:tabular-nums}.control-readout output{font-size:11px;white-space:nowrap}.info-help>summary{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid #9aafa5;border-radius:50%;background:#fffdf6;color:#42615b;font-size:12px;font-weight:650;font-style:normal;line-height:1;list-style:none}.info-help>summary::-webkit-details-marker{display:none}.info-help>summary:hover,.info-help[open]>summary{background:#e2ebe3;border-color:#527267}.info-help[open]>summary{box-shadow:inset 0 0 0 1px #527267}.info-help>p{margin:10px 0 0!important;padding:10px 12px;border-left:2px solid #c0cec2;border-radius:0 5px 5px 0;background:#eef1e8;color:#52695c;font-size:11px;line-height:1.6}.info-help>p+p{margin-top:0!important;padding-top:0}.standalone-help{position:relative;min-height:24px;margin-top:10px;padding-top:24px}.standalone-help>summary{left:0;right:auto}.help-topic h4{margin:0;font-size:12px;font-weight:600;line-height:24px}.controls-section .info-help>summary{margin:0;font-size:12px;line-height:1}.water-response-group+.control-item{margin-top:20px}.tuning-group{min-width:0;max-width:100%;margin:8px 0 0;border:1px solid #c69570;border-radius:5px}.tuning-group>summary{padding:9px 10px;color:#85400e;background:#faead7;font-size:12px;font-weight:600;overflow-wrap:anywhere}.tuning-group[open]>summary{border-bottom:1px solid #c69570}.tuning-group-content{padding:14px 8px 0;min-width:0}.tuning-control{--tuning-color:#a34e12}.tuning-control>label{flex-wrap:wrap;gap:4px}.tuning-control output{margin-left:auto;color:var(--tuning-color)}.tuning-badge{font-size:9px;line-height:16px;padding:0 4px;border:1px solid var(--tuning-color);border-radius:3px;color:#85400e;background:#faead7}.tuning-control input[type=range]{accent-color:var(--tuning-color)}.tuning-scale{display:flex;justify-content:space-between;font-size:9px;color:#85400e;margin:2px 0 7px;position:relative}.tuning-scale span:nth-child(2){position:absolute;left:50%;transform:translate(-50%)}.tuning-reset{font-size:10px;padding:4px 7px;color:#85400e;border-color:#b97b49}#water-copy-tuning-status{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}.settings-subgroup>h4{margin:0 0 6px;font-size:12px;font-weight:650;color:#42615b}.settings-scope{margin:0 0 16px;font-size:10px;line-height:1.6;color:#52695c}.trees-section .control-item>label{padding-right:32px}.trees-section .control-item{margin-bottom:14px}.trees-section select{font-size:12px}.saved-environments-list{list-style:none;padding:0;margin:0 0 16px}.saved-environments-row{position:relative;border-bottom:1px solid #dce1d6;padding:12px 0;font-size:12px;overflow-wrap:anywhere}.saved-environments-title{display:block;padding-right:32px;font-weight:600;min-height:24px}.saved-environments-default-label{justify-content:flex-start;gap:6px;margin:4px 0 8px;min-height:28px;cursor:pointer}.saved-environments-default{margin:0;accent-color:#2b6b6b;width:16px;height:16px}.saved-environments-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.saved-environments-actions button{font-size:11px;padding:7px 10px;min-height:34px}.saved-environments-info>summary{position:absolute;right:0;top:12px;display:grid;place-items:center;width:24px;height:24px;border:1px solid #9aafa5;border-radius:50%;list-style:none;font-weight:600}.saved-environments-info>summary::-webkit-details-marker{display:none}.saved-environments-info[open]>summary{background:#e2ebe3}.saved-environments-setting{font-size:11px;line-height:1.6;margin-top:8px}.saved-environments-form label{display:block}.saved-environments-name{display:block;width:100%;min-width:0;margin:8px 0;padding:8px;border:1px solid #cbd4cd;border-radius:7px;background:#fffdf6;color:#214446}.saved-environments-save{width:100%;font-size:12px;white-space:normal}.saved-environments-help,.saved-environments-status,.saved-environments-empty{font-size:11px;line-height:1.6;color:#52695c;margin-top:10px;overflow-wrap:anywhere}.saved-environments-section [hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.sidebar-toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;background:#faf8f1;border-bottom:1px solid #d6ded4}.sidebar-toolbar>span{font-size:11px;color:#526c62}.sidebar-toolbar button{min-height:36px;font-size:11px;padding:8px 12px}.sidebar-toolbar button[aria-expanded=true]{background:#214446;color:#fffdf6}.visual-detail-options{display:flex;gap:8px}.visual-detail-options button{flex:1;min-width:0;min-height:40px;padding:8px;font-size:12px}.visual-detail-options button[aria-pressed=true]{background:#214446;color:#fffdf6}#visual-detail-status{margin:10px 0 6px}.advanced-visuals{border-top:1px solid #dce1d6;margin-top:20px;padding-top:20px}.sidebar-group-label{margin:22px 16px 9px;font-size:10px;line-height:1.4;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#526c62}.sidebar-group-label:first-child{margin-top:18px}.panel-section>summary{gap:8px}.panel-section>summary h3{min-width:0}.panel-content h4{font-size:12px;line-height:1.5;margin:18px 0 12px;color:#365c52}.panel-content>h4:first-child,.panel-content>section:first-child>h4:first-child{margin-top:0}.panel-content .help-topic h4{margin:0;line-height:24px}.scope-badge{display:inline-block;flex-shrink:0;padding:2px 5px;border:1px solid #96b2a5;border-radius:4px;font-size:9px;line-height:1.4;font-weight:600;letter-spacing:0;color:#36594c;background:#edf3e9;vertical-align:middle;white-space:nowrap}.scope-badge[data-locked=true]{padding-left:17px;background:#f0eadb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14' fill='none' stroke='%2336594c' stroke-width='1.3'%3E%3Crect x='2' y='6' width='8' height='6' rx='1'/%3E%3Cpath d='M4 6V4a2 2 0 014 0v2'/%3E%3C/svg%3E") no-repeat 3px center/11px 13px}.settings-scope .scope-badge{margin-right:3px}.panel .sidebar-reason{margin:10px 0 14px;padding:8px 10px;border-left:3px solid #a0834d;background:#f2ecdd;color:#66512d;font-size:11px;line-height:1.5}.panel [hidden]{display:none!important}.panel input:disabled,.panel select:disabled,.panel button:disabled{opacity:1;color:#617065;background:#eceee5;border-color:#b9c7bd;cursor:not-allowed}.panel button.primary:disabled{background:#d6e0d8;color:#4f6559}.panel input[type=range]:disabled{accent-color:#73867a}.panel output{color:#45675a}.panel .micro{color:#5a6f62}.advanced-tree-detail{margin-top:18px;border:1px solid #cad5cb;border-radius:5px}.advanced-tree-detail>summary{padding:12px 10px;min-height:44px;font-size:12px;color:#42615b;background:#eef1e8}.advanced-tree-content{padding:14px 10px}.visuals-section .trees-section{border-top:1px solid #dce1d6;margin-top:20px}.replay-section .logging-section{border-top:1px solid #cad5cb;margin-top:20px;padding-top:4px}@media(prefers-reduced-motion:reduce){#wind-arrow{transition:none}}.photo-source-viewport{position:relative;height:180px;overflow:hidden;border:1px solid #73877c;border-radius:5px;background-color:#303b39;background-repeat:repeat-x;cursor:grab;touch-action:none;outline-offset:2px}.photo-source-viewport:active{cursor:grabbing}.photo-source-marker{position:absolute;width:19px;height:19px;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 0 2px #000)}.photo-source-marker:before,.photo-source-marker:after{content:"";position:absolute;background:#fff36a;box-shadow:0 0 0 1px #161d1c}.photo-source-marker:before{left:9px;top:0;width:1px;height:19px}.photo-source-marker:after{left:0;top:9px;width:19px;height:1px}#landscape-photo-source-preview{margin:12px 0;padding:8px;border:1px solid #cbd4cd;border-radius:6px}body{display:flex;flex-direction:column;height:100dvh;min-height:420px}.masthead{flex:none}.layout{flex:1;min-height:0;height:auto}@media(max-width:700px){body{height:auto;min-height:100dvh}.layout{flex:none}.view{height:auto;min-height:0}.canvas-wrap{flex:none;height:52dvh;min-height:340px}.panel{overflow:visible}}.masthead{height:auto;min-height:72px;flex-wrap:wrap;gap:10px 20px;padding-top:10px;padding-bottom:10px}.quick-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px;min-width:0}.quick-tools button,.lake-hud button,#quick-mode-controls button{min-height:36px;padding:7px 10px;font-size:12px}.camera-modes{display:inline-flex;flex-shrink:0;gap:0}.camera-modes button{border-radius:0;min-height:36px;padding:7px 10px;font-size:12px}.camera-modes button:first-child{border-radius:7px 0 0 7px}.camera-modes button+button{margin-left:-1px}.camera-modes button:last-child{border-radius:0 7px 7px 0}.camera-modes button[aria-pressed=true]{position:relative;background:#20565a;color:#fffdf2;border-color:#20565a}.camera-modes button:focus-visible{z-index:1}.quick-tools [hidden],.lake-hud [hidden],#quick-mode-controls[hidden],#quick-mode-controls [hidden]{display:none!important}.lake-hud{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;padding:10px 14px;flex:none;min-width:0;background:#173d43;color:#fffdf2;border-bottom:1px solid #ffffff30}.lake-session{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px}#quick-session-status{width:100%;font-size:12px;line-height:1.5;color:#e2ece4}#quick-input-warning{width:100%;font-size:11px;line-height:1.4;color:#ffd79b;overflow-wrap:anywhere}.lake-hud .sailing-timer{position:static;inset:auto;transform:none;z-index:auto;display:grid;grid-template-columns:auto auto;gap:0 12px;min-width:104px;margin:0;padding:0 8px;background:transparent;border:0;border-radius:0;box-shadow:none;pointer-events:auto;text-align:center}.lake-hud #sailing-clock{grid-column:1;grid-row:1}.lake-hud #timer-status{grid-column:1;grid-row:2}#quick-clock-controls{grid-column:2;grid-row:1/3;display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin:0}.quick-readouts{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px 12px;min-width:0;font-size:11px;line-height:1.5;font-variant-numeric:tabular-nums}.quick-readouts>*{white-space:nowrap;color:#e2ece4}#quick-fps{font-weight:700}#quick-fps[data-quality=good]{color:#a6e3b4}#quick-fps[data-quality=fair]{color:#ffdc91}#quick-fps[data-quality=poor]{color:#ffafa4}#quick-fps[data-quality=unavailable]{color:#c0d0ce}#quick-mode-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;flex:none;min-width:0;background:#e9eddf;color:#214446;border-bottom:1px solid #bdcfc1}#quick-mode-status{flex:1 1 180px;font-size:12px;line-height:1.5}.lake-hud button,#quick-mode-controls button{white-space:normal}.lake-hud button:focus-visible{outline-color:#ffc777}@media(max-width:1100px){.lake-hud{grid-template-columns:minmax(0,1fr) auto}.quick-readouts{grid-column:1/-1;justify-content:center}}@media(max-width:700px){.masthead{min-height:62px;gap:10px;padding-top:10px;padding-bottom:10px}.game-navigation{order:1;margin-left:auto}.quick-tools{order:2;flex:1 1 100%;justify-content:flex-start}.quick-tools button,.lake-hud button,#quick-mode-controls button{min-height:44px;padding:9px 10px}.lake-hud{padding:8px 10px;gap:8px;grid-template-columns:minmax(0,1fr)}.lake-session{order:2;justify-content:center}#quick-session-status{width:auto}.quick-readouts{order:3}.lake-hud .sailing-timer{min-width:88px;padding:0;justify-self:center}#quick-clock-controls{max-width:none;flex-wrap:nowrap}#quick-clock-controls button{font-size:11px;padding:9px 8px}.quick-readouts{gap:4px 12px}#quick-mode-controls{padding:8px 10px}}@media(max-width:380px){.lake-hud{grid-template-columns:minmax(0,1fr)}.lake-session{justify-content:center;text-align:center}.lake-hud .sailing-timer{justify-self:center}}.notification-stack{position:absolute;top:12px;right:12px;z-index:1;display:flex;flex-direction:column;gap:8px;width:min(340px,calc(50% - 80px));max-height:min(50%,calc(100% - 24px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;pointer-events:none}.notification-toast{display:flex;align-items:flex-start;gap:10px;flex:0 0 auto;padding:12px;border:1px solid #ffffff24;border-radius:5px;background:#652d34;color:#fff8f4;box-shadow:0 3px 10px #10232633;font-size:13px;line-height:1.45;pointer-events:none}.notification-toast--chat{background:#483454}.notification-content{flex:1;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.notification-title{margin-right:4px;overflow-wrap:anywhere}.notification-message{display:inline;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.notification-dismiss{position:sticky;top:0;flex:0 0 28px;width:28px;height:28px;padding:0;border:0;border-radius:3px;background:transparent;color:inherit;font-size:22px;font-weight:400;line-height:1;pointer-events:auto;touch-action:manipulation}.notification-dismiss:hover{background:#ffffff20}.notification-dismiss:focus-visible{outline:2px solid #fff8f4;outline-offset:-2px}@container (max-width: 700px){.notification-stack{top:80px;width:min(340px,calc(100% - min(120px,30cqw) - 24px));max-height:min(50%,max(0px,calc(100% - 92px)))}.member-strip:not([hidden])~.notification-stack{inset:auto 8px 8px;width:auto;max-height:100px}}.replay-panel{margin:0}.replay-panel .replay-content{padding:0}.replay-panel .settings-scope{margin:12px 0 6px}.replay-panel [hidden]{display:none!important}.replay-panel .actions{flex-wrap:wrap}.replay-panel button{max-width:100%;white-space:normal}.replay-panel .actions button{flex:1 1 auto}.replay-panel label{display:block;font-size:.8rem;margin:.5rem 0}.replay-panel input[type=range]{width:100%}.replay-range{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem}.replay-range input{width:100%;min-width:0;box-sizing:border-box}.replay-chart{display:block;width:100%;height:45px;background:#102637;border:1px solid #456}.replay-panel output{display:block;font-size:.8rem;margin:.5rem 0;font-variant-numeric:tabular-nums}.replay-panel select{max-width:100%}.replay-contacts svg{display:block;width:100%;height:12px}.replay-contacts:empty{display:none}#replay-evidence{overflow-wrap:anywhere}#replay-cursor{touch-action:none}body.photo-shoreline-open #game-header,body.photo-shoreline-open #sidebar-panel,body.photo-shoreline-open .lake-hud,body.photo-shoreline-open #quick-mode-controls,body.photo-shoreline-open .view-caption,body.photo-shoreline-open .resume-sailing,body.photo-shoreline-open .force-key{display:none!important}body.photo-shoreline-open #game-content{grid-template-columns:minmax(0,1fr);height:100dvh;min-height:0}#photo-game-editor{position:absolute;inset:0;z-index:35;pointer-events:none;color:#163c40;font-size:14px}#photo-game-editor[hidden]{display:none}#photo-game-editor button,#photo-game-editor input{font:inherit}#photo-game-outline{position:absolute;inset:0;width:100%;height:100%;touch-action:none;pointer-events:auto;cursor:grab}#photo-game-outline:focus-visible{outline:2px solid #2b7a99;outline-offset:-2px}#photo-game-outline.measuring{cursor:crosshair}#photo-game-outline.dragging{cursor:grabbing}.photo-game-toolbar{position:relative;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 20px;background:#f4f5ee;border-bottom:1px solid #d4dfd5;pointer-events:auto}.photo-game-toolbar strong{font-size:18px}.photo-game-tools{display:flex;flex-wrap:wrap;align-items:center;gap:13px}.photo-game-files{position:relative;font-size:13px}.photo-game-files>summary{padding:8px 5px}.photo-game-files>div{position:absolute;top:100%;right:0;display:grid;gap:7px;padding:10px;border:1px solid #b5cbc3;border-radius:6px;background:#fffef9;box-shadow:0 4px 15px #18383a25}.photo-game-files[open]{z-index:3}#photo-game-editor label{display:flex;align-items:center;justify-content:initial;gap:7px;font-size:13px;white-space:nowrap}#photo-game-editor input[type=range]{width:100px;height:16px;margin:0;accent-color:#245b5d}#photo-game-editor input[type=checkbox]{width:16px;height:16px;accent-color:#245b5d}#photo-game-feather-value{min-width:3.8em;font-size:13px}#photo-game-editor button{padding:8px 11px}#photo-game-status{position:relative;margin:0;padding:9px 20px;min-height:36px;background:#e7eee4;font-size:13px}#photo-game-status.error{background:#fff0e5;color:#8b351a}#photo-game-recover{position:relative;margin:8px 20px;pointer-events:auto}#photo-game-distance-form{position:absolute;top:120px;right:18px;width:min(290px,calc(100% - 36px));padding:18px;border:1px solid #b5cbc3;border-radius:8px;box-shadow:0 6px 22px #18383a30;background:#fffef9;pointer-events:auto}#photo-game-distance-form label{font-weight:600;margin-bottom:12px;white-space:normal}#photo-game-distance-form>div{display:flex;align-items:center;gap:9px;margin-bottom:14px}#photo-game-distance{width:130px;padding:9px;color:inherit;border:1px solid #9eb8b0;border-radius:5px}#photo-game-distance-form button+button{margin-left:5px}.photo-game-footer{position:absolute;bottom:0;left:0;right:0;margin:0;padding:8px 20px;background:#f4f5eef2;color:#52685f;font-size:12px}.photo-game-line{stroke:#ffe16f;stroke-width:1.6px;fill:none;vector-effect:non-scaling-stroke;pointer-events:none;filter:drop-shadow(0 1px 1px #16292a)}.photo-game-line.invalid{stroke:#ff846a}.photo-game-point{fill:#ffe16f;stroke:#283e39;stroke-width:1.3px;vector-effect:non-scaling-stroke;cursor:move}.photo-game-point.selected{fill:#fff;stroke:#b97800;stroke-width:2px}.photo-game-measure-marker{stroke:#1685c5;stroke-width:3px;vector-effect:non-scaling-stroke;pointer-events:none;filter:drop-shadow(0 0 1px white)}#photo-game-editor [hidden]{display:none!important}#photo-edit-shoreline{margin-top:10px;width:100%}@media(max-width:700px){.photo-game-toolbar{padding:12px}.photo-game-tools{gap:9px;font-size:12px}#photo-game-editor button{padding:7px 9px}#photo-game-status{padding:8px 12px}#photo-game-distance-form{top:185px}.photo-game-footer{padding:8px 12px;font-size:11px}}