*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0b1722}#app{width:100vw;height:100vh;height:100dvh}html,body{overscroll-behavior:none}button,[role=button],.race-hud,.hud-panel,.sound-ctl{touch-action:manipulation}@media (pointer: coarse){input:not([type=range],[type=checkbox],[type=radio],[type=color],[type=button],[type=submit]),select,textarea{font-size:16px!important}}:root{--helm-h: 68px;--helm-sec-h: 48px;--helm-pad: 16px;--helm-gap: 10px;--helm-inset: max(var(--helm-pad), env(safe-area-inset-bottom, 0px));--helm-side-l: max(16px, env(safe-area-inset-left, 0px));--helm-side-r: max(16px, env(safe-area-inset-right, 0px));--helm-left-w: calc(2 * var(--helm-h) + var(--helm-gap));--helm-right-w: calc(var(--helm-sec-h) + 2 * var(--helm-h) + 2 * var(--helm-gap));--hud-side-l: max(12px, env(safe-area-inset-left, 0px));--hud-side-r: max(12px, env(safe-area-inset-right, 0px));--safe-top: env(safe-area-inset-top, 0px)}.race-touch-on{--helm-clear-left: calc(var(--helm-inset) + var(--helm-sec-h));--helm-clear-right: calc(var(--helm-inset) + var(--helm-sec-h))}:root{--hud-bottom-lift: 0px}.race-touch-helm{--helm-clear-left: calc(var(--helm-inset) + var(--helm-h) + var(--helm-gap) + var(--helm-sec-h));--helm-clear-right: calc(var(--helm-inset) + var(--helm-h) + var(--helm-gap) + var(--helm-sec-h))}:root{--helm-grouped-w: calc(2 * var(--helm-h) + var(--helm-sec-h) + 2 * var(--helm-gap));--helm-grouped-clear: calc(var(--helm-inset) + 2 * var(--helm-h) + 2 * var(--helm-gap) + var(--helm-sec-h))}@media (max-height: 480px){:root{--helm-grouped-w: calc(4 * var(--helm-h) + var(--helm-sec-h) + 4 * var(--helm-gap));--helm-grouped-clear: calc(var(--helm-inset) + var(--helm-h) + var(--helm-gap) + var(--helm-sec-h))}}.race-touch-helm.race-helm-left{--helm-clear-left: var(--helm-grouped-clear)}.race-touch-helm.race-helm-right{--helm-clear-right: var(--helm-grouped-clear)}.race-touch-on.race-helm-left{--helm-left-w: var(--helm-grouped-w);--helm-right-w: 0px;--helm-clear-right: 0px}.race-touch-on.race-helm-right{--helm-left-w: 0px;--helm-right-w: var(--helm-grouped-w);--helm-clear-left: 0px}.race-canvas{display:block;width:100vw;height:100vh;height:100dvh}.race-canvas.race-framed{position:fixed;outline:2px solid #7fd0ff}.race-hud{position:fixed;top:0;right:0;bottom:0;left:0;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;color:#eaf3ff;pointer-events:none;text-shadow:0 1px 2px #000a;-webkit-user-select:none;user-select:none}.race-hud.hud-export .hud-sig,.race-hud.hud-export .hud-ping,.race-hud.hud-export .hud-raceid{display:none}.hud-panel{position:absolute;background:#0a1a299e;border:1px solid rgba(120,170,210,.22);border-radius:12px;box-shadow:0 2px 10px #00000059;color:#eaf3ff}.hud-line{display:contents}.hud-top{top:var(--safe-top);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:4px 14px 5px;border-top:none;border-top-left-radius:0;border-top-right-radius:0}.hud-top>*{display:inline-flex;align-items:center;height:27px;line-height:1}.hud-pen{color:#ffd23c;font-weight:700;letter-spacing:.02em;gap:.4em}.hud-pen-pie{display:inline-block;width:.85em;height:.85em;border-radius:50%;border:1px solid #ffd23c;box-sizing:border-box;background:conic-gradient(#ffd23c var(--left, 100%),transparent 0)}.hud-clock{font-size:16px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.01em;min-width:8ch;text-align:center}.hud-legs{font-size:14px;font-weight:700;letter-spacing:.04em;color:#cfe0ee;font-variant-numeric:tabular-nums;white-space:nowrap}.hud-sig{position:relative;display:inline-flex;align-items:flex-end;gap:2px;height:13px}.hud-sig i{display:block;width:3px;border-radius:1px;background:#2c3f50}.hud-sig i.b1{height:4px}.hud-sig i.b2{height:7px}.hud-sig i.b3{height:10px}.hud-sig i.b4{height:13px}.hud-flash{position:absolute;right:-9px;top:-1px;width:6px;height:6px;border-radius:50%;background:#f55;opacity:0;box-shadow:0 0 5px #f55}.hud-ping{font-size:11px;color:#9fb6cc}.hud-viewers{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#cfe0ee}.hud-viewers svg{width:27px;height:27px;display:block;flex:none}.hud-viewers-n{font-variant-numeric:tabular-nums}.hud-msg{position:absolute;top:calc(var(--safe-top) + 44px);left:50%;transform:translate(-50%);padding:5px 14px;font-size:15px;font-weight:700;letter-spacing:.02em;color:#fff;text-align:center;white-space:nowrap;background:#0a1a298c;border-radius:8px;opacity:0;transition:opacity .4s ease}.hud-msg-yellow{color:#ffd23c}.hud-msg-line{display:block}.hud-msg-line+.hud-msg-line{margin-top:3px}.hud-msg-head{letter-spacing:.02em}.hud-msg-head:not([style*=none])+.hud-msg-stack:not(:empty){margin-top:4px}.hud-msg-own{font-size:17px;text-shadow:0 0 8px rgba(255,210,60,.45),0 1px 2px #000a}.hud-msg-other{font-size:14px;font-weight:600;opacity:.72}.hud-msg-big{font-size:28px}.hud-msg-green{color:#7fe39a;font-size:30px;text-shadow:0 0 12px rgba(127,227,154,.65),0 1px 2px #000a}.hud-bottom{bottom:0;left:50%;transform:translate(-50%);display:flex;gap:26px;padding:8px 22px calc(10px + env(safe-area-inset-bottom,0px));border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.hud-instr{display:flex;flex-direction:row;align-items:center;gap:8px;min-width:76px}.hud-instr-val{display:flex;flex-direction:row;align-items:baseline;gap:4px;line-height:1}.hud-instr b{font-size:26px;font-weight:700;line-height:1.05;color:#fff;font-variant-numeric:tabular-nums}.hud-instr-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;color:#8fb0cc}.hud-instr-icon svg{width:26px;height:26px;display:block}.hud-instr-unit{font-size:12px;font-weight:600;color:#6f93b2}.hud-live{position:absolute;top:calc(var(--safe-top) + 10px);left:var(--hud-side-l);padding:3px 9px;font-size:12px;font-weight:800;letter-spacing:.08em;color:#fff;background:#d23030;border-radius:5px;box-shadow:0 1px 6px #d2303080}.hud-live.replay{background:#3a5876}.hud-raceid{position:absolute;top:calc(var(--safe-top) + 46px);right:var(--hud-side-r);font-size:11px;letter-spacing:.05em;color:#cfe0ee}.hud-board{left:env(safe-area-inset-left,0px);bottom:calc(var(--hud-bottom-lift) + var(--board-lift));min-width:132px;padding:8px 10px;border-left:none;border-radius:12px 12px 12px 0}:root{--board-lift: 18px}.race-touch-on{--board-lift: calc(var(--helm-clear-left) + 16px)}.race-scrub-on{--board-lift: 125px }.hud-board-head{position:absolute;top:2px;right:4px;margin:0;padding:0 2px;font:inherit;font-size:.8em;line-height:1;color:#8fb0cc;background:none;border:0;cursor:pointer;pointer-events:auto;font-variant-numeric:tabular-nums}.hud-board-head:hover{color:#dceaf6}.hud-board:not(.collapsed){padding-right:18px}.hud-board.collapsed{min-width:0;padding:4px 18px 4px 10px}.hud-board.collapsed .hud-board-head{top:50%;transform:translateY(-50%)}.hud-board.collapsed .hud-board-row{display:none!important}.hud-board-own-place{display:none;color:#ffd23c;font-weight:700;font-variant-numeric:tabular-nums}.hud-board.collapsed .hud-board-own-place{display:block}.hud-board-row.gap{color:#7f9bb5}.hud-board-row{display:flex;gap:8px;align-items:baseline;padding:2px;color:#dceaf6}.hud-board-row.own{color:#ffd23c;font-weight:700}.hud-board-n{width:1.4em;text-align:right;color:#8fb0cc;font-variant-numeric:tabular-nums}.hud-board-row.own .hud-board-n{color:#ffd23c}.hud-board-name{white-space:nowrap}.hud-board-sail{margin-left:auto;padding-left:10px;color:#7f9bb5;font-size:.85em;font-variant-numeric:tabular-nums;white-space:nowrap}.hud-board-row.own .hud-board-sail{color:#d8b43a}.hud-debug{position:absolute;top:78px;left:12px;white-space:pre;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;font-weight:300;line-height:1.4;color:#ff6;background:#0000006b;padding:8px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.22);text-shadow:0 1px 2px #000;max-width:min(680px,60vw)}.race-labels .mark-pointer{position:absolute;left:-12px;top:-12px;width:24px;height:24px;opacity:0;transition:opacity .25s ease;filter:drop-shadow(0 1px 2px #000a)}.race-labels .mark-pointer.on{opacity:.95}.race-labels .mark-pointer svg{display:block}.race-labels .mark-pointer path{fill:#ffd23c;stroke:#1a1405;stroke-width:1.5;stroke-linejoin:round}.race-labels{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none;overflow:hidden}.race-labels .boat-name.under{opacity:.12}.race-labels .boat-name{position:absolute;left:0;top:0;transform:translate(-50%);will-change:transform;font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#cfe0ee;text-shadow:0 1px 3px #000b,0 0 2px #000b;white-space:nowrap;padding:1px 5px;border-radius:4px;background:#08141e66}.race-labels .boat-name.horn:before{content:"";position:absolute;left:50%;top:calc(-1 * var(--hull-up, 24px));width:36px;height:36px;margin:-18px 0 0 -18px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231a1200%22 stroke-width=%221.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%222.5%22 y=%2212.5%22 width=%225.5%22 height=%229%22 rx=%221.7%22 fill=%22%23ffe600%22/%3E%3Cg transform=%22translate%285.25 12.5%29 rotate%28-38%29 scale%280.8%29 translate%28-5.25 -11.4%29%22%3E%3Cpath d=%22M4.3 10.9h2.9c1.2 0 2.6-.4 4.2-1.4 1.9-1.2 3.6-2.8 5.6-4.3.6-.4 1.2.2 1.2.8v11.6c0 .6-.6 1.2-1.2.8-2-1.5-3.7-3.1-5.6-4.3-1.6-1-3-1.4-4.2-1.4H4.3z%22 fill=%22%23ffe600%22/%3E%3Cpath d=%22M21.5 7.5l1.5-1.1M21.8 11h1.9M21.5 14.5l1.5 1.1%22 stroke=%22%23ffe600%22 stroke-width=%222%22/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;filter:drop-shadow(0 0 3px #000) drop-shadow(0 0 6px #ffe60088);pointer-events:none;animation:boat-horn-pulse .5s ease-in-out infinite alternate}@keyframes boat-horn-pulse{0%{transform:scale(1);opacity:.85}to{transform:scale(1.3);opacity:1}}.race-labels .boat-name .boat-tag{margin-left:5px;padding:0 4px;border-radius:3px;font:600 10px/1.4 system-ui,sans-serif;letter-spacing:.02em;color:#9fb4c6;background:#9fb4c629}.race-labels .boat-name .boat-tag-auto{color:#08202c;background:#7fd0ff}.race-labels .boat-name .boat-tag-you{color:#2a2000;background:#ffe27a}.race-labels .boat-name .boat-tag-manual{color:#ffd2c4;background:#ff8c6e40}.race-labels .boat-name .boat-tag-stopped{color:#2a0d06;background:#ff9c7a}.race-labels .boat-name.own{color:#ffe27a;background:#281e0480;text-shadow:0 1px 3px #000c,0 0 4px #000c}.race-topright{position:fixed;top:calc(var(--safe-top) + 10px);right:var(--hud-side-r);z-index:40;display:flex;align-items:center;gap:8px}.race-topright>.race-leave,.race-topright>.race-fs-btn{position:static}.race-leave{position:fixed;top:10px;right:12px;z-index:40;font:600 13px/1 system-ui,sans-serif;color:#cfe3f7;background:#08141e8c;border:1px solid #2c4358;border-radius:6px;padding:7px 12px;cursor:pointer;-webkit-user-select:none;user-select:none}.race-leave:hover{background:#142838cc}.race-edit-btn{position:fixed;top:calc(var(--safe-top) + 40px);left:var(--hud-side-l);z-index:40;font:600 13px/1 system-ui,sans-serif;color:#cfe3f7;background:#08141e8c;border:1px solid #2c4358;border-radius:6px;padding:7px 12px;cursor:pointer;-webkit-user-select:none;user-select:none}.race-edit-btn:hover{background:#142838cc}.race-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#040c148c;pointer-events:auto}.race-dialog{position:relative;display:flex;flex-direction:column;gap:16px;padding:20px 22px;min-width:260px;text-align:center}.race-dialog-msg{font:600 15px/1.35 system-ui,sans-serif;color:#eaf3ff}.race-dialog-btns{display:flex;justify-content:center;gap:10px}.race-dialog-btn{font:600 13px/1 system-ui,sans-serif;color:#cfe3f7;background:#183042b3;border:1px solid #2c4358;border-radius:6px;padding:8px 16px;cursor:pointer;-webkit-user-select:none;user-select:none}.race-dialog-btn:hover{background:#244258e6}.race-dialog-btn-go{color:#ffd23c;border-color:#ffd23c}.service-banner{position:fixed;top:max(8px,env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:75;max-width:min(92vw,720px);padding:8px 14px;border-radius:8px;background:#784800eb;color:#fff6e6;font:600 13px/1.35 system-ui,sans-serif;text-align:center;pointer-events:none}.returning-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;background:#040c14b8;color:#eaf3ff;font:600 15px/1.35 system-ui,sans-serif;pointer-events:auto}.race-utils{position:fixed;right:var(--hud-side-r);top:calc(var(--safe-top) + 72px);z-index:40;display:flex;flex-direction:column;align-items:center;gap:8px}.race-util-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;font:700 15px/1 system-ui,sans-serif;color:#cfe3f7;background:#08141e8c;border:1px solid #2c4358;border-radius:50%;cursor:pointer;-webkit-user-select:none;user-select:none}.race-util-btn:hover{background:#142838cc}.race-help-btn,.race-rules-btn{font-size:16px}.race-rules-btn.active,.race-touch-toggle.active{color:#0c1a26;background:#9cc4e4;border-color:#9cc4e4}.race-fs-btn{width:29px;height:29px;font:700 15px/1 system-ui,sans-serif;color:#cfe3f7;background:#08141e8c;border:1px solid #2c4358;border-radius:50%;cursor:pointer;-webkit-user-select:none;user-select:none}.race-fs-btn:hover{background:#142838cc}.race-fs-btn.active{color:#eaf3ff;border-color:#4d7ea8}.sound-ctl{display:flex;align-items:center;height:29px;box-sizing:border-box;color:#cfe3f7;background:#08141e8c;border:1px solid #2c4358;border-radius:15px}.sound-ctl:hover,.sound-ctl:focus-within{background:#142838cc}.sound-btn{width:27px;height:27px;padding:4px;color:inherit;background:none;border:0;border-radius:50%;cursor:pointer}.sound-btn svg{display:block;width:100%;height:100%}.sound-slider{--fill: 100%;width:0;height:3px;margin:0;opacity:0;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:2px;background:linear-gradient(to right,#eaf3ff var(--fill),rgba(234,243,255,.3) var(--fill));transition:width .2s ease,margin .2s ease,opacity .2s ease}@media (hover: hover){.sound-ctl:hover .sound-slider{width:60px;margin:0 4px 0 12px;opacity:1}}.sound-ctl.open{background:#142838cc}.sound-ctl.open .sound-slider,.sound-ctl:focus-within .sound-slider{width:60px;margin:0 4px 0 12px;opacity:1}.sound-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border:0;border-radius:50%;background:#eaf3ff}.sound-slider::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#eaf3ff}.sound-slider::-moz-range-track{background:transparent}@media (pointer: coarse){.sound-ctl.open .sound-slider{width:96px;margin:0 8px 0 14px}.sound-slider::-webkit-slider-thumb{width:18px;height:18px}.sound-slider::-moz-range-thumb{width:18px;height:18px}}.sound-mixer{position:fixed;top:48px;right:12px;z-index:60;width:min(300px,calc(100vw - 24px));box-sizing:border-box;padding:8px 12px 10px;color:#cfe3f7;font:12px system-ui,sans-serif;background:#08141ee0;border:1px solid #2c4358;border-radius:10px}.sound-mixer[hidden]{display:none}.sound-mixer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-weight:600;color:#eaf3ff}.sound-mixer button{color:inherit;background:#142838cc;border:1px solid #2c4358;border-radius:6px;padding:3px 10px;font:inherit;cursor:pointer}.sound-mixer .sound-mixer-close{border:0;background:none;font-size:16px;padding:0 4px}.sound-mixer-row{display:grid;grid-template-columns:1fr 110px 64px;align-items:center;gap:8px;padding:3px 0}.sound-mixer-row input[type=range]{width:100%;margin:0;cursor:pointer;accent-color:#9cc4e4}.sound-mixer-db{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.sound-mixer-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.race-view3d-btn.active{color:#0c1a26;background:#7fd0ff;border-color:#7fd0ff}.race-mark-btn.active{color:#0c1a26;background:#ffd23c;border-color:#ffd23c}.race-mark-btn.lab-mark{position:fixed;left:12px;top:12px;z-index:40}.race-labels .rules-tag{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;text-align:center;font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#0c1a26;background:#ffd23c;border-radius:6px;padding:3px 6px;box-shadow:0 1px 3px #000b;pointer-events:none;transition:box-shadow 1.4s ease-out,background-color .6s ease}.race-labels .rules-tag .rule{display:block;margin-top:2px;font-weight:600;font-size:10px;opacity:.8}.race-labels .rules-tag.row{background:#7fe39a}.race-labels .rules-tag{pointer-events:auto;cursor:pointer}.race-labels .rules-tag.compact{padding:3px 5px;min-width:14px}.race-labels .rules-tag.pinned{outline:2px solid #fff;outline-offset:1px}.race-labels .rules-more{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;cursor:pointer;font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#e9f1f8;background:#08141ed1;border:1px solid rgba(233,241,248,.5);border-radius:9px;padding:3px 6px}.race-labels .rules-more.docked{position:fixed;left:16px;bottom:96px;transform:none}.race-labels .rules-leader{position:absolute;height:1px;background:#ffd23c;opacity:.8;transform-origin:0 50%;pointer-events:none}.race-labels .rules-leader.row{background:#7fe39a}.race-labels .rules-inspect{position:fixed;left:16px;bottom:120px;z-index:30;max-width:min(360px,calc(100vw - 32px));max-height:40vh;overflow-y:auto;pointer-events:auto;font:600 12px/1.45 system-ui,sans-serif;color:#e9f1f8;background:#08141ee0;border-radius:8px;padding:8px 10px;box-shadow:0 2px 8px #000b}.race-labels .rules-inspect .head{font-weight:800;margin-bottom:4px;padding-right:22px;position:sticky;top:0}.race-labels .rules-inspect .close{position:absolute;right:-4px;top:-4px;background:none;border:0;color:inherit;font-size:16px;cursor:pointer}.race-labels .rules-inspect .duty{font-weight:800}.race-labels .rules-inspect .row{color:#7fe39a}.race-labels .rules-inspect .give{color:#ffd23c}.race-labels .rules-inspect .note{opacity:.7}.race-labels .rules-inspect .pair{display:block;width:100%;text-align:left;background:none;border:0;padding:2px 0;font:inherit;cursor:pointer}.race-labels .rules-inspect .pair:hover{text-decoration:underline}.race-labels .rules-tag.pulse{box-shadow:0 0 0 3px #ffffff8c,0 1px 3px #000b;transition:box-shadow .06s ease-in,background-color .6s ease}.race-labels .rules-chip{position:fixed;top:64px;left:50%;transform:translate(-50%);z-index:30;font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;color:#0c1a26;background:#ffd23c;border-radius:6px;padding:5px 10px;box-shadow:0 1px 4px #000b;pointer-events:none;white-space:nowrap}.race-labels .rules-chip.entitled{background:#7fe39a}.race-labels .rules-provenance{position:fixed;top:92px;left:50%;transform:translate(-50%);z-index:30;font:600 11px/1.2 system-ui,sans-serif;color:#e9f1f8;background:#08141eb8;border:1px solid #2c4358;border-radius:6px;padding:4px 8px;pointer-events:none;white-space:nowrap}.race-help{width:min(520px,92vw);box-sizing:border-box;text-align:left}.race-help-title{font:700 16px/1 system-ui,sans-serif;letter-spacing:.04em;color:#e8f2ff;text-align:center;margin-bottom:4px}.race-help-tabs{display:flex;gap:4px;margin:8px 0 10px;border-bottom:1px solid #2c4358}.race-help-tab{font:600 13px/1 system-ui,sans-serif;color:#9fb6cc;background:none;border:none;border-bottom:2px solid transparent;padding:6px 10px;cursor:pointer}.race-help-tab:hover{color:#eaf3ff}.race-help-tab[aria-selected=true]{color:#eaf3ff;border-bottom-color:#7fc4ff}.race-help-list{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;align-content:start;min-height:187.6px;margin:0;font:13px/1.4 system-ui,sans-serif}.race-help-list dt{color:#9fb6cc;white-space:nowrap}@media (max-width: 560px){.race-help{max-height:calc(100dvh - 24px);overflow-y:auto}.race-help-list{grid-template-columns:1fr;gap:0}.race-help-list dt{white-space:normal;margin-top:8px}.race-help-list dd{text-align:left}}.race-help-list dd{margin:0;color:#eaf3ff;text-align:right;font-variant-numeric:tabular-nums}.race-help-close{position:absolute;top:8px;right:10px;width:24px;height:24px;font:700 18px/1 system-ui,sans-serif;color:#9fb6cc;background:none;border:none;cursor:pointer;line-height:1}.race-help-close:hover{color:#eaf3ff}.race-debug-lamps{display:flex;flex-wrap:wrap;gap:4px 6px;margin-bottom:4px}.race-debug-lamp{display:inline-flex;align-items:baseline;gap:4px;padding:0 5px;border-radius:3px;border:1px solid rgba(207,232,207,.25);color:#cfe8cf8c;white-space:nowrap;transition:background-color .12s linear,color .12s linear}.race-debug-lamp-label{font-weight:700;letter-spacing:.04em}.race-debug-lamp-detail{opacity:.85}.race-debug-lamp[data-state=lit]{background:#ff5a3c;border-color:#ff8a70;color:#fff}.race-debug-lamp[data-state=unknown]{border-style:dashed;border-color:#ffc850b3;color:#ffc850e6}.race-debug-info{position:absolute;left:max(8px,env(safe-area-inset-left));bottom:max(8px,env(safe-area-inset-bottom));z-index:40;max-width:min(calc(100vw - 24px),34vw);padding:6px 8px;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:#cfe8cf;background:#0014009e;border:1px solid rgba(120,200,120,.35);border-radius:4px;pointer-events:none;white-space:pre-wrap;overflow-x:auto}.race-touch{position:fixed;inset:auto 0 0 0;z-index:45;display:flex;justify-content:space-between;align-items:flex-end;padding:0 var(--helm-side-r) var(--helm-inset) var(--helm-side-l);pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.race-touch-left,.race-touch-right,.race-touch-row{display:flex;align-items:flex-end;gap:var(--helm-gap);pointer-events:none}.race-touch-left{flex-direction:column;align-items:flex-start}.race-touch-right{flex-direction:column;align-items:flex-end;margin-left:auto}.race-touch-btn{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;min-width:var(--helm-h);height:var(--helm-h);padding:0 14px;font:800 20px/1 system-ui,sans-serif;letter-spacing:.03em;color:#eaf3ffb3;background:none;border:1px solid rgba(234,243,255,.14);border-radius:14px;text-shadow:0 1px 2px rgba(0,0,0,.6);cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}.race-touch-btn>svg{opacity:.8;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.55))}.race-touch-btn.active{background:#2442588c;border-color:#7fd0ff;color:#fff}.race-touch-btn.active>svg{opacity:1}.race-touch-rudder{font-size:30px}.race-touch-zoom,.race-touch-horn{min-width:var(--helm-sec-h);height:var(--helm-sec-h);padding:0 10px}.race-touch-zoom{font-size:24px}.race-touch-btn>svg{width:24px;height:24px}.race-touch-spin{min-width:var(--helm-h);padding:0}.race-touch-luff{padding:0}.race-touch-spin>svg{width:50px;height:50px}.race-touch-luff>svg{width:44px;height:44px}.race-touch-grouped .race-touch-zoom{min-width:var(--helm-h)}.race-touch-grouped .race-touch-left,.race-touch-grouped .race-touch-right{display:grid;gap:var(--helm-gap);align-items:end;grid-template-areas:"z" "h" "x"}.race-touch-grouped .race-touch-left{justify-items:start}.race-touch-grouped .race-touch-right{justify-items:end}.race-touch-z{grid-area:z}.race-touch-h{grid-area:h}.race-touch-x{grid-area:x}@media (max-height: 480px){.race-touch-grouped .race-touch-left{grid-template-areas:"z ." "h x"}.race-touch-grouped .race-touch-right{grid-template-areas:". z" "x h"}}.scrub-bar{left:50%;bottom:calc(var(--hud-bottom-lift) + 64px);transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:16px 16px 8px;width:min(1600px,92vw);box-sizing:border-box;pointer-events:auto;font:12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#eaf3ff}.scrub-btn{flex:none;font:600 13px/1 system-ui,sans-serif;color:#cfe3f7;background:#183042b3;border:1px solid #2c4358;border-radius:6px;padding:6px 9px;min-width:34px;cursor:pointer;-webkit-user-select:none;user-select:none}.scrub-btn:hover{background:#244258e6}.scrub-btn.scrub-play{color:#7fd0ff}.scrub-btn>.scrub-spin{display:block;margin:1px auto;width:12px;height:12px}.scrub-btn>svg{display:block;margin:0 auto}.scrub-btn.scrub-ff{display:inline-flex;align-items:center;justify-content:center;gap:2px}.scrub-btn.scrub-ff>span{font-size:11px}.scrub-btn.active{color:#7fd0ff;border-color:#7fd0ff}.scrub-btn.scrub-jump{font-size:12px;font-variant-numeric:tabular-nums;padding:6px 7px}.scrub-track{position:relative;flex:1;height:8px;border-radius:4px;background:#78aad22e;cursor:pointer;touch-action:none}.scrub-track:before{content:"";position:absolute;left:0;right:0;top:-12px;bottom:-12px}.scrub-fill{position:absolute;left:0;top:0;bottom:0;width:0%;border-radius:4px;background:#7fd0ff8c}.scrub-marker{position:absolute;top:-13px;height:9px;width:4px;transform:translate(-50%);background:#ffd23c;border-radius:2px;pointer-events:none}.scrub-marker.clickable{pointer-events:auto;cursor:pointer}.scrub-marker.clickable:hover{background:#ffe27a;box-shadow:0 0 4px #ffd23c}.scrub-playhead{position:absolute;top:50%;left:0%;width:13px;height:13px;border-radius:50%;background:#7fd0ff;border:1px solid #06202e;box-shadow:0 1px 5px #00000080;transform:translate(-50%,-50%)}.scrub-time{flex:none;min-width:5ch;text-align:right;font-variant-numeric:tabular-nums;color:#cfe0ee}.results-popup{left:50%;bottom:calc(var(--hud-bottom-lift) + 116px);transform:translate(-50%);max-height:calc(100dvh - var(--hud-bottom-lift) - 132px);overflow-y:auto;min-width:320px;max-width:min(440px,86vw);padding:16px 18px 14px;pointer-events:auto;font:13px/1.45 system-ui,sans-serif;color:#eaf3ff;z-index:50}.results-title{font-size:18px;font-weight:700;letter-spacing:.04em;color:#e8f2ff;margin-bottom:10px;text-align:center}table.results-table{width:100%;border-collapse:collapse}table.results-table th{text-align:left;font-weight:600;font-size:11px;letter-spacing:.06em;color:#8fb0cc;padding:4px 8px;border-bottom:1px solid rgba(120,170,210,.22)}table.results-table td{padding:5px 8px;border-bottom:1px solid rgba(22,41,58,.8);color:#dceaf6;font-variant-numeric:tabular-nums}table.results-table tr.own td{color:#ffd23c;font-weight:700}table.results-table tbody tr.results-gap td{text-align:center;color:#7f9bb5;padding:0;line-height:1.1}.results-sail{margin-left:6px;color:#7f9bb5;font-size:.85em}table.results-table tr.own .results-sail{color:#d8b43a}.results-col-n{width:2.5em;text-align:right}.results-col-time,table.results-table td.results-col-n,table.results-table th.results-col-n{text-align:right}table.results-table tr td:last-child{text-align:right}.results-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.results-btn{font:600 14px/1 system-ui,sans-serif;color:#cfe3f7;background:#183042b3;border:1px solid #2c4358;border-radius:8px;padding:11px;cursor:pointer}.results-btn:hover{background:#244258e6}.results-btn-primary{color:#06202e;background:linear-gradient(180deg,#7fd0ff,#4ea8e0);border-color:#7fd0ff}.results-btn-primary:hover{background:linear-gradient(180deg,#9adcff,#5fb6ec)}@media (max-height: 460px){.results-popup{padding:10px 14px}.results-title{display:none}table.results-table th,table.results-table td{padding:2px 8px}.results-actions{grid-template-columns:1fr 1fr auto;margin-top:8px;gap:8px}.results-btn{padding:8px}.results-actions .results-share{grid-column:auto}}.lobby{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;display:flex;flex-direction:column;color:#cfe3f7;font:14px/1.45 system-ui,sans-serif;background:radial-gradient(1200px 700px at 70% -10%,#163a52,#0b1722 60%);--lobby-gut: max(24px, env(safe-area-inset-left));--lobby-handle: 56px}.lobby-ground{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:1;transition:opacity .35s ease}.lobby-ground.fade{opacity:0}.lobby-ground-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.lobby-ground .race-canvas{width:100%;height:100%}.lobby-ground .race-labels{position:absolute;top:0;right:0;bottom:0;left:0}.lobby-scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(100deg,#030b11bd,#030b1175 17%,#030b1124 33%,#030b1100 47%),linear-gradient(0deg,#030b1157,#030b1100 13%)}.lobby-face{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;padding:max(20px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) var(--lobby-gut);box-sizing:border-box;pointer-events:none}.lobby-face>*{pointer-events:auto}.lobby-top{display:flex;align-items:flex-start;gap:14px}.lobby-hero{flex:1 1 auto;min-width:0}.lobby-eyebrow{font:800 11px/1 system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#7fd0ff;text-shadow:0 1px 10px rgba(2,10,16,.9)}.lobby-eyebrow.warn{color:#f2c46d}.lobby-eyebrow.bad{color:#ff9e8e}.lobby-rname{font:800 clamp(30px,4.1vw,58px) / 1.02 system-ui,sans-serif;letter-spacing:-.022em;color:#fff;margin:11px 0 0;text-shadow:0 2px 28px rgba(0,0,0,.75),0 1px 5px rgba(2,10,16,.6)}.lobby-rname.warn{color:#f7e8c9}.lobby-rname.bad{color:#ffd9cd}.lobby-rline{color:#bcd2e6;text-shadow:0 1px 12px rgba(2,10,16,.95),0 0 3px rgba(2,10,16,.8);font-size:14px;margin-top:11px;font-variant-numeric:tabular-nums;min-height:1.2em}.lobby-rline.warn{color:#f2c46d}.lobby-rsub{margin-top:6px;color:#9fb6cc}.lobby .lost .lobby-rsub,.lobby.lost .lobby-rsub{color:#bcd2e6}.lobby-rbar{margin-top:13px;width:min(340px,100%);height:4px;border-radius:3px;background:#bedcf52e;overflow:hidden}.lobby-rbar>div{height:100%;border-radius:3px;background:linear-gradient(90deg,#4ea8e0,#7fd0ff)}.lobby-launch{margin-top:clamp(28px,6vh,84px)}.lobby-btn.lobby-play{width:min(340px,100%);padding:24px 0;border:0;border-radius:12px;font:800 clamp(21px,2vw,27px) / 1 system-ui,sans-serif;letter-spacing:.22em;color:#06202e;background:linear-gradient(180deg,#7fd0ff,#4ea8e0);box-shadow:0 12px 34px #4faae257,0 0 0 1px #a5e0ff8c inset}.lobby-btn.lobby-play:hover:not(:disabled){background:linear-gradient(180deg,#9adcff,#5fb6ec)}.lobby-btn.lobby-play.off{background:linear-gradient(180deg,#3d5b70,#2c4457);color:#93adc0;box-shadow:0 0 0 1px #8cb4d233 inset;font-size:19px;letter-spacing:.09em}.lobby-launchnote{text-shadow:0 1px 12px rgba(2,10,16,.95),0 0 3px rgba(2,10,16,.8);margin-top:15px;min-height:1.3em;color:#bcd2e6;font-size:13.5px;font-variant-numeric:tabular-nums}.lobby-launchnote.bad{color:#ffb6a3}.lobby-launchnote.live:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#48d67a;margin-right:8px;vertical-align:1px}.lobby-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px;max-width:620px}.lobby-btn{font:600 13px/1 system-ui,sans-serif;color:#d2e3f3;background:#09162099;border:1px solid rgba(130,175,210,.3);border-radius:8px;padding:11px 15px;cursor:pointer;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.lobby-btn:hover:not(:disabled){background:#183044cc}.lobby-btn.lobby-btn-support{color:#f2c46d;border-color:#f2c46d66}.lobby-ident{flex:0 0 auto;width:292px;max-width:42vw}.lobby-stats{border:1px solid rgba(130,175,210,.24);border-radius:12px;background:#07121bb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.lobby-boatcard{width:100%;aspect-ratio:4 / 3;background:linear-gradient(180deg,#7fc4e8,#2f83a6);border-bottom:1px solid rgba(130,175,210,.2)}.lobby-boatcard canvas{display:block;width:100%;height:100%}.lobby-boatcard.clickable{cursor:pointer}.lobby-boatcard.clickable:hover{filter:brightness(1.06)}.lobby-boatcard.clickable.off,.lobby-boatcard.clickable.off:hover{cursor:default;filter:none}.lobby-stats-body{padding:14px 16px}.lobby-stats.guest .lobby-stats-body{padding:0}.lobby-stats h3{margin:0;font:700 17px/1.2 system-ui,sans-serif;color:#e8f2ff}.lobby-stats .sub{color:#e8f2ff;font-size:inherit;font-weight:700;margin:5px 0 12px;font-variant-numeric:tabular-nums;min-height:1.3em}.lobby-stats dl{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin:0}.lobby-stats dt{color:#9fb6cc}.lobby-stats dd{margin:0;color:#e8f2ff;font-weight:600;font-variant-numeric:tabular-nums}.lobby-ident-actions{display:flex;gap:8px;padding:0 16px 14px}.lobby-ident-actions .lobby-btn.small{flex:0 0 auto;padding:9px 10px;font-size:13px;text-align:center;white-space:nowrap}.lobby-ident-actions .lobby-btn.small.lobby-stats-second{flex:1 1 auto;min-width:0}.lobby-btn.small.lobby-signin{color:#06202e;background:linear-gradient(180deg,#7fd0ff,#4ea8e0);border-color:#7fd0ff;font-weight:700}.lobby-btn.small.lobby-signin:hover:not(:disabled){background:linear-gradient(180deg,#9adcff,#5fb6ec)}.lobby-stats.guest .lobby-ident-actions{padding-top:14px;padding-bottom:10px}.lobby-skel{display:inline-block;height:11px;border-radius:4px;vertical-align:-1px;background:linear-gradient(90deg,#bedcf51a,#bedcf542,#bedcf51a);background-size:220% 100%;animation:lobby-shimmer 1.7s ease-in-out infinite}@keyframes lobby-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.lobby-fs-btn{flex:0 0 auto;width:30px;height:30px;font:700 15px/1 system-ui,sans-serif;color:#9fb6cc;background:#08141e8c;border:1px solid #2c4358;border-radius:50%;cursor:pointer;-webkit-user-select:none;user-select:none}.lobby-fs-btn:hover{background:#142838cc;color:#e8f2ff}.lobby-home-hint{display:block;width:fit-content;max-width:100%;margin:10px 0 0;text-align:left;text-wrap:balance;padding:6px 12px;font:600 13px/1.3 system-ui,sans-serif;color:#cfe3f7;background:#0a1a2999;border:1px solid rgba(127,208,255,.35);border-radius:16px;cursor:pointer;-webkit-tap-highlight-color:transparent}.lobby-fs-btn.active{color:#eaf3ff;border-color:#4d7ea8}.lobby-source{align-self:flex-end;margin-top:auto;display:flex;align-items:center;gap:8px;min-height:30px;padding:6px 8px 6px 7px;border-radius:8px;background:#061018bd;border:1px solid rgba(130,175,210,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;color:#bcd2e6;max-width:min(460px,56vw)}.lobby-source:empty{display:none}.lobby-source-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-source-btn{flex:0 0 auto;font:700 11px/1 system-ui,sans-serif;color:#cfe6f8;background:transparent;border:1px solid rgba(130,175,210,.34);border-radius:6px;padding:6px 9px;cursor:pointer}.lobby-source-btn:hover{background:#1e3a4ecc}.lobby-tag{flex:0 0 auto;font:800 10px/1 system-ui,sans-serif;letter-spacing:.07em;padding:4px 6px;border-radius:3px}.lobby-tag.live{background:#c0392b;color:#fff}.lobby-tag.replay{background:#2c4358;color:#cfe0ee}.lobby-tag.bad{background:#7d2b22;color:#ffdcd2}.lobby-spin{flex:0 0 auto;width:11px;height:11px;border-radius:50%;border:2px solid rgba(190,220,245,.28);border-top-color:#9ed4f7;animation:lobby-spin .9s linear infinite}@keyframes lobby-spin{to{transform:rotate(360deg)}}.pulse{animation:lobby-pulse 1.9s ease-in-out infinite}@keyframes lobby-pulse{0%,to{opacity:.55}50%{opacity:1}}@media (min-width: 901px){.lobby.drawer-open .lobby-rname{font-size:clamp(22px,2.5vw,34px);margin-top:7px}.lobby.drawer-open .lobby-rline{margin-top:7px}.lobby.drawer-open .lobby-rbar{display:none}.lobby.drawer-open .lobby-launch{margin-top:18px}.lobby.drawer-open .lobby-btn.lobby-play{width:min(250px,100%);padding:16px 0;font-size:21px}.lobby.drawer-open .lobby-launchnote{margin-top:10px}.lobby.drawer-open .lobby-actions{margin-top:14px}.lobby.drawer-open .lobby-ident{width:372px;max-width:46vw}.lobby.drawer-open .lobby-stats{display:flex;flex-wrap:wrap;align-items:center;gap:13px;padding:11px}.lobby.drawer-open .lobby-authbar{flex:1 0 100%;margin-top:0;padding:0}.lobby.drawer-open .lobby-boatcard{flex:0 0 134px;aspect-ratio:4 / 3;border:1px solid rgba(130,175,210,.2);border-radius:8px;overflow:hidden}.lobby.drawer-open .lobby-stats-body{flex:1 1 auto;min-width:0;padding:0}.lobby.drawer-open .lobby-stats h3{font-size:15px}.lobby.drawer-open .lobby-stats .sub{margin:3px 0 7px;font-size:12.5px;font-weight:600;color:#9fb6cc}.lobby.drawer-open .lobby-stats dl{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px}.lobby.drawer-open .lobby-stats dt:after{content:":"}.lobby.drawer-open .lobby-ident-actions{flex:1 0 100%;padding:0}.lobby.drawer-open .lobby-ident-actions .lobby-btn.small{flex:0 1 auto;padding:7px 12px}}@media (pointer: coarse) and (min-width: 901px){.lobby.drawer-open .lobby-face{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"hero ident fs" "launch ident fs" "launch source source";align-items:start;align-content:start;column-gap:14px}.lobby.drawer-open .lobby-top{display:contents}.lobby.drawer-open .lobby-hero{grid-area:hero}.lobby.drawer-open .lobby-ident{grid-area:ident}.lobby.drawer-open .lobby-fs-btn{grid-area:fs}.lobby.drawer-open .lobby-launch{grid-area:launch}.lobby.drawer-open .lobby-source{grid-area:source;justify-self:end;margin-top:10px}}.lobby-drawer{position:relative;flex:0 0 auto;display:flex;flex-direction:column;height:auto;background:#0c1f2c;border-top:1px solid #2c4358;box-shadow:0 -22px 60px #0000009e;padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}.lobby-drawer.open{flex:1 1 0;height:auto;min-height:168px}.lobby.drawer-open .lobby-face{flex:0 1 auto}.lobby-handle{flex:0 0 var(--lobby-handle);display:flex;align-items:center;gap:6px;padding:0 max(16px,env(safe-area-inset-right)) 0 var(--lobby-gut);min-width:0}.lobby-drawer:not(.open) .lobby-handle{cursor:pointer}.lobby-tabs{display:flex;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none}.lobby-tabs::-webkit-scrollbar{display:none}.lobby-tab{flex:0 0 auto;font:600 13px/1 system-ui,sans-serif;color:#9fb6cc;background:transparent;border:1px solid transparent;border-radius:7px;padding:9px 15px;cursor:pointer}.lobby-tab:hover{color:#d2e3f3}.lobby-tabs-divider{flex:0 0 auto;align-self:stretch;width:1px;margin:6px;background:#2c4358}.lobby-tab.active{color:#e8f2ff;background:#1c384ee6;border-color:#2c4358}.lobby-tabs.fade-r{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}.lobby-tabs.fade-l{-webkit-mask-image:linear-gradient(90deg,transparent,#000 32px);mask-image:linear-gradient(90deg,transparent,#000 32px)}.lobby-tabs.fade-l.fade-r{-webkit-mask-image:linear-gradient(90deg,transparent,#000 32px,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,transparent,#000 32px,#000 calc(100% - 32px),transparent)}.lobby-drawer-toggle{margin-left:auto;display:flex;align-items:center;gap:9px;font:600 12.5px/1 system-ui,sans-serif;color:#9fb6cc;background:transparent;border:0;padding:10px 4px;cursor:pointer;white-space:nowrap}.lobby-drawer-toggle:hover{color:#e8f2ff}.lobby-drawer-count.bad{color:#ff9e8e}.lobby-drawer-caret{font-size:11px}.lobby-table-wrap{flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:0 max(16px,env(safe-area-inset-right)) 18px var(--lobby-gut)}.lobby-drawer:not(.open) .lobby-table-wrap{display:none}.lobby-footer{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 18px;padding:7px max(16px,env(safe-area-inset-right)) 7px var(--lobby-gut);border-top:1px solid #1a3042;font-size:11.5px;line-height:1.4;color:#6f879c}.lobby-footer-links{display:flex;flex-wrap:wrap;gap:4px 16px}.lobby-footer-links a,.lobby-footer-copy{white-space:nowrap}.lobby-footer a{color:#8aa3b8;text-decoration:none}.lobby-footer a:hover{color:#d2e3f3;text-decoration:underline}table.lobby-table{width:100%;border-collapse:collapse;font-size:13px}table.lobby-table th{position:sticky;top:0;text-align:left;font-weight:600;color:#9fb6cc;background:#102434;padding:9px 12px;cursor:pointer;white-space:nowrap;border-bottom:1px solid #21384b}table.lobby-table th .sort-ind{color:#5f7790;margin-left:4px;opacity:.7}table.lobby-table tr.group-row th{top:0;padding:6px 12px 0;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#6f8aa3;border-bottom:0;cursor:default;text-align:left}table.lobby-table tr.group-row th.group{border-bottom:1px solid #2a4256}table.lobby-table tr.group-row+tr th{top:22px}table.lobby-table td{padding:8px 12px;border-bottom:1px solid rgba(33,56,75,.55);white-space:nowrap;color:#cfe3f7;overflow:hidden;text-overflow:ellipsis;max-width:28ch}table.lobby-table tr.you td{color:#ffe27a}table.lobby-table tr:hover td{background:#28465c59}table.lobby-table tr.admin-bot td{opacity:.45}table.lobby-table tr.admin-human td{background:#46a06e1f}table.lobby-table tr.admin-human:hover td{background:#46a06e38}.admin-mark{display:inline-block;width:1.5em;font-size:.9em}.admin-mark-admin{color:#ffe27a}.admin-person{font-weight:700;color:#b9f0c9}.lobby-humans-toggle{margin-left:auto;font:600 12px/1 system-ui,sans-serif;color:#9fb6cc;background:transparent;border:1px solid #2a4256;border-radius:10px;padding:4px 9px;cursor:pointer;white-space:nowrap}.lobby-humans-toggle.on{color:#b9f0c9;border-color:#3f8a5c;background:#46a06e26}.lobby-humans-toggle[hidden]{display:none}.lobby-humans-toggle:not([hidden])+.lobby-drawer-toggle{margin-left:12px}.lobby-empty{padding:20px;color:#6f879c;text-align:center}.lobby-pending{font-style:italic;opacity:.75}.lobby-pending-note{padding:8px 12px 6px;font-size:12px;font-style:italic;color:#9fb6cc}table.lobby-table th:last-child,table.lobby-table td:last-child{width:1%;padding-left:4px;padding-right:8px}.lobby-report-btn{background:none;border:1px solid transparent;border-radius:4px;color:#6f879c;cursor:pointer;font-size:12px;line-height:1;padding:2px 4px}.lobby-report-btn:hover,.lobby-report-btn:focus-visible{color:#ff9a7a;border-color:#6b3c30}.lobby-profile-error{color:#ff9a7a;font-size:12px;margin-top:8px}.lobby-authbar{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding:0 16px 14px}.lobby-authbar .lobby-btn{width:100%;text-align:center}.lobby-btn.small{flex:1;padding:8px;font-size:12px}.lobby-guestnote{font-size:11px;color:#5f7790;text-align:center}.auth-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;background:#030a129e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.auth-panel{font:14px/1.45 system-ui,sans-serif;position:relative;width:360px;max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow-y:auto;padding:22px 22px 20px;color:#e8f2ff}.auth-panel-wide{width:460px}.auth-head{margin-bottom:14px}.auth-title{font-size:18px;font-weight:600;color:#fff}.auth-subtitle{font-size:12px;color:#9fb6cc;margin-top:4px;line-height:1.4}.auth-close{position:absolute;top:12px;right:12px;width:26px;height:26px;border:0;border-radius:6px;background:#78aad21f;color:#cfe3f7;cursor:pointer;font-size:13px}.auth-close:hover{background:#78aad23d}.auth-body{display:flex;flex-direction:column;gap:10px}.auth-providers{display:flex;flex-direction:column;gap:8px}.auth-provider-btn{padding:11px 14px;border:1px solid rgba(120,170,210,.28);border-radius:8px;background:#142838cc;color:#eaf3ff;font-size:14px;font-weight:600;cursor:pointer;text-align:center}.auth-provider-btn:hover{border-color:#7fd0ff;background:#244258e6}.auth-provider-btn:disabled{opacity:.5;cursor:default}.auth-primary,.auth-provider-btn.auth-primary{border:0;background:linear-gradient(180deg,#7fd0ff,#4ea8e0);color:#062035}.auth-sep{text-align:center;font-size:11px;color:#5f7790;text-transform:uppercase;letter-spacing:.06em;margin:4px 0 2px}.auth-link-btn{align-self:center;border:0;background:none;color:#9fb6cc;font-size:12px;text-decoration:underline;cursor:pointer;padding:2px 4px}.auth-link-btn:hover{color:#fff}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.auth-turnstile{display:flex;justify-content:center}.auth-input{width:100%;box-sizing:border-box;padding:9px 11px;border:1px solid #2c4358;border-radius:8px;background:#08141e8c;color:#fff;font-size:14px}.auth-input:focus{outline:none;border-color:#7fd0ff}.auth-label{font-size:12px;color:#9fb6cc;margin-top:4px}.auth-hint{margin-top:-4px;font-size:11.5px;color:#7f97ad}.auth-fixed-value{font-weight:600;color:#e8f2ff}.auth-radio-row,.acct-row-wrap{display:flex;gap:8px;flex-wrap:wrap}.auth-chip{flex:1;padding:9px 10px;border:1px solid #2c4358;border-radius:8px;background:#08141e66;color:#cfe0ee;font-size:13px;cursor:pointer}.auth-chip-on{border-color:#7fd0ff;background:#3c78a059;color:#fff}.auth-check-row{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#cfe0ee;line-height:1.4;cursor:pointer}.auth-status{font-size:12px;color:#ffd23c;min-height:14px}.auth-status:empty{display:none}.auth-note{font-size:12px;line-height:1.5;color:#9fb6cc;margin-bottom:10px}.auth-radio-col{display:flex;flex-direction:column;gap:6px}.auth-radio-col .auth-chip{flex:none;text-align:left}.auth-textarea{resize:vertical;min-height:64px;font:inherit;line-height:1.4}.acct-section{border-top:1px solid rgba(120,170,210,.14);padding-top:12px;display:flex;flex-direction:column;gap:8px}.acct-section:first-child{border-top:0;padding-top:0}.acct-heading{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#8fb0cc}.acct-row{display:flex;gap:8px;align-items:center}.acct-row .auth-input{flex:1}.acct-label{flex:none;font-size:13px;color:#9fb6cc}.acct-btn{padding:8px 12px;border:1px solid rgba(120,170,210,.28);border-radius:7px;background:#142838cc;color:#eaf3ff;font-size:13px;cursor:pointer;white-space:nowrap}.acct-btn:hover{border-color:#7fd0ff}.acct-btn:disabled{opacity:.45;cursor:default}.acct-btn-warn{color:#ffd23c}.acct-btn-danger{color:#ff8a8a;border-color:#dc787866}.acct-btn-logout{width:100%;padding:12px;font-size:15px;font-weight:600;color:#fff;background:#244258e6;border-color:#7fd0ff}.acct-provider{flex:1;font-size:13px;color:#cfe0ee}.acct-sessions{display:flex;flex-direction:column;gap:6px}.acct-session{display:flex;align-items:center;gap:8px;font-size:12px}.acct-session-info{flex:1;color:#9fb6cc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-badge{font-size:11px;color:#7fd0ff;border:1px solid rgba(120,170,210,.3);border-radius:5px;padding:2px 6px}.acct-sail{margin-top:6px;font-size:13px;font-weight:600;letter-spacing:.06em;color:#7fd0ff}.acct-warn{margin:2px 0 10px;padding:8px 10px;font-size:13px;line-height:1.45;color:#ffd9a8;background:#be782824;border:1px solid rgba(220,150,60,.45);border-left-width:3px;border-radius:5px}.hud-live.lab-badge{background:#1f8a70;box-shadow:0 1px 6px #1f8a7080}.hud-live.practice-badge{color:#1a1406;background:#f0c24b;box-shadow:0 1px 6px #f0c24b80}.lab-controls{position:absolute;top:48px;right:52px;width:224px;max-height:calc(100% - 60px);overflow-y:auto;display:flex;flex-direction:column;gap:8px}.race-helm-right .lab-controls{right:auto;left:var(--hud-side-l)}.lab-toolbar{position:static;display:flex;gap:6px;padding:6px 8px;flex-wrap:wrap;justify-content:center}.lab-wind-panel,.lab-boat-panel{position:static;padding:8px 10px}.lab-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:5px 8px}.lab-icon-btn svg{width:18px;height:18px}.lab-icon-btn[data-badge]:not([data-badge=""]):after{content:attr(data-badge);position:absolute;right:-4px;bottom:-5px;font:700 9px/1 system-ui,sans-serif;color:#0c1a26;background:#7fe3c0;border-radius:6px;padding:2px 3px}.lab-spin-btn svg{width:22px;height:22px}.lab-slider-label{display:inline-flex;align-items:center;color:#cfe2f2}.lab-slider-label svg{width:16px;height:16px}.lab-hud-edit-btn{width:22px;padding:0;justify-content:center;cursor:pointer;color:#9fc0dc;background:transparent;border:none;border-radius:5px}.lab-hud-edit-btn:hover,.lab-hud-edit-btn.active{color:#7fe3c0}.lab-hud-edit-btn svg{width:14px;height:14px}.lab-hud-editing>.hud-clock:not(.lab-hud-edit),.lab-hud-editing>.hud-legs:not(.lab-hud-edit){display:none!important}.lab-hud-edit{gap:1px;pointer-events:auto}.lab-hud-edit-btn{pointer-events:auto}.lab-hud-sign{font:inherit;color:inherit;cursor:pointer;padding:0 3px;background:transparent;border:1px solid rgba(120,170,210,.35);border-radius:4px}.lab-hud-colon{padding:0 1px}.lab-hud-edit .lab-spin-step{font-size:7px;line-height:6px;padding:0 6px}.lab-hud-edit .lab-spin-input{width:2.1em;height:15px;font-size:inherit;padding:0;border-radius:3px;color:inherit;background:#08141e99;border:1px solid rgba(120,170,210,.35)}.lab-spin{display:flex;flex-direction:column;align-items:center}.lab-spin.disabled{opacity:.4}.lab-spin-step{font-size:9px;line-height:1;padding:2px 8px;color:#cfe2f2;cursor:pointer;background:transparent;border:none}.lab-spin-step:hover:not(:disabled){color:#7fe3c0}.lab-spin-input{width:2.6em;text-align:center;font:inherit;font-size:18px;font-weight:700;color:#eaf3ff;background:#08141e99;border:1px solid rgba(120,170,210,.35);border-radius:5px;padding:2px 0}.lab-panel-title{font-weight:800;letter-spacing:.03em;margin-bottom:6px}.lab-panel-note{color:#9fc0dc;font-size:11px;font-style:italic;margin-top:4px}.lab-hint{color:#9fc0dc;font-size:12px}.lab-row{display:flex;gap:6px;margin:4px 0}.lab-check{font-size:13px;display:inline-flex;align-items:center;gap:5px;cursor:pointer}.lab-btn{font:inherit;font-size:13px;color:#eaf3ff;cursor:pointer;background:#244258b3;border:1px solid rgba(120,170,210,.3);border-radius:7px;padding:5px 10px}.lab-btn:hover{background:#345c78e6}.lab-btn.active{color:#7fe3c0;border-color:#1f8a70}.lab-btn:disabled{opacity:.45;cursor:default}.lab-mode-row{margin-top:0}.lab-mode-btn{flex:1;padding:4px 6px;font-size:12px}.lab-notice{position:absolute;top:56px;left:50%;transform:translate(-50%);max-width:min(520px,calc(100% - 32px));padding:8px 12px;font-size:13px;color:#eaf3ff;text-align:center;border-color:#f0c24b99}.lab-notice[hidden]{display:none}.lab-notice-boat,.lab-notice-go{font:inherit;font-weight:700;color:#f0c24b;cursor:pointer;background:transparent;border:none;padding:0;text-decoration:underline}.lab-notice-go{margin-left:4px}.lab-file{position:absolute;top:7px;left:62px;z-index:5;display:flex;align-items:center;gap:6px;max-width:calc(50% - 250px);min-width:120px;font:13px/1.2 system-ui,sans-serif;color:#eaf3ff}.lab-file-menu-btn{flex:none;width:28px;height:26px;display:grid;place-items:center;border:1px solid rgba(120,170,210,.28);border-radius:6px;background:#0e1e2cc7;color:#cfe3f7;cursor:pointer}.lab-file-menu-btn:hover{border-color:#7fd0ff;color:#fff}.lab-file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 6px;border:1px solid transparent;border-radius:6px;background:transparent;color:#eaf3ff;font:inherit;font-weight:600;cursor:text;text-shadow:0 1px 3px rgba(0,0,0,.6)}.lab-file-name:hover{border-color:#78aad259;background:#0e1e2c99}.lab-file-dirty .lab-file-name:after{content:" •";color:#f0c24b}.lab-file-status{flex:none;font-size:11.5px;color:#9fb6cc;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.6)}.lab-file-status.lab-file-toast{color:#ffd23c}.lab-file-menu{position:absolute;top:32px;left:0;min-width:220px;padding:6px;display:flex;flex-direction:column;gap:2px}.lab-file-item{display:flex;justify-content:space-between;gap:16px;padding:7px 10px;border:0;border-radius:6px;background:transparent;color:#eaf3ff;font:inherit;text-align:left;cursor:pointer}.lab-file-item:hover:not(:disabled){background:#3c78a059}.lab-file-item:disabled{opacity:.45;cursor:default}.lab-file-item-keys{color:#7f97ad;font-size:11.5px}.lab-file-menu-note{padding:6px 10px 2px;font-size:11.5px;color:#9fb6cc;max-width:220px}.lab-file-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.lab-file-actions .auth-provider-btn{padding:8px 14px}.lab-open-panel{width:560px}.lab-open-list{display:flex;flex-direction:column;gap:6px;max-height:min(60vh,520px);overflow-y:auto}.lab-open-row{display:flex;align-items:stretch;gap:6px;border:1px solid #2c4358;border-radius:8px;background:#08141e73}.lab-open-row:hover{border-color:#4f7ea3}.lab-open-main{flex:1;min-width:0;padding:9px 11px;border:0;background:transparent;color:#eaf3ff;text-align:left;font:inherit;cursor:pointer}.lab-open-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lab-open-meta{font-size:11.5px;color:#8fa8bf;margin-top:3px}.lab-open-badge{margin-left:8px;padding:1px 6px;border-radius:4px;font-size:10.5px;font-weight:700;color:#1a1406;background:#f0c24b;vertical-align:1px}.lab-open-badge.lab-open-current{color:#062035;background:#7fd0ff}.lab-open-acts{display:flex;align-items:center;gap:4px;padding-right:8px}.lab-open-act{padding:4px 8px;border:1px solid rgba(120,170,210,.28);border-radius:6px;background:#142838cc;color:#cfe3f7;font-size:12px;cursor:pointer}.lab-open-act:hover:not(:disabled){border-color:#7fd0ff;color:#fff}.lab-open-act:disabled{opacity:.4;cursor:default}.lab-open-del[data-confirm="1"]{border-color:#e06060;color:#ffb3b3}@media (max-width: 900px){.lab-file{max-width:calc(100% - 200px)}.lab-file-status{display:none}.lab-open-row{flex-direction:column}.lab-open-acts{padding:0 8px 8px}}.lab-slider{margin:6px 0}.lab-slider-head{display:flex;justify-content:space-between;font-size:12px;color:#cfe2f2}.lab-slider-val{font-weight:700;color:#eaf3ff}.lab-slider input[type=range]{width:100%}.mm-panel{width:320px}.auth-backdrop.mm-opaque{background:#0a1a29;-webkit-backdrop-filter:none;backdrop-filter:none}.mm-status{font-size:15px;color:#e8f2ff;line-height:1.5;margin-bottom:6px;text-align:center}.ws-wrap{margin:0 0 14px;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 0 1px #78aad240}.ws-scene{display:block;width:100%;height:auto;aspect-ratio:280 / 116}.ws-scene *{transform-box:fill-box}.ws-wave-far{animation:ws-roll 5.2s linear infinite;--ws-period: -40px}.ws-wave-near,.ws-wave-crest{animation:ws-roll 2.8s linear infinite;--ws-period: -56px}@keyframes ws-roll{to{transform:translate(var(--ws-period))}}.ws-boat{animation:ws-bob 2.8s ease-in-out infinite}@keyframes ws-bob{0%,to{transform:translateY(0)}50%{transform:translateY(2.5px)}}.ws-pitch{transform-origin:50% 85%;animation:ws-pitch 2.8s ease-in-out infinite}@keyframes ws-pitch{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2deg)}}.ws-main,.ws-jib{transform-origin:100% 0;animation:ws-luff 1.4s ease-in-out infinite}.ws-jib{transform-origin:0 0;animation-delay:-.5s}@keyframes ws-luff{0%,to{transform:scaleX(1)}50%{transform:scaleX(.94)}}.ws-wake{animation:ws-wake 1.4s ease-in-out infinite}@keyframes ws-wake{0%,to{opacity:.85}50%{opacity:.35}}.ws-gust{stroke-width:1.2;opacity:0;animation:ws-gust 3.6s linear infinite}.ws-gust-2{animation-delay:-1.2s}.ws-gust-3{animation-delay:-2.4s}@keyframes ws-gust{0%{transform:translate(300px);opacity:0}15%{opacity:.55}85%{opacity:.55}to{transform:translate(-40px);opacity:0}}.ws-mark>path{transform-origin:50% 100%;animation:ws-mark 4.8s ease-out infinite;transform:scale(0)}.ws-mark-2>path{animation-delay:.6s}.ws-mark-3>path{animation-delay:1.2s}@keyframes ws-mark{0%{transform:scale(0)}8%{transform:scale(1.25)}13%,72%{transform:scale(1)}80%,to{transform:scale(0)}}@media (prefers-reduced-motion: reduce){.ws-scene *,.ws-scene{animation:none!important}.ws-mark>path{transform:scale(1)}}@media (max-width: 900px){.lobby{--lobby-gut: max(16px, env(safe-area-inset-left))}.lobby-scrim{background:linear-gradient(180deg,#030b11b8,#030b1170 34%,#030b1133 62%,#030b1157)}.lobby-face{padding:max(14px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 14px var(--lobby-gut)}.lobby-face{flex-flow:row wrap;align-content:flex-start;column-gap:14px}.lobby-top{display:contents}.lobby-hero{flex:1 1 0}.lobby-fs-btn{order:1}.lobby-launch{order:2;flex:1 0 100%;margin-top:22px}.lobby-ident{order:3;flex:1 0 100%;width:auto;max-width:none;margin-top:22px}.lobby-btn.lobby-play{width:100%}.lobby-actions{max-width:none}.lobby-source{order:4;flex:1 0 100%;align-self:auto;margin-top:16px;max-width:none}.lobby-drawer.open{min-height:40vh}.lobby-boatcard{aspect-ratio:21 / 9}}@media (max-width: 560px){.lobby{font-size:15px}.lobby-btn{padding:13px 12px}.lobby-btn.lobby-play{padding:19px 0}.lobby-rline{margin-top:8px}.lobby-rbar{margin-top:6px;width:calc(100vw - var(--lobby-gut) - max(16px,env(safe-area-inset-right)))}.lobby-launch{margin-top:30px}.lobby-actions{margin-top:12px}.lobby-tab{padding:10px 12px}table.lobby-table th,table.lobby-table td{padding:9px 8px}table.lobby-table tr.group-row th{padding:6px 8px 0}table.lobby-table td{max-width:16ch}.auth-panel{padding:18px 16px 16px}.auth-panel,.auth-panel-wide{width:100%}}@media (max-width: 900px) and (min-height: 461px){.lobby-scrim{background:linear-gradient(180deg,#030b11b3,#030b1161 26%,#030b1100 42%,#030b1100 66%,#030b1173)}.lobby-rname{font-size:clamp(26px,8vw,34px);margin-top:6px}.lobby-rline{font-size:13px}.lobby-launch{margin-top:16px;display:flex;flex-wrap:wrap;align-items:stretch;gap:6px}.lobby-btn.lobby-play{flex:1 1 auto;width:auto;min-width:0;padding:0;min-height:46px;font-size:18px;letter-spacing:.2em}.lobby-launchnote{order:3;flex:1 0 100%;margin-top:2px}.lobby-actions{flex:0 0 auto;flex-wrap:nowrap;gap:5px;margin-top:0}.lobby-actions .lobby-btn{flex:0 0 auto;padding:0 9px;font-size:12.5px;white-space:nowrap;text-align:center}.lobby-face{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto minmax(24px,1fr) auto auto;grid-template-areas:"hero fs" "launch launch" ". ." "ident ident" "source source";column-gap:12px}.lobby-hero{grid-area:hero}.lobby-fs-btn{grid-area:fs}.lobby-launch{grid-area:launch}.lobby-ident{grid-area:ident;margin-top:0}.lobby-source{grid-area:source;margin-top:8px;font-size:11px;min-height:26px;padding:4px 6px}.lobby-stats{display:flex;align-items:center;gap:8px;padding:5px;background:#07121b9e}.lobby-boatcard{flex:0 0 60px;aspect-ratio:4 / 3;border:1px solid rgba(130,175,210,.2);border-radius:6px;overflow:hidden}.lobby-stats-body{flex:1 1 auto;min-width:0;padding:0}.lobby-stats.guest .lobby-stats-body{flex:0 0 auto;display:none}.lobby-stats h3{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-stats .sub{margin:1px 0 0;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-stats dl{display:none}.lobby-ident-actions,.lobby-stats.guest .lobby-ident-actions{flex:0 0 auto;gap:6px;padding:0}.lobby-stats.guest .lobby-ident-actions{flex:1 1 auto;min-width:0}.lobby-ident-actions .lobby-btn.small{padding:9px 10px;font-size:13px}.lobby-ident-actions .lobby-btn.small.lobby-signin{flex:1 1 auto;min-width:0;padding:9px 6px;overflow:hidden;text-overflow:ellipsis}.lobby-authbar{display:none!important}.lobby-ident-actions .lobby-btn.small{overflow:hidden;text-overflow:ellipsis}}@media (max-width: 560px){.lobby-btn-help,.lobby-btn-long{display:none}}@media (min-width: 561px) and (max-width: 900px) and (min-height: 461px){.lobby-rname{font-size:clamp(34px,5vw,46px)}.lobby-rline{font-size:14px}.lobby-launch{max-width:680px;gap:8px}.lobby-btn.lobby-play{min-height:54px;font-size:21px}.lobby-actions{gap:8px}.lobby-actions .lobby-btn{padding:0 16px;font-size:14px}.lobby-ident{max-width:480px}.lobby-boatcard{flex-basis:76px}.lobby-source{justify-self:start;max-width:480px}}@media (pointer: coarse) and (min-width: 901px){.lobby:not(.drawer-open) .lobby-ident{width:272px}.lobby:not(.drawer-open) .lobby-boatcard{aspect-ratio:16 / 9}.lobby:not(.drawer-open) .lobby-authbar{display:none!important}.lobby:not(.drawer-open) .lobby-ident-actions .lobby-btn.small{padding:9px 8px}}@media (max-width: 360px){.lobby-btn.lobby-play{font-size:16px;letter-spacing:.14em}.lobby-actions{gap:4px}.lobby-actions .lobby-btn{padding:0 6px;font-size:11.5px}.lobby-boatcard{flex-basis:48px}.lobby-stats{gap:6px}.lobby-ident-actions .lobby-btn.small{padding:9px 8px;font-size:12px}.lobby-ident-actions .lobby-btn.small.lobby-signin{padding:9px 4px}}@media (max-height: 460px) and (orientation: landscape){.lobby-rname{font-size:clamp(22px,3.4vw,30px);margin-top:6px}.lobby-rbar{display:none}.lobby-launch{margin-top:14px}.lobby-btn.lobby-play{padding:14px 0}.lobby-drawer.open{min-height:46%}}@media (max-height: 460px) and (orientation: landscape) and (max-width: 900px){.lobby-face{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);grid-template-areas:"hero launch" "ident ident" "source source";align-content:start;column-gap:22px}.lobby-hero{grid-area:hero}.lobby-fs-btn{grid-area:hero;justify-self:end;align-self:start}.lobby-launch{grid-area:launch;margin-top:0}.lobby-ident{grid-area:ident;margin-top:18px}.lobby-source{grid-area:source;justify-self:end}.lobby-stats{display:grid;grid-template-columns:minmax(0,34%) minmax(0,1fr);align-items:start}.lobby-boatcard{grid-row:1 / span 3;aspect-ratio:4 / 3;border-bottom:0;border-right:1px solid rgba(130,175,210,.2)}.lobby-drawer.open{min-height:60%}}@media (max-width: 560px),(max-height: 460px) and (orientation: landscape) and (pointer: coarse){.lobby{--lobby-handle: 48px}.lobby-rsub:empty,.lobby-launchnote:empty{display:none}.lobby-drawer:not(.open) .lobby-tabs,.lobby-drawer:not(.open) .lobby-footer{display:none}.lobby-drawer:not(.open) .lobby-drawer-toggle{flex:1 1 auto;min-width:0;margin-left:0;justify-content:space-between}.lobby-drawer-count{overflow:hidden;text-overflow:ellipsis}.lobby-drawer.open .lobby-drawer-count,.lobby-footer-copy{display:none}}@media (pointer: coarse){.lobby-tab,.lobby-btn.small,.lobby-actions .lobby-btn,.lobby-source-btn,.lobby-footer a,.lobby-report-btn,.lobby-home-hint,.lobby-fs-btn,.acct-btn{position:relative}.lobby-tab:after,.lobby-btn.small:after,.lobby-actions .lobby-btn:after,.lobby-source-btn:after,.lobby-footer a:after,.lobby-report-btn:after,.lobby-home-hint:after,.lobby-fs-btn:after,.auth-close:after,.acct-btn:after{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.lobby-footer a{display:inline-block}.lobby-tabs{align-self:stretch;align-items:center}.lobby-drawer-toggle{min-width:44px;min-height:44px;justify-content:center}}@media (max-width: 880px){.hud-bottom{gap:14px;padding:5px 12px calc(6px + env(safe-area-inset-bottom,0px))}.hud-instr{min-width:0;gap:5px}.hud-instr b{font-size:20px}.hud-instr-icon,.hud-instr-icon svg{width:20px;height:20px}.hud-instr-unit{font-size:11px}.race-touch-helm .hud-bottom{left:calc(var(--helm-side-l) + var(--helm-left-w) + (100vw - var(--helm-side-l) - var(--helm-left-w) - var(--helm-side-r) - var(--helm-right-w)) / 2)}}@media (max-width: 719px) and (min-height: 481px){.hud-top{top:calc(var(--safe-top) + 46px);gap:10px;padding:3px 12px 4px;border-top:1px solid rgba(120,170,210,.22);border-radius:12px}.hud-ping,.hud-raceid{display:none}.hud-bottom,.race-touch-helm .hud-bottom{top:calc(var(--safe-top) + 88px);bottom:auto;left:50%;padding-bottom:6px;border-bottom:1px solid rgba(120,170,210,.22);border-radius:12px}.hud-msg{top:calc(var(--safe-top) + 132px);width:max-content;max-width:calc(100vw - 2 * (var(--hud-side-r) + 44px));white-space:normal}.hud-msg-big{font-size:24px}.hud-msg-green{font-size:26px}.race-utils,.race-edit-btn{top:calc(var(--safe-top) + 132px)}.hud-board-sail{display:none}.race-touch-on .scrub-bar{bottom:calc(var(--helm-clear-right) + 8px)}.race-touch-on .results-popup{bottom:calc(var(--helm-clear-right) + 60px)}.race-scrub-on{--board-lift: calc(var(--helm-clear-right) + 8px + 53px + 8px)}}@media (max-height: 480px),(max-width: 419px){:root{--helm-h: 54px;--helm-sec-h: 42px;--helm-pad: 8px;--helm-gap: 8px}.race-touch-btn{border-radius:12px}.race-touch-rudder{font-size:24px}.race-touch-zoom{font-size:18px}.race-touch-btn>svg{width:20px;height:20px}.race-touch-spin>svg{width:40px;height:40px}.race-touch-luff>svg{width:36px;height:36px}}@media (max-height: 480px){.race-utils{top:calc(var(--safe-top) + 62px);flex-direction:row-reverse}.hud-msg-big{font-size:22px}.hud-msg-green{font-size:24px}}@media (max-height: 480px) and (max-width: 639px){.hud-bottom{gap:10px;padding-left:8px;padding-right:8px}.hud-instr-unit{display:none}}@media (pointer: coarse){.race-util-btn,.race-fs-btn,.sound-btn{position:relative}.race-topright>.race-leave{position:relative;inset:auto}.race-topright>.race-fs-btn{position:relative}.race-util-btn:before,.race-fs-btn:before,.sound-btn:before,.race-leave:before,.race-edit-btn:before,.race-share-btn:before,.hud-board-head:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.sound-btn:before{top:-9px;right:-9px;bottom:-9px;left:-9px}.race-leave:before,.race-edit-btn:before,.race-share-btn:before{top:-8px;right:-4px;bottom:-8px;left:-4px}.hud-board-head:before{top:-17px;right:-17px;bottom:-17px;left:-17px}.race-utils{gap:14px}.race-topright{gap:12px}}@media (pointer: coarse) and (min-width: 600px) and (min-height: 600px){:root{--helm-pad: 30dvh}.race-touch-on:not(.race-scrub-on){--board-lift: 18px}.race-touch-helm .hud-bottom{left:50%}}@media (pointer: coarse) and (orientation: portrait) and (max-width: 599px){:root{--helm-pad: 12dvh}}@media (pointer: coarse) and (orientation: landscape) and (max-height: 599px){:root{--helm-pad: 8dvh}}.race-phone .hud-live,.race-phone .hud-raceid{display:none}.race-phone .hud-line{position:absolute;top:var(--safe-top);left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 10px;width:max-content;max-width:100vw;padding:1px 10px 2px;white-space:nowrap;background:#0a1a2961;border-radius:0 0 10px 10px}.race-phone .hud-line>.hud-panel{position:static;transform:none;gap:10px;padding:0;background:none;border:0;border-radius:0;box-shadow:none}.race-phone .hud-top>*{height:22px}.race-phone .hud-clock{font-size:14px}.race-phone .hud-legs,.race-phone .hud-pen{font-size:12px}.race-phone .hud-instr{gap:3px}.race-phone .hud-instr b{font-size:15px}.race-phone .hud-instr-icon,.race-phone .hud-instr-icon svg{width:16px;height:16px}.race-phone .hud-instr-unit{display:none}.race-phone .hud-viewers svg{width:18px;height:18px}.race-phone .hud-line:not(.net-bad) .hud-sig,.race-phone .hud-line:not(.net-bad) .hud-ping,.race-phone .hud-line:not(.net-bad) .hud-viewers{display:none}.race-phone .hud-line.net-bad .hud-ping{display:inline-flex}.race-phone .hud-msg{top:calc(var(--safe-top) + 30px)}.race-phone .race-topright{top:calc(var(--safe-top) + 6px)}.race-phone .race-menu{top:calc(var(--safe-top) + 48px)}@media (max-width: 559px){.race-phone .race-topright{top:calc(var(--safe-top) + 32px)}.race-phone .race-menu{top:calc(var(--safe-top) + 74px)}.race-phone .hud-msg{top:calc(var(--safe-top) + 68px)}}.race-menu-btn{font-size:20px}.race-menu-btn.active{color:#0c1a26;background:#9cc4e4;border-color:#9cc4e4}.race-menu{position:fixed;right:var(--hud-side-r);z-index:50;display:grid;grid-template-columns:auto auto;justify-items:end;align-items:center;gap:14px;padding:12px;pointer-events:auto}.race-menu[hidden]{display:none}.race-menu>.race-leave{position:relative;inset:auto}.race-menu>.race-utils{position:static;grid-column:1 / -1;flex-direction:row}.race-phone .race-topright,.race-phone .hud-board{transition:opacity .6s ease}.race-phone.race-idle .race-topright,.race-phone.race-idle .hud-board.collapsed{opacity:.25}@media (prefers-reduced-motion: reduce){.race-phone .race-topright,.race-phone .hud-board{transition:none}}.race-viewopts{position:fixed;z-index:50;display:flex;flex-direction:column;min-width:220px;padding:4px;pointer-events:auto}.race-viewopts-row{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 10px;font:600 13px/1.2 system-ui,sans-serif;color:#eaf3ff;text-align:left;background:none;border:0;border-radius:8px;cursor:pointer;-webkit-tap-highlight-color:transparent}.race-viewopts-row:hover,.race-viewopts-row:active{background:#244258b3}.race-viewopts-label{flex:1}.race-viewopts-state{color:#7fd0ff;font-weight:500}.race-viewopts-key{min-width:18px;padding:1px 4px;font:600 11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:#8fb0cc;text-align:center;border:1px solid #2c4358;border-radius:4px}@media (pointer: coarse){.race-viewopts-key{display:none}}.race-viewopts-btn.active{color:#0c1a26;background:#9cc4e4;border-color:#9cc4e4}.boat-editor{display:grid;grid-template-columns:minmax(0,1fr) 320px;width:100%;height:100vh;height:100dvh;background:#102333;color:#eaf3ff;font:14px/1.45 system-ui,sans-serif}.boat-editor-view{position:relative;min-width:0;min-height:0;overflow:hidden}.boat-editor-view>canvas{display:block;width:100%;height:100%;touch-action:none}.boat-editor-orbit-hint{position:absolute;bottom:12px;left:18px;margin:0;padding:4px 10px;color:#12394d;background:#ffffff8c;border-radius:12px;pointer-events:none;font-size:12px}.boat-editor-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:#142b3d;border-left:1px solid #2d475a}.boat-editor-content{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:24px}.boat-editor-content>*{flex-shrink:0}.boat-editor-panel h1{margin:0;font-size:24px;font-weight:600}.boat-editor-identity{margin:6px 0 8px;padding:10px 12px;font-size:16px;font-weight:600;color:#eaf3ff;background:#7fc4ff1a;border:1px solid rgba(127,196,255,.35);border-radius:7px;overflow-wrap:anywhere}.boat-editor-panel select{display:block;width:100%;margin-top:6px;padding:9px;color:#eaf3ff;background:#203e54;border:1px solid #456176;border-radius:7px;font:inherit}.boat-editor-lettering{display:grid;gap:12px}.boat-editor-height-hint:not([hidden]){display:block;margin-top:6px;color:#b7cedd;font-size:12px}.boat-editor button{color:inherit;font:inherit;cursor:pointer;border:1px solid #456176;border-radius:7px;background:#203e54}.boat-editor button:focus-visible,.boat-editor input:focus-visible,.boat-editor select:focus-visible,.boat-editor summary:focus-visible{outline:2px solid #8fd5ff;outline-offset:3px}.boat-editor button:disabled{opacity:.5;cursor:default}.boat-editor-section{border:1px solid #2d475a;border-radius:9px;background:#17324a}.boat-editor-section>summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;border-radius:9px}.boat-editor-section>summary::-webkit-details-marker{display:none}.boat-editor-section>summary:after{content:"";width:8px;height:8px;margin-left:4px;border:solid #91b6cc;border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .15s}.boat-editor-section[open]>summary:after{transform:rotate(-135deg)}.boat-editor-section[open]>summary{border-bottom:1px solid #2d475a;border-radius:9px 9px 0 0}.boat-editor-section>:not(summary){margin:12px 14px}.boat-editor-summary-title{font-size:15px;font-weight:600}.boat-editor-summary-value{flex:1;min-width:0;text-align:right;color:#b7cedd;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.boat-editor-summary-value[style*=--swatch]:before{content:"";display:inline-block;width:12px;height:12px;margin-right:6px;vertical-align:-1px;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #ffffff73}.boat-editor-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:8px}.boat-editor .boat-editor-swatch{aspect-ratio:1;min-width:36px;padding:0;border-radius:50%;border:2px solid rgba(255,255,255,.25);background:var(--swatch)}.boat-editor .boat-editor-swatch[aria-pressed=true]{border-color:#fff;box-shadow:0 0 0 3px #91dcff}.boat-editor-row-label{display:block;margin-bottom:6px;font-weight:600;font-size:13px}.boat-editor-row-value{font-weight:400;color:#b7cedd}.boat-editor-sail-colors{display:grid;gap:14px}.boat-editor-color-row[hidden]{display:none}.boat-editor-patterns{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}.boat-editor .boat-editor-pattern{display:grid;justify-items:center;gap:4px;min-width:0;padding:6px 4px}.boat-editor-pattern>canvas{display:block;width:48px;height:60px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}.boat-editor-pattern>span{font-size:11px;line-height:1.2;text-align:center}.boat-editor .boat-editor-pattern[aria-pressed=true]{border-color:#91dcff;box-shadow:0 0 0 2px #91dcff}.boat-editor-faces[hidden],.boat-editor-row-label[hidden]{display:none}.boat-editor-faces{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px}.boat-editor .boat-editor-face{display:grid;place-items:center;aspect-ratio:1;min-width:44px;padding:4px}.boat-editor-face>canvas{width:100%;height:100%}.boat-editor-face>span{font-size:11px}.boat-editor .boat-editor-face[aria-pressed=true]{border-color:#91dcff;box-shadow:0 0 0 2px #91dcff}.boat-editor-profile-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.boat-editor .boat-editor-reset-view{padding:8px 12px;min-height:36px}.boat-editor-sails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:3px;gap:3px;background:#0f2131;border:1px solid #2d475a;border-radius:9px}.boat-editor-sails .boat-editor-sail{display:grid;place-items:center;min-width:0;padding:6px 4px;border-color:transparent;background:transparent}.boat-editor-sail>canvas{display:block;width:56px;height:56px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.boat-editor-sails .boat-editor-sail[aria-checked=true]{background:#2875a3;border-color:#67acd4}.boat-editor-sails .boat-editor-sail:not([aria-checked=true]):not(:disabled):hover{background:#203e54}.boat-editor-check{display:flex;align-items:center;gap:9px;cursor:pointer}.boat-editor-check input{width:18px;height:18px;margin:0;accent-color:#80cfff}.boat-editor-status{flex:1 0 100%;margin:0;color:#b7cedd;font-size:13px}.boat-editor-status:empty{display:none}.boat-editor-actions{display:flex;flex-wrap:wrap;flex:0 0 auto;gap:8px 10px;padding:12px 24px;padding-bottom:max(12px,env(safe-area-inset-bottom));border-top:1px solid #2d475a;background:#142b3d}.boat-editor-actions button{flex:1;min-height:44px;padding:10px 16px}.boat-editor-actions .boat-editor-save{background:#2875a3;border-color:#67acd4}@media (max-width: 700px){.boat-editor{display:flex;flex-direction:column;overflow:hidden}.boat-editor-view{flex:0 0 38vh;flex-basis:38dvh;min-height:0}.boat-editor-panel{flex:1;border-left:0;border-top:1px solid #2d475a}.boat-editor-content{padding:14px;gap:10px}.boat-editor-panel h1{font-size:20px}.boat-editor-identity{margin:0}.boat-editor-actions{padding-inline:14px}.boat-editor-section>:not(summary){margin:10px}.boat-editor-swatches{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.boat-editor-orbit-hint{top:8px;bottom:auto;left:8px;right:8px;font-size:11px;text-align:center}}.boat-editor-profile{display:flex;flex-direction:column;gap:10px}.boat-editor-profile button{padding:8px}.boat-editor-name{font-size:18px;font-weight:700;color:#fff}.support-badge{display:inline-block;margin-left:4px;font-size:.8em;line-height:1;vertical-align:middle;cursor:default}.support-l1{color:#b9c7d3}.support-l2{color:#5fb8ff}.support-l3{color:#f0c24b}.name-with-badge{white-space:nowrap}.race-labels .boat-name .support-badge,.hud-board-name .support-badge{margin-left:3px;position:relative;top:-.1em}.support-why{margin:0 0 10px;padding:8px 10px;font-size:13px;border-radius:6px;color:#e8f2ff;background:#5fb8ff1f;border:1px solid rgba(95,184,255,.35)}.support-intro{margin:0 0 12px;color:#b7cbe0;font-size:13px}.auth-panel.support-panel{width:640px}.support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media (max-width: 560px){.support-grid{grid-template-columns:minmax(0,1fr)}}.support-card{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:8px;background:#1830428c;border:1px solid #2c4358}.support-card.support-card-current{border-color:#5fb8ff;box-shadow:0 0 0 1px #5fb8ff inset,0 0 14px #5fb8ff59}.support-card-current-tag{align-self:flex-start;padding:1px 7px;border-radius:4px;font-size:11px;font-weight:700;color:#06121c;background:#5fb8ff}.support-standing{margin:0 0 12px;color:#e8f2ff;font-size:13.5px;font-weight:600}.support-confirm-q{margin:4px 0 10px;color:#e8f2ff;font-size:15px;font-weight:700}.support-footer{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:12px}.support-link{padding:0;border:0;background:none;color:#9fc4e6;font:inherit;font-size:12.5px;text-decoration:underline;cursor:pointer}.support-link:hover{color:#cfe3f7}.support-link:disabled{opacity:.5;cursor:default}.acct-btn.acct-btn-quiet{background:transparent}.support-card-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 8px}.support-card-name{font-weight:700;color:#e8f2ff;font-size:15px}.support-card-name .support-badge{margin:0 6px 0 0}.support-card-price{color:#cfe3f7;font-variant-numeric:tabular-nums}.support-card-tagline{color:#9fb6cc;font-size:12px;font-style:italic}.support-card-perks{margin:4px 0 6px;padding-left:18px;color:#cfe3f7;font-size:12.5px}.support-card-perks li{margin:2px 0}.support-card-btn{margin-top:auto;width:100%}.support-status{min-height:1.2em;margin-top:8px;font-size:13px;color:#ffd48a}.support-note{margin:10px 0 0;font-size:12.5px;color:#9fb6cc}.support-checkout{min-height:420px;max-height:70vh;overflow-y:auto;border-radius:8px;background:#fff}.support-checkout-frame{display:block;width:100%;height:420px;border:0}.acct-support-detail{margin:4px 0 8px;font-size:13px;color:#b7cbe0}.lobby-btn-support{color:#f0c24b}.boat-editor-lock{margin:8px 0 12px;padding:8px 10px;border-radius:6px;font-size:12.5px;color:#e8f2ff;background:#f0c24b1a;border:1px solid rgba(240,194,75,.4)}.boat-editor-lock p{margin:0 0 6px}.boat-editor-lock-btn{width:auto}.nudge-text{margin:0 0 8px;color:#cfe3f7;font-size:13.5px;line-height:1.45}.nudge-price{margin:0 0 12px;color:#9fb6cc;font-size:12.5px}.nudge-primary{color:#f0c24b}.support-l4{color:#ff9f5a}.support-card-benefactor{border-color:#ff9f5a80}.support-card-unlocks-tag{align-self:flex-start;padding:1px 7px;border-radius:4px;font-size:11px;font-weight:700;color:#1a1406;background:#f0c24b}.support-card.support-card-unlocks{border-color:#f0c24b;box-shadow:0 0 0 1px #f0c24b inset,0 0 14px #f0c24b59}.lobby-benefactors-intro{margin:8px 4px 10px;color:#b7cbe0;font-size:13px}.lobby-benefactors-empty{margin:8px 4px;color:#9fb6cc;font-size:13px}.lobby-benefactors{list-style:none;margin:0 4px;padding:0;columns:2;column-gap:24px}.lobby-benefactors li{padding:3px 0;color:#e8f2ff;break-inside:avoid}.lobby-benefactors-cta{margin:0 4px 12px}.auth-email,.email-flow{display:flex;flex-direction:column;gap:8px}.email-step{display:flex;flex-direction:column;gap:8px;margin:0}.auth-email[hidden],.email-step[hidden]{display:none}.email-step .acct-row{justify-content:space-between}.email-code{font-size:22px;letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums}.email-code::placeholder{font-size:14px;letter-spacing:normal}.acct-email-current{font-size:15px;font-weight:700;color:#fff;flex:1;overflow-wrap:anywhere}.report-target{margin:4px 0 14px;padding:10px 12px;font-size:17px;font-weight:700;color:#fff;background:#7fc4ff1a;border:1px solid rgba(127,196,255,.35);border-radius:7px;overflow-wrap:anywhere}.acct-email-none{font-size:13px;color:#cfe0ee;flex:1}.acct-btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:6px 8px}.auth-providers:empty{display:none}.race-share-btn{position:fixed;top:calc(var(--safe-top) + 74px);left:var(--hud-side-l);z-index:40;font:600 13px/1 system-ui,sans-serif;color:#cfe3f7;background:#08141e8c;border:1px solid #2c4358;border-radius:6px;padding:7px 12px;cursor:pointer}.race-share-btn:hover{background:#142838cc}@media (max-width: 719px) and (min-height: 481px){.race-share-btn{top:calc(var(--safe-top) + 166px)}}.share-sheet{position:fixed;top:44px;right:52px;bottom:76px;width:min(340px,calc(100vw - 24px));z-index:60;display:flex;flex-direction:column;gap:8px;padding:12px 14px;overflow:auto;font:13px/1.4 system-ui,sans-serif;color:#eaf3ff}.share-sheet>*{flex-shrink:0}.share-head{display:flex;align-items:center;justify-content:space-between}.share-title{font-weight:700;font-size:15px}.share-close{background:none;border:0;color:#9fb6cc;font-size:16px;cursor:pointer}.share-close:hover{color:#fff}.share-range{font:600 14px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:#7fd0ff}.share-row{display:flex;gap:6px;flex-wrap:wrap}.share-chip{flex:1 1 auto;padding:7px 9px;border:1px solid #2c4358;border-radius:8px;background:#18304280;color:#cfe3f7;font:600 12px/1 system-ui,sans-serif;cursor:pointer}.share-chip:hover{background:#244258cc}.share-chip-on{border-color:#7fd0ff;background:#3c78a073;color:#fff}.share-end{align-items:center;flex-wrap:nowrap}.share-end-label{flex:none;width:3.2em;font-size:12px;color:#9fb6cc}.share-end .share-chip{padding:6px 4px}.share-select{padding:8px 10px}.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.share-hint,.share-status{font-size:12px;color:#9fb6cc;min-height:1.2em}.share-actions .results-btn:disabled{opacity:.45;cursor:default}.share-status{color:#cfe3f7}.results-share{grid-column:1 / -1}.lobby-share-btn{background:none;border:1px solid #2c4358;border-radius:4px;color:#7fd0ff;font:600 11px/1 system-ui,sans-serif;padding:4px 7px;cursor:pointer;margin-right:4px}.lobby-share-btn:hover,.lobby-share-btn:focus-visible{border-color:#7fd0ff;background:#3c78a04d}.lobby-share-files{white-space:nowrap}.lobby-lab-badge{margin-left:8px;padding:1px 6px;border-radius:4px;font-size:10.5px;font-weight:700;color:#1a1406;background:#f0c24b;vertical-align:1px}.lobby-lab-actions{white-space:nowrap}.lobby-lab-delete[data-confirm="1"]{color:#ffb3b3;border-color:#e06060}.lobby-share-vis{display:inline-block;margin-right:6px;padding:2px 7px;border:1px solid #2c4358;border-radius:9px;font-size:11.5px;color:#9fb6cc}.lobby-share-vis.public{color:#bfe9c8;border-color:#3f7a52;background:#326e4640}.scrub-bar.scrub-locked{opacity:.55;pointer-events:none}.share-chip:disabled,.share-select:disabled{opacity:.5;cursor:default}.lobby-ground-video video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.lobby-shares-header{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:6px 8px;font-size:12px;color:#9fb6cc}.lobby-shares-notice{color:#cfe3f7}.race-debug-copy,.hud-debug-copy{pointer-events:auto;cursor:pointer;font:11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;padding:1px 6px;color:#cfe8cf;background:#002800b3;border:1px solid rgba(120,200,120,.5);border-radius:3px}.race-debug-copy{margin-left:auto}.race-debug-controls{display:flex;flex-wrap:wrap;align-items:center;gap:3px 4px;margin:4px 0;pointer-events:none}.race-debug-controls .race-debug-copy{margin-left:0;pointer-events:auto}.race-debug-ctl-label{margin-left:6px;opacity:.75}.race-debug-ctl-label:first-child{margin-left:0}.hud-debug-copy{position:absolute;top:60px;left:12px;color:#ff6;background:#282800b3;border-color:#ffff6680}.scrub-bar{--clip: #e8f0f7}.scrub-clip{position:absolute;top:-2px;bottom:-2px;background:#e8f0f733;border-top:1px solid rgba(232,240,247,.65);border-bottom:1px solid rgba(232,240,247,.65);pointer-events:none}.scrub-clip-handle{position:absolute;top:-5px;bottom:-5px;width:16px;transform:translate(-50%);cursor:ew-resize;touch-action:none;z-index:1}.scrub-clip-handle:after{content:"";position:absolute;left:7px;top:0;bottom:0;width:3px;border-radius:1px;background:var(--clip);box-shadow:0 0 3px #0009}.scrub-clip-handle>i{position:absolute;top:-9px;width:13px;height:11px;background:repeating-linear-gradient(90deg,transparent 0 3px,rgba(0,0,0,.35) 3px 4px) 3px 3px / 7px 5px no-repeat,var(--clip);box-shadow:0 1px 3px #0009}.scrub-clip-from>i{left:-3px;border-radius:4px 0 0 4px}.scrub-clip-to>i{left:7px;border-radius:0 4px 4px 0}.scrub-clip-handle.scrub-clip-still>i{left:1px;width:15px;border-radius:4px}.scrub-clip-handle:hover{--clip: #ffffff}@media (pointer: coarse){.scrub-clip-handle:before{content:"";position:absolute;left:-8px;right:-8px;top:-7px;bottom:-7px}}.race-labels.share-no-hud .mark-pointer{display:none}.scrub-bar.scrub-narrow{gap:6px;padding:6px 8px 9px;flex-wrap:wrap}.scrub-narrow .scrub-btn{padding:6px 5px;min-width:30px}.scrub-narrow .scrub-time{margin-left:auto}.scrub-narrow .scrub-track{order:1;flex:1 1 100%;margin:16px 4px 0}.race-scrub-on.race-scrub-tall{--board-lift: 154px }@media (max-width: 560px){.scrub-bar{width:94vw}}.race-brand{display:none;position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none;overflow:hidden}.race-brand.on{display:block}.race-brand .brand-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:800 calc(var(--frame-vmax, 1vmax) * 13) / 1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.02em;white-space:nowrap;color:#fff;opacity:.025}.race-brand .brand-corner{position:absolute;right:2.2%;bottom:2.2%;font:600 calc(var(--frame-vmax, 1vmax) * 1.35) / 1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.08em;color:#eaf3ff;opacity:.72;text-shadow:0 1px 3px #000c}.race-brand .brand-corner small{font-weight:400;opacity:.8;margin-left:.5em;letter-spacing:.02em}.scrub-bar{flex-wrap:wrap}.scrub-accessory{order:-1;flex:1 1 100%}.share-range-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding-bottom:8px;margin-bottom:2px;border-bottom:1px solid rgba(120,170,210,.18)}.share-range-end{display:flex;align-items:center;gap:6px}.share-range-row .share-end-label{width:auto;color:#cfe3f7;font:600 12px/1 system-ui,sans-serif}.share-range-row .share-chip{flex:none;padding:6px 9px}.share-time{width:9ch;padding:5px 6px;border:1px solid #2c4358;border-radius:6px;background:#06121ccc;color:#eaf3ff;font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums;text-align:right}.share-time:focus{outline:none;border-color:#7fd0ff}.share-time.share-time-bad{border-color:#f55;background:#500a0a99}.share-time:disabled{opacity:.5}.share-len{color:#cfe0ee;font-variant-numeric:tabular-nums;margin-left:auto}.race-sharing .race-edit-btn,.race-sharing .race-share-btn{display:none}.share-section{margin-top:6px;padding:5px 9px;border-radius:6px;background:#7fd0ff29;border-left:3px solid #7fd0ff;color:#fff;font:700 14px/1.2 system-ui,sans-serif;letter-spacing:.02em}.share-photo-btn{width:100%}.share-range-row .share-chip.share-now{padding:6px 7px;font-weight:600}.share-sheet .share-results:empty,.share-sheet .share-photo-status:empty{display:none}svg.icon,.lab-toolbar button svg{vertical-align:-3px}.lobby-launched{display:inline-flex;align-items:center;gap:6px;margin-bottom:4px;pointer-events:none;-webkit-user-select:none;user-select:none}.lobby-launched-art{display:block;overflow:visible;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.lobby-launched-text{white-space:nowrap;font:600 12px/1 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#ffe7a3;text-shadow:0 1px 2px rgba(0,0,0,.6)}.lobby-launched-flag{transform-box:fill-box;transform-origin:left center;animation:lobby-burgee-flutter 1.6s ease-in-out .3s 2}.lobby-launched-fizz,.lobby-launched-cork{animation:lobby-fizz-pop 1.2s ease-out .5s both}@keyframes lobby-burgee-flutter{0%,to{transform:skewY(0) scaleX(1)}30%{transform:skewY(-6deg) scaleX(.94)}65%{transform:skewY(4deg) scaleX(.97)}}@keyframes lobby-fizz-pop{0%{opacity:0;transform:translate(-6px,6px)}60%{opacity:1}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.lobby-launched-flag,.lobby-launched-fizz,.lobby-launched-cork{animation:none}}.race-rules-btn{position:relative}.race-rules-btn[data-level]:after{position:absolute;right:2px;bottom:1px;font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;opacity:.85}.race-rules-btn[data-level=detailed]:after{content:"D"}.race-rules-btn[data-level=compact]:after{content:"C"}@media (pointer: coarse){:root:fullscreen{--hud-side-l: max(64px, env(safe-area-inset-left, 0px))}:root:-webkit-full-screen{--hud-side-l: max(64px, env(safe-area-inset-left, 0px))}:root:fullscreen .lobby-top{padding-left:52px}:root:-webkit-full-screen .lobby-top{padding-left:52px}}