@font-face{font-family:Barlow Condensed;font-weight:500;font-display:swap;src:url(./barlow-condensed-latin-500-normal-BgYH2mbd.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-weight:600;font-display:swap;src:url(./barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-weight:700;font-display:swap;src:url(./barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2")}@font-face{font-family:Barlow Semi Condensed;font-weight:400;font-display:swap;src:url(./barlow-semi-condensed-latin-400-normal-DlzeKIMS.woff2)format("woff2")}@font-face{font-family:Barlow Semi Condensed;font-weight:500;font-display:swap;src:url(./barlow-semi-condensed-latin-500-normal-G0uxJNrM.woff2)format("woff2")}@font-face{font-family:Barlow Semi Condensed;font-weight:600;font-display:swap;src:url(./barlow-semi-condensed-latin-600-normal-BkLiAYu4.woff2)format("woff2")}@font-face{font-family:Barlow Semi Condensed;font-weight:700;font-display:swap;src:url(./barlow-semi-condensed-latin-700-normal-BpqDG8I9.woff2)format("woff2")}:root{--panel:#08101a9e;--panel-border:#ffffff1f;--text:#e8eef4;--muted:#8fa3b5;--accent:#56c8ff;--good:#52e08a;--warn:#ffc24a;--bad:#ff6b5a;--font:"Barlow Semi Condensed", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"Barlow Condensed", "Barlow Semi Condensed", system-ui, sans-serif;--num:var(--mono)}*{box-sizing:border-box}html,body{height:100%;color:var(--text);font-family:var(--font);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;background:#0a1522;margin:0;overflow:hidden}button,input,select{font-family:inherit}#scene{cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}#scene:active{cursor:grabbing}.hidden{display:none!important}.panel{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(6px);border-radius:10px;box-shadow:0 6px 24px #00000040}label{color:var(--muted);letter-spacing:.08em;font-size:10px;font-weight:600}#instruments{grid-template-columns:repeat(3,84px);gap:5px;padding:9px;display:grid;position:fixed;top:14px;left:14px}.inst{background:#00000047;border-radius:6px;flex-direction:column;padding:5px 8px 6px;display:flex}.inst span{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:22px;font-weight:600;line-height:1.1}.inst small{color:var(--muted);margin-top:-2px;font-size:10px}.inst.big{grid-column:span 3}.inst.big span{color:var(--accent);font-size:40px}#course{min-width:210px;padding:10px 12px;position:fixed;top:14px;right:14px}#course .row{justify-content:space-between;align-items:baseline;gap:12px;padding:3px 0;display:flex}#course .row span{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:15px}#course .buttons{gap:6px;margin-top:8px;display:flex}button{color:var(--text);font:600 12px var(--font);cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:6px;padding:6px 10px}@media (hover:hover){.hkey:hover{background:linear-gradient(#2e3943,#151c22)}}button:hover:not(.hkey){background:#ffffff29}#trim{width:230px;padding:10px 12px;position:fixed;bottom:14px;left:14px}.sail{margin-bottom:10px}.sail-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.state{background:#ffffff1a;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:700}.state.good{color:var(--good);background:#52e08a33}.state.warn{color:var(--warn);background:#ffc24a33}.state.bad{color:var(--bad);background:#ff6b5a33}.bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.bar div{background:linear-gradient(90deg,#56c8ff,#a2e3ff);border-radius:4px;width:30%;height:100%}.sail-foot{color:var(--muted);justify-content:space-between;margin-top:2px;font-size:10px;display:flex}.sail-foot span:nth-child(2){color:var(--text);font-family:var(--mono)}.toggles{flex-wrap:wrap;gap:6px;display:flex}.pill{letter-spacing:.06em;color:var(--muted);background:#ffffff14;border-radius:10px;padding:3px 8px;font-size:10px;font-weight:700}.pill.on{color:var(--accent);background:#56c8ff38}#dial-wrap{flex-direction:column;align-items:center;padding:8px;display:flex;position:fixed;bottom:14px;right:14px}#dial{width:220px;height:220px}#rudder{text-align:center;width:200px;margin-top:4px}.rudder-scale{background:linear-gradient(90deg,#ff5a5080,#ffffff1a 45% 55%,#50dc7880);border-radius:4px;height:8px;margin-bottom:3px;position:relative}#rudder-needle{background:#fff;border-radius:2px;width:4px;height:14px;margin-left:-2px;position:absolute;top:-3px;left:50%}#rudder-val{color:var(--text);font-family:var(--mono)}#toast{letter-spacing:.02em;opacity:0;pointer-events:none;background:#05080bd1;border-radius:8px;padding:8px 16px;font-size:15px;font-weight:600;transition:opacity .3s;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #2f3a44,0 6px 18px #0006}#toast.show{opacity:1}#cam-label{color:#ffffff8c;letter-spacing:.1em;pointer-events:none;font-size:11px;display:none;position:fixed;bottom:136px;left:50%;transform:translate(-50%)}@media (pointer:coarse){#cam-label{display:none}}.modal{z-index:10;background:#08101ae0;width:min(640px,100vw - 32px);max-height:calc(100vh - 32px);padding:18px 22px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.modal h2{margin:0 0 12px;font-size:18px}.modal .grid{grid-template-columns:1fr 1.3fr;align-items:center;gap:10px 16px;display:grid}.modal .grid label{letter-spacing:.02em;justify-content:space-between;font-size:12px;display:flex}output{color:var(--text);font-family:var(--mono);font-weight:500}input[type=range]{width:100%;accent-color:var(--accent)}.presets{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:16px;font-size:12px;display:flex}.past-day{align-items:center;gap:4px;display:inline-flex}.past-day input[type=date]{font:inherit;color:var(--text);border:1px solid var(--muted);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border-radius:4px;padding:3px 4px;font-size:12px}.cond-source{color:var(--muted);margin:8px 0 0;font-size:12px}.row-end{justify-content:flex-end;align-items:center;gap:16px;margin-top:16px;display:flex}.modal .grid label.check{justify-content:flex-start}.check{letter-spacing:0;align-items:center;gap:6px;font-size:12px;display:flex}#help .cols{grid-template-columns:1fr 1fr;gap:20px;font-size:13px;line-height:1.45;display:grid}#help h3{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:10px 0 4px;font-size:12px}#help p{color:#c9d5df;margin:4px 0}kbd{min-width:20px;font:600 11px var(--mono);text-align:center;background:#ffffff14;border:1px solid #ffffff4d;border-radius:4px;padding:1px 5px;display:inline-block}.overlay{z-index:20;background:radial-gradient(#050f1e59,#050f1ebf);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.start-card{text-align:center;padding:30px 40px}.start-card h1.brand{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#f1ebdd;text-shadow:0 2px 20px #00000080;margin:0;font-size:40px;font-weight:700}.start-card h1.brand span{color:#d9a748;font-weight:500}.start-card .sub{color:#cfe3f2;margin:8px 0 22px}#start.attract{background:0 0;align-items:flex-end}#start.attract .start-card{padding:0 20px max(26px, env(safe-area-inset-bottom))}#start.attract .start-card>#menu-main>.hint{display:none}#start.attract h1.brand{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}#start.attract .sub{letter-spacing:.02em;color:#d6e2ec;text-shadow:0 1px 8px #000000b3;margin:6px 0 18px;font-size:15px}#title-art{left:50%;top:max(1vh, env(safe-area-inset-top));aspect-ratio:2200/920;pointer-events:none;width:min(98vw,95.6vh);transform:translateX(-50%) perspective(1200px) rotateY(calc(var(--tx,0) * 5deg)) rotateX(calc(var(--ty,0) * -3deg));display:none;position:absolute}#start.attract #title-art{display:block}#title-art>img{filter:drop-shadow(0 .2vh .15vh #04122473)drop-shadow(0 1vh 2vh #04162e59)}#title-art>img.t-kicker{filter:drop-shadow(0 .12vh .1vh #081220cc)drop-shadow(0 .5vh 1.2vh #04162e80)}#title-art>*{opacity:0;width:100%;height:100%;position:absolute;inset:0}#title-art.on>*{animation:7s ease-in-out 3s infinite alternate title-float}#title-art.on .t-kicker{animation:1.1s cubic-bezier(.2,.7,.2,1) .2s both title-kicker,7s ease-in-out 3s infinite alternate title-float}#title-art.on .t-word{animation:1.6s cubic-bezier(.25,.8,.2,1) .5s both title-word,7s ease-in-out 3s infinite alternate title-float}#title-art.on .t-rule{animation:1.2s cubic-bezier(.3,.7,.2,1) 1.5s both title-rule,7s ease-in-out 3s infinite alternate title-float}#title-art.on .t-shine{opacity:1;mix-blend-mode:overlay;background:linear-gradient(100deg,#0000 42%,#ffecbe8c 50%,#0000 58%) 0 0/250% 100% no-repeat;animation:8s ease-in-out 2.4s infinite title-shine,7s ease-in-out 3s infinite alternate title-float;-webkit-mask-size:100% 100%;mask-size:100% 100%}@keyframes title-kicker{0%{opacity:0;filter:blur(6px);transform:translateY(-3%)scale(1.04)}to{opacity:1;filter:none;transform:none}}@keyframes title-word{0%{opacity:0;clip-path:inset(0 90% 0 0);transform:translateY(2%)scale(.97)}30%{opacity:1}to{opacity:1;clip-path:inset(0);transform:none}}@keyframes title-rule{0%{opacity:0;clip-path:inset(0 50%)}to{opacity:1;clip-path:inset(0)}}@keyframes title-shine{0%{background-position:130% 0}35%,to{background-position:-30% 0}}@keyframes title-float{0%{translate:0}to{translate:0 -.6%}}#intro-caption{display:none}#start.attract #intro-caption{opacity:0;font-family:var(--mono);text-shadow:0 1px 10px #000c;justify-content:center;align-items:baseline;gap:10px;transition:opacity .2s linear;display:flex}#intro-caption:before,#intro-caption:after{content:"";background:linear-gradient(90deg,#0000,#d9a748);align-self:center;width:36px;height:1px}#intro-caption:after{background:linear-gradient(90deg,#d9a748,#0000)}#intro-caption b{letter-spacing:.22em;text-transform:uppercase;color:#f1ebdd;font-size:15px;font-weight:700}#intro-caption span{letter-spacing:.04em;color:#b9cbd9;font-size:14px}#start-btn{background:var(--accent);color:#04202f;border:none;border-radius:30px;padding:12px 34px;font-size:18px}#start-btn:hover{filter:brightness(1.1)}.start-card .hint{color:#b4c7d6;margin-top:18px;font-size:13px}.start-card .book-link{text-align:center;margin:12px 0 0;font-size:13.5px}.start-card .book-link a{color:var(--accent);border-bottom:1px solid;text-decoration:none}.start-card .book-link a:before{content:"";vertical-align:-1px;border:1.5px solid;border-radius:1px 3px 3px 1px;width:10px;height:13px;margin-right:7px;display:inline-block;box-shadow:inset 2px 0}.start-card .credits{text-align:center;color:#e1ebf59e;text-shadow:0 1px 3px #0009;margin:10px 0 0;font-size:10.5px}.start-card .credits a{color:inherit}@media (max-width:760px){#instruments{transform-origin:0 0;grid-template-columns:repeat(2,78px);transform:scale(.85)}#course{transform-origin:100% 0;transform:scale(.85)}#trim,#dial-wrap{transform:scale(.75)}#trim{transform-origin:0 100%}#dial-wrap{transform-origin:100% 100%}#help .cols,.modal .grid{grid-template-columns:1fr}}@media (max-height:520px){#instruments{transform-origin:0 0;top:8px;left:8px;transform:scale(.62)}#instruments .inst:nth-child(n+8){display:none}#course{transform-origin:100% 0;top:8px;right:8px;transform:scale(.62)}#trim{transform-origin:0 100%;bottom:8px;left:8px;transform:scale(.6)}#dial-wrap{transform-origin:100% 100%;bottom:8px;right:8px;transform:scale(.55)}}#c-title{letter-spacing:.1em;color:var(--accent);margin-bottom:4px;font-size:10px;font-weight:700}#c-rows .big{font-family:var(--mono);text-align:center;padding:2px 0 4px;font-size:30px;font-weight:700}#c-rows .big.warn{color:var(--warn)}#c-rows .big.bad{color:var(--bad)}#c-rows .note{color:#d5e2ec;max-width:240px;padding:4px 0;font-size:12px;line-height:1.35}#c-rows .note.good{color:var(--good)}#c-rows .note.warn{color:var(--warn)}#c-rows .note.bad{color:var(--bad)}#c-rows .flags{justify-content:center;gap:6px;padding:2px 0 4px;display:flex}.flag{opacity:.18;border:1px solid #fff6;border-radius:2px;width:30px;height:20px}.flag.up{opacity:1}.flag.cls{color:#fff;font:700 11px var(--font);background:#1a8f5a;justify-content:center;align-items:center;display:flex}.flag.P{background:#1d3f9a;box-shadow:inset 0 0 0 6px #1d3f9a,inset 0 0 0 20px #fff}.flag.X{background:linear-gradient(90deg,#0000 40%,#1d3f9a 40% 60%,#0000 60%),linear-gradient(#fff 35%,#1d3f9a 35% 65%,#fff 65%)}#c-rows .standings{font-size:12px;font-family:var(--mono);margin-top:4px}#c-rows .standings div{justify-content:space-between;gap:10px;display:flex}#c-rows .standings .me{color:var(--accent);font-weight:700}#status{border-top:1px solid #ffffff1a;margin-bottom:8px;padding-top:6px}.srow{justify-content:space-between;align-items:baseline;gap:8px;padding:1px 0;display:flex}.srow span{font-family:var(--mono);text-align:right;font-size:12px}.srow span.warn{color:var(--warn)}.srow span.bad{color:var(--bad)}.srow span.good{color:var(--good)}#mob-panel{text-align:center;background:#961414d9;border:1px solid #ffa0a099;border-radius:10px;padding:8px 16px;animation:1.2s ease-in-out infinite mobpulse;position:fixed;bottom:150px;left:50%;transform:translate(-50%)}.mob-title{letter-spacing:.12em;font-size:13px;font-weight:800}.mob-body{font-family:var(--mono);justify-content:center;align-items:center;gap:10px;font-size:15px;display:flex}#mob-arrow{font-size:22px;transition:transform .2s;display:inline-block}@keyframes mobpulse{50%{box-shadow:0 0 24px #ff3c3cb3}}#deck{z-index:5;flex-direction:column;align-items:center;width:min(880px,100vw - 500px);min-width:300px;display:flex;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}.deck-toggle{background:#08101ab3;border-bottom:none;border-radius:10px 10px 0 0;padding:2px 10px;font-size:10px}.deck-body{border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(6px);background:#08101a8c;border-radius:10px;flex-wrap:wrap;justify-content:center;gap:3px 7px;width:100%;padding:4px 5px;display:flex}#deck.collapsed .deck-body{display:none}.dgroup-name{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 2px 2px;font-size:8px;font-weight:700}.dgroup-row{gap:2px;display:flex}.dgroup-row button{touch-action:none;background:#ffffff12;flex-direction:column;align-items:center;gap:1px;min-width:34px;padding:3px 3px 2px;font-size:10px;line-height:1.1;display:flex}.dgroup-row button kbd{opacity:.65;border-color:#fff3;min-width:0;padding:0 3px;font-size:9px}.dgroup-row button.on{color:#cdefff;background:#56c8ff3d;border-color:#56c8ff99}.dgroup-row button.active{background:#56c8ff73}.dgroup-row button.danger{color:#ffb3a8;border-color:#ff6b5a99}.dgroup-row button.danger.on{background:#ff3c3c66}.dgroup-row button:disabled{opacity:.35}.dgroup-row button.hl{border-color:var(--warn);animation:1s ease-in-out infinite hl}@keyframes hl{50%{background:#ffc24a40;box-shadow:0 0 0 3px #ffc24a8c}}#lesson{z-index:6;background:#08101acc;width:min(470px,100vw - 560px);min-width:300px;max-height:calc(100vh - 190px);padding:10px 14px 12px;position:fixed;top:14px;left:50%;overflow:auto;transform:translate(-50%)}.lp-head{justify-content:space-between;align-items:center;display:flex}.lp-title{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.lp-min{padding:0 8px;font-size:14px}.lp-steps{gap:3px;margin:6px 0 8px;display:flex}.lp-steps span{background:#ffffff24;border-radius:2px;flex:1;height:4px}.lp-steps span.done{background:var(--good)}.lp-steps span.cur{background:var(--accent)}.lp-say{color:#e5edf3;font-size:13.5px;line-height:1.45}.lp-say b{color:#fff}.lp-status{font:600 12px var(--mono);color:var(--warn);background:#00000040;border-radius:6px;margin-top:8px;padding:5px 8px}.lp-bar{background:#ffffff1f;border-radius:3px;height:5px;margin-top:6px;overflow:hidden}.lp-bar div{background:var(--good);width:0;height:100%;transition:width .15s}.lp-quiz .lp-q{margin:8px 0 6px;font-size:13.5px;font-weight:600}.lp-opt{text-align:left;width:100%;margin:4px 0;padding:7px 10px;font-size:12.5px;font-weight:500;display:block}.lp-opt.right{border-color:var(--good);background:#52e08a40}.lp-opt.wrong{border-color:var(--bad);background:#ff6b5a33}.lp-feedback{margin-top:8px;font-size:12.5px;line-height:1.4}.lp-feedback:empty{display:none}.lp-feedback.good{color:var(--good)}.lp-feedback.bad{color:var(--bad)}.lp-feedback.hint{color:#cfe3f2;font-style:italic}.lp-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.lp-actions button{padding:5px 9px;font-size:11px}button.primary,.lp-actions .primary{background:var(--accent);color:#04202f;border:none}#lesson.minimized .lp-say,#lesson.minimized .lp-quiz,#lesson.minimized .lp-actions,#lesson.minimized .lp-feedback,#lesson.minimized .lp-steps{display:none}body.in-lesson #toast{top:auto;bottom:215px}.start-card{max-width:min(940px,100vw - 24px);max-height:calc(100vh - 24px);overflow:auto}.modes{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:900px;margin:0 auto;display:grid}button.mode{text-align:left;-webkit-backdrop-filter:blur(10px);background:linear-gradient(#0e1a28b8,#060d16cc);border:1px solid #ffffff24;border-radius:14px;flex-direction:column;gap:5px;padding:13px 16px 14px;transition:transform .18s,border-color .18s,background .18s;display:flex;box-shadow:0 10px 30px #00000059}button.mode i{font-style:normal;font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:#d9a748;font-size:12px;font-weight:600}button.mode b{font-family:var(--mono);letter-spacing:.02em;color:#f1ebdd;font-size:23px;font-weight:700}button.mode small{color:#b8cad8;font-size:13px;font-weight:400;line-height:1.4}button.mode small em{color:#d9a748;font-style:normal}button.mode.primary{color:var(--text);background:linear-gradient(#3c2c129e,#0a0e14d1);border-color:#d9a748b3}button.mode:hover{border-color:#d9a748;transform:translateY(-3px)}@media (max-width:1000px){.modes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.modes{grid-template-columns:1fr;gap:8px}#start.attract .modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#start.attract button.mode{border-radius:11px;padding:10px 10px 11px}#start.attract button.mode small{display:none}#start.attract button.mode i{letter-spacing:.18em;font-size:10px}#start.attract button.mode b{font-size:17px;line-height:1.1}#start.attract #intro-caption{flex-direction:column;align-items:center;gap:1px}#start.attract #intro-caption:before,#start.attract #intro-caption:after{display:none}button.mode{gap:2px;padding:11px 14px}button.mode b{font-size:20px}button.mode small{font-size:12px}#start.attract .sub{margin-bottom:12px;font-size:13px}}#menu-resume{border-radius:20px;margin-top:14px;padding:9px 26px}.acad-head{align-items:center;gap:14px;margin-bottom:8px;display:flex}.acad-head h2{margin:0;font-size:22px}#academy-progress{color:var(--muted);margin-left:auto;font-size:12px}#academy-list{text-align:left;background:#08101a99;border-radius:12px;padding:6px 12px 12px}#academy-list h3{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:12px 0 4px;font-size:11px}.lesson-item{text-align:left;background:#ffffff0d;align-items:center;gap:10px;width:100%;margin:3px 0;padding:8px 10px;display:flex}.li-tick{width:20px;height:20px;color:var(--good);border:1px solid #ffffff4d;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.lesson-item.done .li-tick{border-color:var(--good);background:#52e08a26}.li-main{flex-direction:column;flex:1;gap:2px;display:flex}.li-main b{font-size:13.5px}.li-main small{color:#a9bccb;font-size:11.5px;font-weight:400}.li-min{color:var(--muted);flex:none;font-size:11px}@media (max-width:1100px){#deck{width:calc(100vw - 20px);bottom:6px}#trim,#dial-wrap{bottom:150px}#mob-panel{top:90px;bottom:auto}}@media (max-width:900px){#lesson{width:min(470px,100vw - 20px);max-height:40vh;top:auto;bottom:170px}body.in-lesson #toast{top:18px;bottom:auto}}@media (max-height:520px){#deck{transform-origin:bottom;width:calc(125vw - 24px);bottom:4px;transform:translate(-50%)scale(.8)}#lesson{width:min(400px,100vw - 390px);max-height:52vh;padding:7px 10px 8px;top:6px;bottom:auto}.lp-say{font-size:12px;line-height:1.35}#trim,#dial-wrap{bottom:8px}#mob-panel{top:8px;bottom:auto}body.in-lesson #toast{top:auto;bottom:120px}}#chart{z-index:7;background:#08101ae6;flex-direction:column;padding:6px;display:flex;position:fixed;inset:14px 290px 150px 306px}.chart-head{letter-spacing:.08em;color:var(--accent);align-items:center;gap:10px;padding:0 4px 6px;font-size:11px;display:flex}.chart-btns{gap:4px;margin-left:auto;display:flex}.chart-btns button{padding:2px 8px}.chart-btns button.on{background:#56c8ff4d}#chart canvas{cursor:crosshair;touch-action:none;border-radius:6px;flex:1;width:100%;min-height:0}.chart-foot{font:11px var(--mono);color:#cfe3f2;padding:5px 4px 0}@media (max-width:1100px){#chart{inset:8px 8px 150px}}body.in-shop #instruments,body.in-shop #trim,body.in-shop #dial-wrap,body.in-shop #deck,body.in-shop #mob-panel,body.in-shop #cam-label,body.in-shop #c-title,body.in-shop #c-rows,body.in-shop #chart,body.in-shop #btn-warp,body.in-shop #btn-walk,body.in-shop #btn-cam{display:none!important}body.in-shop #lesson{width:min(400px,100vw - 28px);max-height:calc(100vh - 230px);left:14px;transform:none}#shop .shop-bar{z-index:5;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 10px;display:flex;position:fixed;top:14px;left:calc(min(400px,100vw - 28px) + 28px);right:250px}#shop .shop-title{letter-spacing:.02em;margin-right:6px;font-weight:600}#shop .shop-views{flex-wrap:wrap;gap:4px;display:flex}#shop .shop-views button{padding:4px 8px;font-size:12px}#shop .shop-tools{z-index:5;flex-wrap:wrap;justify-content:center;gap:4px;max-width:calc(100vw - 24px);padding:6px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}#shop .shop-tool{flex-direction:column;align-items:center;width:66px;padding:4px 2px;font-size:10.5px;line-height:1.15;display:flex}#shop .shop-tool .st-icon{font-size:22px;line-height:1.2}#shop .shop-tool.on{color:#fff;background:#2f7fd0;border-color:#8fc6ff}#shop .shop-log{z-index:4;pointer-events:none;width:min(760px,100vw - 440px);min-width:280px;font-size:13.5px;position:fixed;bottom:168px;left:50%;transform:translate(-50%)}#shop .shop-log div{color:#b9c6d2;background:#08101a9e;border-radius:6px;margin-top:3px;padding:4px 10px}#shop .shop-log div.new{color:#fff;background:#08101adb;border-left:3px solid #ffc24a}#shop .shop-tip{z-index:20;pointer-events:none;color:#fff;white-space:nowrap;background:#0a121ceb;border:1px solid #fff3;border-radius:5px;padding:4px 8px;font-size:12.5px;position:fixed}@media (max-width:900px){#shop .shop-bar{inset:auto 14px 140px}#shop .shop-log{width:calc(100vw - 24px);bottom:190px}#shop .shop-tool{width:52px}#shop .shop-tool .st-label{display:none}}.lp-said{font-family:var(--mono);background:#00000059;border-left:3px solid #56c8ff;border-radius:4px;min-height:1.5em;margin:6px 0;padding:6px 8px;font-size:13px;line-height:1.5}.lp-said span:after{content:" ·";color:#56c8ff}.lp-seq{flex-wrap:wrap;gap:4px;display:flex}.lp-seq .lp-opt{flex:auto;width:auto;margin:0}.lp-seq .lp-opt:disabled{opacity:.45}#debrief{width:min(960px,100vw - 32px)}#debrief .db-head:not(:empty){background:#56c8ff1f;border-left:3px solid #56c8ff;border-radius:6px;margin-bottom:10px;padding:8px 12px;font-size:14px}#debrief .db-body{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;display:grid}#debrief .db-cell{background:#ffffff0d;border-radius:6px;flex-direction:column;padding:6px 10px;display:flex}#debrief .db-cell label{letter-spacing:.04em;color:#9fb3c6;text-transform:uppercase;font-size:11px}#debrief .db-cell span{font-family:var(--mono);font-size:17px}#debrief .db-charts{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}#debrief .db-charts canvas{border-radius:6px;max-width:100%}#debrief .db-charts canvas:first-child{flex:400px;width:0;min-width:260px}#debrief .db-tips h3{margin:6px 0;font-size:14px}#debrief .db-tips li{margin:4px 0;font-size:13px;line-height:1.45}body.phone #shop .shop-tools{max-width:none;padding:5px 6px calc(5px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;border-radius:12px 12px 0 0;flex-wrap:nowrap;justify-content:flex-start;bottom:0;left:0;right:0;overflow-x:auto;transform:none}body.phone #shop .shop-tool{flex:none;width:50px}body.phone #shop .shop-tool .st-label{display:none}body.phone #shop .shop-bar{top:auto;left:4px;right:4px;bottom:calc(62px + env(safe-area-inset-bottom));flex-wrap:nowrap;padding:4px;overflow-x:auto}body.phone #shop .shop-title{display:none}body.phone #shop .shop-views{flex-wrap:nowrap}body.phone #shop .shop-views button{white-space:nowrap;flex:none}body.phone #shop .shop-log{width:auto;min-width:0;left:8px;right:8px;bottom:calc(104px + env(safe-area-inset-bottom));font-size:12px;transform:none}body.phone #shop .shop-log div:not(.new){display:none}body.phone.in-shop #lesson{top:calc(var(--top) + 44px)}body.phone.in-shop:not(.portrait) #lesson{top:var(--top);max-height:calc(100vh - var(--top) - 150px)}:root{--top:max(12px, env(safe-area-inset-top))}body.phone.portrait{--top:max(56px, calc(env(safe-area-inset-top) + 8px))}body.phone:not(.portrait){--top:max(6px, env(safe-area-inset-top))}#instruments,#course,#cam-label,#quickbar{display:none!important}:root{--inst-face:#05080b;--inst-ink:#eef3f6;--inst-dim:#7d8b96;--inst-port:#e8453c;--inst-stbd:#2fbf5f;--inst-amber:#ffb020;--bezel:0 0 0 1px #000, 0 0 0 3px #1f272e, 0 0 0 4px #3a454f, 0 10px 26px #00000073}.inst-unit{background:var(--inst-face);box-shadow:var(--bezel);color:var(--inst-ink);border-radius:12px;position:relative}.inst-unit:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(170deg,#ffffff12,#fff0 38%);position:absolute;inset:0}.hkey{color:#e6ecf0;min-width:44px;height:42px;font:600 14px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(#27313a,#11171c);border:1px solid #000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 12px;display:inline-flex;box-shadow:inset 0 1px #ffffff21,0 0 0 1px #2f3a44,0 3px 8px #00000073}.hkey svg{flex:none}.hkey:active,.hkey.active{background:linear-gradient(#11171c,#1d252c);transform:translateY(1px);box-shadow:inset 0 2px 4px #0009,0 0 0 1px #2f3a44}.led{background:#2a3238;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:inset 0 1px 1px #000000b3}.hkey.on .led,.led.on{background:#45ff86;box-shadow:0 0 6px #45ff86,inset 0 0 1px #fff}.hc-chip.danger .led{background:#ff4a3a;animation:.8s ease-in-out infinite hl;box-shadow:0 0 6px #ff4a3a}.hc-chip.danger{color:#ffb3a8}#topbar{top:var(--top);right:max(12px, env(safe-area-inset-right));z-index:6;gap:8px;display:flex;position:fixed}#topbar .hkey{height:40px;padding:0 11px}#btn-warp .tb-v{text-align:left;min-width:1.6em}#btn-warp.on{color:var(--inst-amber);box-shadow:inset 0 1px 0 #ffffff21, 0 0 0 1px var(--inst-amber), 0 0 12px #ffb02059}body.phone #topbar .tb-l{display:none}body.phone.portrait #topbar{flex-direction:column}#dial-wrap{background:var(--inst-face);-webkit-backdrop-filter:none;top:calc(var(--top) + 58px);right:max(12px, env(safe-area-inset-right));transform-origin:100% 0;border:0;border-radius:24px;box-shadow:0 0 0 2px #000,0 0 0 6px #1f272e,0 0 0 8px #3a454f,0 10px 26px #00000073;bottom:auto!important;transform:scale(.5)!important}body.no-dial #dial-wrap,body.phone #dial-wrap,body.in-shop #dial-wrap{display:none}#helm{left:max(14px, env(safe-area-inset-left));right:max(14px, env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));pointer-events:none;z-index:5;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;justify-content:space-between;align-items:flex-end;gap:12px;display:flex;position:fixed}#helm>*{pointer-events:auto}body.left-handed #helm{flex-direction:row-reverse}body.kbd-mode:not(.helm-always) #helm .hc-main,body.kbd-mode:not(.helm-always) #helm .hc-jib,body.helm-off #helm,body.in-shop #helm,body.in-shop #pod{display:none}.hc-left{flex-direction:column;gap:10px;width:min(460px,56vw);display:flex}.hc-actions,.hc-sailpanel{flex-wrap:wrap;gap:8px;display:flex}.hc-sailpanel{box-shadow:var(--bezel);background:#05080be0;border-radius:10px;align-self:flex-start;padding:7px}.hc-sailpanel.hidden{display:none}.hc-keyrow{display:contents}.hc-panelback{display:none}.hc-drop{color:#ffb3a8}body.left-handed .hc-actions{justify-content:flex-end}.hc-chips{display:contents}.hc-tack{color:#9fe0ff}.hc-sailskey.on{color:var(--inst-amber)}#helm .hkey.hl,.hc-pad.hl,.hc-slider.hl .hc-strack{box-shadow:0 0 0 2px var(--warn), 0 0 14px #ffc24a80;animation:1s ease-in-out infinite hl}.hc-pilot{box-shadow:var(--bezel);background:#05080be6;border-radius:12px;flex-direction:column;gap:6px;padding:7px;display:flex}.hc-pilot.hidden{display:none}.hcp-row{align-items:stretch;gap:6px;display:flex}#helm .hcp-row .hkey{flex:1 1 0;min-width:0;padding:0 6px}#helm .hcp-top .hkey{height:34px;font-size:12px}.hcp-tack{color:#9fe0ff}#helm .hcp-course .hkey{letter-spacing:.02em;height:46px;font-size:16px}.hcp-hold{background:var(--inst-face);border-radius:8px;flex-direction:column;flex:1.25 1 0;justify-content:center;align-items:center;gap:2px;min-width:0;display:flex;box-shadow:inset 0 0 0 1px #2f3a44}.hcp-what{font:600 9.5px/1 var(--mono);letter-spacing:.12em;color:var(--inst-dim);white-space:nowrap}.hcp-val{font:700 21px/1 var(--mono);color:var(--inst-amber)}.hc-pilot[data-side=port] .hcp-what{color:var(--inst-port)}.hc-pilot[data-side=stbd] .hcp-what{color:var(--inst-stbd)}.hc-pad{background:var(--inst-face);height:74px;box-shadow:var(--bezel);touch-action:none;cursor:ew-resize;border-radius:12px;position:relative}.hc-pad.active{box-shadow:0 0 0 1px #000, 0 0 0 3px #1f272e, 0 0 0 4px var(--accent), 0 10px 26px #00000073}.hc-scale{pointer-events:none;height:34px;position:absolute;top:8px;left:24px;right:24px}.hc-scale:before{content:"";background:linear-gradient(90deg, var(--inst-port) 0 49.4%, #eef3f6 49.4% 50.6%, var(--inst-stbd) 50.6%);opacity:.85;height:3px;position:absolute;top:0;left:0;right:0}.hc-scale i{background:#6d7a85;width:1.5px;height:9px;margin-left:-.75px;position:absolute;top:0}.hc-scale i.maj{background:#c9d3da;width:2px;height:14px;margin-left:-1px}.hc-scale i.z{background:#fff;height:18px}.hc-scale b{font:600 12px var(--mono);position:absolute;top:16px;transform:translate(-50%)}.hc-scale b.p{color:var(--inst-port)}.hc-scale b.s{color:var(--inst-stbd)}.hc-knob{pointer-events:none;opacity:.94;background:linear-gradient(90deg,#9aa5ae,#f2f5f7 40% 60%,#9aa5ae);border-radius:6px;width:26px;height:46px;margin-left:-13px;position:absolute;top:5px;box-shadow:0 2px 6px #0009,inset 0 0 0 1px #0006}.hc-knob span{background:var(--inst-amber);border-radius:1px;width:3px;margin-left:-1.5px;position:absolute;top:3px;bottom:3px;left:50%}.hc-strain{background:linear-gradient(90deg, var(--inst-amber), #ffb02059);pointer-events:none;border-radius:3px;height:5px;position:absolute;top:44px;box-shadow:0 0 6px #ffb02059}.hc-strain.neg{background:linear-gradient(270deg, var(--inst-amber), #ffb02059)}.hc-strain.hard{background:linear-gradient(90deg,#ff5a36,#ff5a3666);box-shadow:0 0 8px #ff5a3680}.hc-strain.hard.neg{background:linear-gradient(270deg,#ff5a36,#ff5a3666)}.hc-lash{height:18px;color:var(--inst-dim);font:600 10px/1 var(--mono);letter-spacing:.1em;cursor:pointer;background:#11171c;border:1px solid #3a454f;border-radius:4px;align-items:center;gap:4px;padding:0 6px;display:inline-flex;position:absolute;bottom:4px;right:8px}.hc-lash .led{width:5px;height:5px}.hc-lash.on{color:var(--inst-amber)}.hc-lash.on .led{background:var(--inst-amber);box-shadow:0 0 5px var(--inst-amber)}.hc-pad-label{text-align:center;font:600 11.5px var(--mono);letter-spacing:.14em;color:var(--inst-ink);pointer-events:none;position:absolute;bottom:5px;left:0;right:0}.hc-sliders{align-items:flex-end;gap:10px;display:flex}.hc-slider{--st:#cfd8de;flex-direction:column;align-items:center;width:64px;display:flex}.hc-slider[data-state=drawing],.hc-slider[data-state=running]{--st:#45e07e}.hc-slider[data-state=soft]{--st:#c4e36e}.hc-slider[data-state=luffing],.hc-slider[data-state=backwinded]{--st:var(--inst-amber)}.hc-slider[data-state=over],.hc-slider[data-state=stalled]{--st:#ff5a4a}.hc-throttle{--st:#8fd0ff}.hc-tell{background:#05080bd9;border-radius:6px;height:34px;padding:2px 4px;box-shadow:0 0 0 1px #2f3a44}.hc-throttle .hc-tell{display:none}.hc-sstate{height:15px;font:700 10px var(--mono);letter-spacing:.08em;white-space:nowrap;color:var(--st);text-shadow:0 1px 2px #000000e6;margin:1px 0 3px}.hc-slider[data-state=backwinded] .hc-sstate,.hc-slider[data-state=over] .hc-sstate{letter-spacing:0;text-align:center;transform-origin:50%;font-size:9px;transform:scaleX(.78)}.hc-strack{background:var(--inst-face);width:50px;height:176px;box-shadow:var(--bezel);touch-action:none;cursor:ns-resize;border-radius:10px;position:relative}.hc-strack:before{content:"";background:#000;border-radius:2px;width:4px;margin-left:-2px;position:absolute;top:20px;bottom:20px;left:50%;box-shadow:0 0 0 1px #28323a}.hc-strack.active{box-shadow:0 0 0 1px #000, 0 0 0 3px #1f272e, 0 0 0 4px var(--accent), 0 10px 26px #00000073}.hc-grad i{background:#56636e;width:7px;height:1px;position:absolute;left:5px}.hc-grad i.maj{background:#aab6bf;width:11px}.hc-end{text-align:center;font:700 9px var(--mono);letter-spacing:.1em;color:var(--inst-dim);pointer-events:none;position:absolute;left:0;right:0}.hc-end.top{top:4px}.hc-end.bot{bottom:4px}.hc-thumb{pointer-events:none;background:linear-gradient(#f4f6f8,#c9d1d8 44%,#8c979f 50%,#c9d1d8 56%,#eef1f4);border-radius:5px;height:30px;margin-top:-15px;position:absolute;left:7px;right:7px;box-shadow:0 3px 7px #000000a6,inset 0 0 0 1px #00000059}.hc-thumb:after{content:"";background:var(--st);height:4px;box-shadow:0 0 6px var(--st);border-radius:2px;margin-top:-2px;position:absolute;top:50%;left:3px;right:3px}.hc-detent{background:var(--inst-amber);width:11px;height:2px;position:absolute;top:50%;right:5px}.hc-slabel{font:700 12.5px var(--mono);letter-spacing:.16em;text-shadow:0 1px 3px #000000e6;margin-top:6px}body.phone .hc-left{flex:1;width:auto;min-width:0}body.phone .hc-scale b{font-size:10.5px}body.phone .hc-knob{height:40px}body.phone .hc-strack{width:44px;height:min(160px,25vh)}body.phone .hkey{gap:5px;height:38px;padding:0 9px;font-size:12.5px}body.phone #helm .hc-actions .hkey svg{width:15px;height:15px}body.phone .hc-actions,body.phone .hc-sailpanel{gap:6px}body.phone:not(.portrait) .hc-strack{height:min(130px,34vh)}.hc-act{background:var(--inst-amber);pointer-events:none;z-index:1;border-radius:2px;width:22px;height:3px;margin:-1.5px 0 0 -11px;position:absolute;left:50%;box-shadow:0 0 5px #ffb02099}.hc-slider[data-mode=made] .hc-act{box-shadow:none;background:#9fb0bc}.hc-sload{height:13px;font:600 10px var(--mono);letter-spacing:.04em;white-space:nowrap;color:var(--inst-dim);text-shadow:0 1px 2px #000000e6;margin-top:2px}.hc-slider:not([data-mode=made]) .hc-sload{color:var(--inst-amber)}.hc-crewpanel .hkey{height:36px;font-size:12px}.hc-crewsay{font:600 11px var(--mono);letter-spacing:.03em;color:var(--inst-dim);flex-basis:100%;line-height:1.35}.hc-crewkey.on{color:var(--inst-amber)}.hc-winch{background:var(--inst-face);width:118px;box-shadow:var(--bezel);color:var(--inst-ink);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:7px 6px 6px;display:flex}.hcw-title{font:700 10px var(--mono);letter-spacing:.14em;color:var(--inst-dim)}.hcw-dial{touch-action:none;cursor:grab;width:104px;height:104px}.hcw-load b{font:600 22px/1 var(--mono);letter-spacing:.02em}.hcw-load small{font:600 10px var(--mono);color:var(--inst-dim);margin-left:3px}.hc-winch.heavy .hcw-load b{color:var(--inst-port)}.hcw-info{min-height:24px;font:600 9px/12px var(--mono);letter-spacing:.04em;text-align:center;color:var(--inst-amber)}.hc-winch[data-mode=made] .hcw-info{color:var(--inst-dim)}.hcw-keys{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.hcw-keys .hkey{letter-spacing:.05em;min-width:0;height:30px;padding:0 7px;font-size:10.5px}body.phone .hc-winch{width:96px;padding:5px 4px}body.phone .hcw-dial{width:84px;height:84px}body.phone .hcw-load b{font-size:18px}body #lesson{top:var(--top);width:min(520px,100vw - 640px);min-width:320px;max-height:calc(100vh - var(--top) - 250px);bottom:auto;left:50%;right:auto;transform:translate(-50%)}#lesson:not(.expanded) .lp-say{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.lp-more{color:var(--accent);background:0 0;border:none;min-width:0;padding:2px 0;font-size:12px;display:block}body.phone.portrait #lesson{top:calc(var(--pod-bottom,160px) + 6px);width:auto;min-width:0;max-height:calc(100vh - var(--pod-bottom,160px) - 300px);padding:6px 10px 8px;left:8px;right:60px;transform:none}body.phone.portrait #lesson:not(.expanded) .lp-say{-webkit-line-clamp:3}body.phone:not(.portrait) #lesson{top:var(--top);width:min(360px,100vw - 560px);min-width:250px;max-height:calc(100vh - 170px);left:50%}body.phone:not(.portrait) #lesson:not(.expanded) .lp-say{-webkit-line-clamp:2}body.phone .lp-say{font-size:12.5px;line-height:1.38}body.phone .lp-actions{background:#08101af2;margin:0 -10px -8px;padding:6px 10px 8px;position:sticky;bottom:-8px}body.in-shop #lesson{top:14px;left:14px;transform:none}body #toast,body.in-lesson #toast{top:auto;bottom:calc(250px + env(safe-area-inset-bottom));white-space:normal;text-align:center;width:-moz-fit-content;width:fit-content;max-width:min(640px,100vw - 24px);margin:0 auto;left:12px;right:12px;transform:none}body.phone #toast{bottom:calc(232px + env(safe-area-inset-bottom));font-size:12.5px}body.phone.portrait #toast{top:calc(var(--hud-top,160px) + 8px);max-width:none;padding:7px 11px;font-size:12px;line-height:1.35;bottom:auto;left:10px;right:62px}body.kbd-mode:not(.helm-always) #toast,body.helm-off #toast{bottom:calc(40px + env(safe-area-inset-bottom))}#mob-panel{top:calc(var(--top) + 110px);bottom:auto}#hub{top:max(3vh, var(--top));z-index:20;background:#08101af2;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;display:flex;position:fixed;bottom:3vh;left:max(3vw,12px);right:max(3vw,12px);box-shadow:0 12px 40px #00000080}#hub.hidden{display:none}body.phone #hub{top:var(--top);padding-bottom:env(safe-area-inset-bottom);border-radius:14px 14px 0 0;bottom:0;left:0;right:0}.hub-tabs{border-bottom:1px solid #ffffff1a;flex:none;gap:2px;padding:6px 8px;display:flex;overflow-x:auto}.hub-tabs button{color:#b9cbd9;background:0 0;border:none;border-radius:8px;flex-direction:column;flex:none;align-items:center;gap:1px;min-width:66px;padding:5px 8px;font-size:11px;display:flex}.hub-tabs button.on{color:#fff;background:#56c8ff33}.ht-i{font-size:18px;line-height:1.2}.hub-tabs .hub-close{background:#08101a;min-width:44px;margin-left:auto;font-size:18px;position:sticky;right:0;box-shadow:-10px 0 10px #08101a}body.phone .hub-tabs button{min-width:54px;padding:4px}.hub-body{flex:1;min-height:0;position:relative}.hub-pane{-webkit-overflow-scrolling:touch;padding:12px 16px;display:none;position:absolute;inset:0;overflow:auto}.hub-pane.on{display:block}.hub-pane.hub-chart.on{padding:6px;display:flex}.hub-pane h3{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:14px 0 6px;font-size:12px}.hub-note{color:#9fb3c6;margin:0 0 6px}.in-hub{width:auto!important;min-width:0!important;max-width:none!important;max-height:none!important;box-shadow:none!important;z-index:auto!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important;position:static!important;transform:none!important}#chart.in-hub{flex:1;display:flex}#chart.in-hub.hidden,#chart.in-hub [data-z=close],#deck.in-hub .deck-toggle,#help.in-hub .row-end,#settings.in-hub #settings-close,#settings.in-hub>h2,#help.in-hub>h2{display:none}#deck.in-hub .deck-body{flex-wrap:wrap;gap:8px 18px;display:flex!important}#trim.in-hub{margin-bottom:14px!important;display:block!important}#trim.in-hub .sail,#trim.in-hub .toggles,#debrief.in-hub .db-close{display:none}.as-presets{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;display:grid}.as-preset{text-align:left;border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;display:flex}.as-preset b{font-size:15px}.as-preset small{color:#b9cbd9;font-weight:400;line-height:1.35}.as-preset.on{border-color:var(--accent);background:#56c8ff38}.as-note{color:var(--warn);font-size:12px}.as-row{border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:8px 0;display:flex}.as-row input[type=checkbox]{flex:none;width:20px;height:20px}.as-row span{flex-direction:column;flex:1;display:flex}.as-row small{color:#9fb3c6}.as-row select{flex:none}#trim.in-hub #status{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 24px;max-width:900px;display:grid}#trim.in-hub .srow{border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:12px;padding:3px 0;display:flex}#deck.in-hub .deck-body{justify-content:flex-start}body.phone #deck .dgroup-row{flex-wrap:wrap}body.phone #deck .dg-rig .dgroup-row{grid-template-rows:repeat(2,auto);grid-auto-flow:column;gap:4px;display:grid}body.phone #deck .dg-rig .dgroup-row button{justify-content:center;min-width:52px;min-height:44px;font-size:11px}.as-row small,.as-preset small{letter-spacing:0;text-transform:none;font-size:12px;font-weight:400}.as-row b{font-size:14px}body.phone:not(.portrait) #toast{left:calc(20px + min(340px,45vw));right:150px;bottom:calc(10px + env(safe-area-inset-bottom));width:auto;font-size:12px}body.phone:not(.portrait) #lesson{max-height:calc(100vh - 190px);top:calc(var(--pod-bottom,112px) + 5px);left:max(12px, env(safe-area-inset-left));width:min(340px,45vw);min-width:0;max-height:calc(100vh - var(--pod-bottom,112px) - 136px);transform:none}#btn-sound .snd-off,#btn-sound.muted .snd-on{display:none}#btn-sound.muted .snd-off{display:inline}#btn-sound.muted{color:#e8a33a}#walk-ui{left:50%;bottom:max(14px, env(safe-area-inset-bottom));z-index:30;pointer-events:none;flex-direction:column;align-items:center;gap:8px;font-family:Barlow Semi Condensed,system-ui,sans-serif;display:flex;position:fixed;transform:translate(-50%)}#walk-ui.hidden{display:none}#walk-ui .walk-tip{color:#dfe8f1;letter-spacing:.2px;white-space:nowrap;background:#081220b8;border-radius:6px;padding:6px 14px;font-size:15px}#walk-ui .walk-tip b{color:#d4a64a;text-transform:uppercase;letter-spacing:1.5px;margin-right:6px;font-size:13px;font-weight:600}#walk-ui .walk-touch,body.phone #walk-ui .walk-keys{display:none}body.phone #walk-ui .walk-touch{display:inline}#walk-ui .walk-acts{pointer-events:auto;gap:8px;display:flex}#walk-ui .hkey kbd{opacity:.7;margin-left:6px;font-size:11px}body.phone #walk-ui .hkey kbd{display:none}body.phone #walk-ui .walk-acts{flex-wrap:wrap;justify-content:center;gap:6px;width:calc(100vw - 16px)}body.phone #walk-ui .walk-acts .hkey{padding:8px 11px;font-size:13px}#walk-ui .hidden{display:none}#walk-ui .hkey.go{color:#0b1a2a;background:#f0b443;border-color:#f0b443;font-weight:700}#walk-ui .hkey.go:hover{background:#ffc75e}#walk-ui .hkey.go kbd{color:#0b1a2a}.walk-stick{z-index:29;pointer-events:none;background:#08122040;border:2px solid #ffffff73;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;position:fixed}.walk-stick.hidden{display:none}.walk-knob{background:#ffffffbf;border-radius:50%;width:48px;height:48px;position:absolute;top:36px;left:36px}body.walking #hud,.skip-hint,#start.arrival .modes,#start.arrival #menu-resume,#start.arrival .hint,#start.arrival #book-link,#start.arrival #intro-caption{display:none}#start.arrival .skip-hint{letter-spacing:.5px;color:#ffffffbf;margin-top:18px;font:500 14px Barlow Semi Condensed,system-ui,sans-serif;display:block}#talk{left:50%;bottom:max(18px, env(safe-area-inset-bottom));z-index:40;color:#e6edf4;background:#081220e0;border-radius:10px;width:min(640px,100vw - 32px);padding:16px 18px 14px;font-family:Barlow Semi Condensed,system-ui,sans-serif;position:fixed;transform:translate(-50%);box-shadow:0 8px 30px #00000059}#talk.hidden{display:none}#talk .talk-who{align-items:baseline;gap:10px;margin-bottom:6px;display:flex}#talk .talk-who b{letter-spacing:.4px;color:#fff;font:600 20px Barlow Condensed,system-ui,sans-serif}#talk .talk-who span{color:#d4a64a;letter-spacing:.5px;font-size:14px}#talk .talk-say{color:#e6edf4;margin:0 0 12px;font:400 18px/1.4 Barlow Semi Condensed,system-ui,sans-serif}#talk .talk-opts{flex-wrap:wrap;gap:8px;display:flex}#talk .talk-opts button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff38;border-radius:6px;align-items:center;gap:8px;padding:7px 12px;font:500 15px Barlow Semi Condensed,system-ui,sans-serif;display:inline-flex}#talk .talk-opts button:hover{background:#ffffff2e}#talk .talk-opts kbd{opacity:.6;border:1px solid #ffffff59;border-radius:3px;padding:0 4px;font-size:11px}#talk .talk-opts small{opacity:.7;margin-left:6px}body.phone #talk .talk-opts kbd,body.talking #walk-ui,body.hub #modes .mode:not(#mode-club):not(#mode-go):not(#mode-clubnight){display:none}#coach{top:calc(var(--top) + 120px);left:max(14px, env(safe-area-inset-left));z-index:6;background:#08101ad6;width:min(440px,100vw - 28px);padding:10px 34px 10px 14px;font-size:16px;line-height:1.35;position:fixed}#coach.hidden,body.in-lesson #coach{display:none}#coach .co-close{min-width:0;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:2px 8px;font-size:18px;position:absolute;top:4px;right:4px}#coach .co-buttons{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}#coach .co-buttons.hidden{display:none}#coach .co-buttons button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff40;border-radius:6px;padding:8px 12px;font:600 15px Barlow Semi Condensed,system-ui,sans-serif}#coach .co-buttons button.primary{color:#0b1a2a;background:#f0b443;border-color:#f0b443}body.touchui:not(.phone) #coach{top:calc(var(--pod-bottom,120px) + 8px)}body.phone #coach .co-buttons{gap:6px;margin-top:8px}body.phone #coach .co-buttons button{padding:7px 10px;font-size:14px}body.phone.portrait #coach{top:calc(var(--pod-bottom,160px) + 6px);width:auto;padding:8px 30px 8px 10px;font-size:14px;left:8px;right:60px}body.phone:not(.portrait) #coach{top:calc(var(--pod-bottom,112px) + 5px);left:max(12px, env(safe-area-inset-left));width:min(340px,45vw);padding:6px 28px 6px 10px;font-size:13px}body.phone.portrait:has(#topbar.more-open) #coach{visibility:hidden}@media (pointer:coarse){.kb-only{display:none}}#pod{top:var(--top);left:max(14px, env(safe-area-inset-left));z-index:5;-webkit-user-select:none;user-select:none;--h:clamp(96px, 12.5vmin, 136px);flex-direction:column;gap:7px;display:flex;position:fixed}.inst-row{align-items:flex-start;gap:9px;display:flex}.inst-head{box-sizing:border-box;width:var(--h);height:var(--h);padding:calc(var(--h) * .07);cursor:pointer;font-family:var(--mono);font-variant-numeric:tabular-nums;flex-direction:column;flex:none;display:flex;overflow:hidden}.inst-head label{font:600 calc(var(--h) * .085) / 1 var(--mono);letter-spacing:.1em;color:var(--inst-dim);white-space:nowrap}.inst-head small{font:600 calc(var(--h) * .08) var(--mono);letter-spacing:.06em;color:var(--inst-dim);margin-left:3px}.inst-dial{padding:calc(var(--h) * .05);align-items:center}.ih-dial{width:calc(var(--h) * .72);height:calc(var(--h) * .72);flex:none;display:block}.ih-foot{white-space:nowrap;align-items:baseline;gap:4px;margin-top:auto;display:flex}.ih-dv{font:600 calc(var(--h) * .15) / 1 var(--mono);color:var(--inst-ink)}.inst-digital{position:relative}.ih-big{gap:calc(var(--h) * .03);flex-direction:column;display:flex}.ih-row{align-items:baseline;display:flex}.ih-v{font:600 calc(var(--h) * .34) / .95 var(--mono);letter-spacing:-.02em;color:var(--inst-ink)}.ih-small{padding-top:calc(var(--h) * .04);white-space:nowrap;border-top:1px solid #1d262e;align-items:baseline;gap:4px;margin-top:auto;display:flex}.ih-sv{font:600 calc(var(--h) * .14) / 1 var(--mono);color:var(--inst-ink);margin-left:auto}.ih-pips{bottom:calc(var(--h) * .025);justify-content:center;gap:2px;display:flex;position:absolute;left:0;right:0}.inst-digital{padding-bottom:calc(var(--h) * .09)}.ih-pips i{width:calc(var(--h) * .035);height:calc(var(--h) * .035);background:#26313a;border-radius:50%}.ih-pips i.on{background:var(--inst-amber)}.inst-head[data-side=port] .ih-v,.inst-head[data-side=port] .ih-dv,.inst-head[data-side=port] .ih-big small,.inst-dial[data-side=port] .ih-foot small{color:var(--inst-port)}.inst-head[data-side=stbd] .ih-v,.inst-head[data-side=stbd] .ih-dv,.inst-head[data-side=stbd] .ih-big small,.inst-dial[data-side=stbd] .ih-foot small{color:var(--inst-stbd)}.inst-head[data-small-side=port] .ih-small .ih-sv,.inst-head[data-small-side=port] .ih-small small{color:var(--inst-port)}.inst-head[data-small-side=stbd] .ih-small .ih-sv,.inst-head[data-small-side=stbd] .ih-small small{color:var(--inst-stbd)}.pod-banner{width:calc(var(--h) * 1.6);cursor:default}.pod-banner:has(#c-rows:empty){display:none}.pod-banner #c-title{margin:0 0 calc(var(--h) * .03);font:700 calc(var(--h) * .08) var(--mono);letter-spacing:.16em;color:var(--inst-amber)}.pod-banner #c-rows{grid-template-columns:auto 1fr;align-items:center;column-gap:6px;display:grid}.pod-banner #c-rows>:not(.big):not(.flags){grid-column:1/-1}.pod-banner #c-rows .big{padding:0 0 calc(var(--h) * .03);font:700 calc(var(--h) * .22) / 1 var(--mono);text-align:left}.pod-banner #c-rows .flags{padding:0 0 calc(var(--h) * .03);justify-content:flex-end;gap:3px}.pod-banner .flag{width:calc(var(--h) * .2);height:calc(var(--h) * .13);font-size:calc(var(--h) * .075)}.pod-banner .row{white-space:nowrap;justify-content:space-between;gap:8px;padding:1px 0;display:flex}.pod-banner .row label{font-size:calc(var(--h) * .075)}.pod-banner .row span{text-overflow:ellipsis;font:600 calc(var(--h) * .095) var(--mono);color:var(--inst-ink);overflow:hidden}.pod-banner .buttons button{font:600 calc(var(--h) * .085) var(--mono);margin-top:4px}.pod-advice{max-width:calc(var(--h) * 4 + 27px)}.pod-advice:empty{display:none}.pod-advice .note{font:500 13px/1.3 var(--font);color:#d5e2ec;-webkit-line-clamp:2;background:#05080bc7;border-bottom:5px solid #0000;border-radius:8px;-webkit-box-orient:vertical;padding:5px 10px 0;display:-webkit-box;overflow:hidden}.pod-advice .note+.note{margin-top:4px}.pod-advice .note.good{color:var(--good)}.pod-advice .note.warn{color:var(--warn)}.pod-advice .note.bad{color:var(--bad)}.ih-sounder{display:none}@media (min-width:1280px) and (min-height:700px){.ih-sounder{display:flex}}body.phone #pod{--h:clamp(62px, calc((100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 108px) / 3), 112px);gap:5px}body.phone .inst-row{gap:6px}body.phone.portrait #pod:not(:has(#c-rows:empty)) .ih-second{display:none}body.phone.portrait #pod:not(:has(#c-rows:empty)) .inst-row{width:calc(var(--h) * 2 + 6px);flex-wrap:wrap}body.phone.portrait .pod-banner{width:calc(var(--h) * 2 + 6px);height:calc(var(--h) * .86);--h:clamp(62px, calc((100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 108px) / 3), 112px)}body.phone.portrait .pod-advice{max-width:calc(var(--h) * 2 + 6px)}body.phone.portrait .pod-advice .note{font-size:12px}#topbar-more{display:contents}#btn-warp{order:1}#btn-hub{order:2}#btn-walk{order:3}#btn-cam{order:4}#btn-vr{order:5}#btn-sound{order:6}#btn-menu{order:7}#btn-more{order:8;display:none}.tb-ml,#msg-slot{display:none}body.touchui{--sl:max(12px, env(safe-area-inset-left));--sr:max(12px, env(safe-area-inset-right));--key:44px}body.phone{--sb:calc(8px + env(safe-area-inset-bottom))}body.phone:not(.portrait){--sb:max(8px, env(safe-area-inset-bottom))}body.phone #topbar{top:var(--top);right:var(--sr);gap:6px}body.phone #topbar .hkey{width:var(--key);min-width:var(--key);height:var(--key);padding:0}body.phone #btn-more{display:inline-flex}body.phone #topbar:has(#btn-warp.on) #btn-more{color:var(--inst-amber);box-shadow:inset 0 1px 0 #ffffff21, 0 0 0 1px var(--inst-amber), 0 0 12px #ffb02059}body.phone #topbar-more{display:none}body.phone #topbar.more-open #topbar-more{box-shadow:var(--bezel);background:#05080beb;border-radius:12px;flex-direction:column;gap:6px;padding:7px;display:flex;position:absolute;top:calc(100% + 8px);right:0}body.touchui #topbar.more-open{z-index:9}body.phone.portrait:has(#topbar.more-open) #lesson{visibility:hidden}body.phone:not(.portrait) #topbar.more-open #topbar-more{grid-template-columns:repeat(2,auto);gap:5px;padding:5px;display:grid;top:calc(100% + 6px)}body.phone #topbar.more-open #topbar-more .hkey{justify-content:flex-start;gap:9px;width:auto;min-width:118px;padding:0 12px}body.phone #topbar-more .hkey.hidden{display:none}body.phone #topbar-more .tb-ml,body.phone #topbar-more .tb-l{display:inline}body.phone #pod{top:var(--top);left:var(--sl);gap:5px}body.phone.portrait #pod{--h:clamp(54px, calc((100vw - var(--sl) - var(--sr) - var(--key) - 8px - 10px) / 4.1), 76px)}body.phone:not(.portrait) #pod{--h:clamp(52px, 15vh, 60px)}body.phone .inst-row{flex-wrap:nowrap;gap:5px;width:auto}body.phone.portrait #pod:not(:has(#c-rows:empty)) .inst-row{flex-wrap:nowrap;gap:5px;width:auto}body.phone .inst-head label{font-size:max(6.5px, calc(var(--h) * .085))}body.phone .inst-head small{font-size:max(6.5px, calc(var(--h) * .08))}body.touchui .pod-banner,body.touchui.portrait .pod-banner{--h:inherit;width:calc(var(--h) * 2.1);height:var(--h);cursor:pointer;padding:4px 7px 3px}body.touchui .pod-banner.expanded{height:auto;min-height:var(--h);z-index:8}body.touchui .pod-banner #c-title{margin:0 0 1px;font-size:8.5px}body.touchui .pod-banner:not(.expanded) #c-title:after{content:" ▾";color:var(--inst-dim)}body.touchui .pod-banner #c-rows .big{font-size:calc(var(--h) * .31);padding:0 0 1px}body.touchui .pod-banner #c-rows .flags{padding:0}body.touchui .pod-banner .flag{width:15px;height:10px;font-size:6.5px}body.touchui .pod-banner .row{padding:0;line-height:1.25}body.touchui .pod-banner .row label{font-size:8px}body.touchui .pod-banner .row span{font-size:10.5px}body.touchui .pod-banner:not(.expanded) #c-rows .row~.row~.row,body.touchui .pod-banner:not(.expanded) #c-rows>:not(.big):not(.flags):not(.row){display:none}body.touchui .pod-banner:not(.expanded) #c-rows:has(.big) .row~.row{display:none}body.touchui .pod-banner .buttons button{min-height:var(--key);font-size:12px}body.touchui #msg-slot{z-index:7;cursor:pointer;flex:none;height:40px;display:block;position:relative}body.phone:not(.portrait) #msg-slot{top:var(--top);left:calc(var(--pod-right,330px) + 8px);right:calc(var(--sr) + var(--topbar-w,144px) + 8px);height:44px;position:fixed}body.touchui #msg-slot .pod-advice{max-width:none;position:absolute;inset:auto 0 0}body.phone:not(.portrait) #msg-slot .pod-advice,body.phone:not(.portrait) #msg-slot #toast{inset:0 0 auto}body.touchui #msg-slot .pod-advice .note{box-sizing:border-box;border-bottom:4px solid #0000;padding:4px 9px 0;font-size:12px;line-height:1.3}body.touchui #msg-slot .pod-advice .note+.note{display:none}body.touchui #msg-slot #toast{box-sizing:border-box;letter-spacing:.01em;text-align:left;white-space:normal;-webkit-line-clamp:2;border-bottom:4px solid #0000;-webkit-box-orient:vertical;width:auto;max-width:none;height:auto;margin:0;padding:4px 9px 0;font-size:12px;line-height:1.3;display:-webkit-box;position:absolute;inset:auto 0 0;overflow:hidden;transform:none}body.touchui #msg-slot:has(#toast.show) .pod-advice{visibility:hidden}body.touchui #msg-slot.open .pod-advice,body.touchui #msg-slot.open #toast{height:auto;position:absolute;inset:auto 0 0}body.phone:not(.portrait) #msg-slot.open .pod-advice,body.phone:not(.portrait) #msg-slot.open #toast{top:0;bottom:auto}body.touchui #msg-slot.open .pod-advice .note,body.touchui #msg-slot.open #toast{-webkit-line-clamp:unset}body.touchui #msg-slot.open .pod-advice .note+.note{display:-webkit-box}body.phone #helm{left:var(--sl);right:var(--sr);bottom:var(--sb);gap:8px}body.phone .hc-left{flex:1;gap:6px;width:auto;min-width:0}body.phone:not(.portrait) .hc-left{flex:none;width:clamp(236px,30vw,280px)}body.phone .hc-actions{column-gap:clamp(3px, calc((100% - 6 * var(--key)) / 5), 6px);row-gap:6px}body.phone #helm .hc-actions .hkey{height:var(--key);position:relative}body.phone #helm .hc-actions .hkey:not(.hc-chip){width:min(var(--key), calc((100% - 15px) / 6));min-width:min(var(--key), calc((100% - 15px) / 6));letter-spacing:.04em;flex-direction:column;justify-content:center;gap:3px;padding:0;font-size:8.5px}body.phone #helm .hc-actions .hkey:not(.hc-chip) svg{width:17px;height:17px}body.phone #helm .hc-actions .hkey:not(.hc-chip) .led{width:6px;height:6px;position:absolute;top:5px;right:5px}body.phone #helm .hc-auto:before{content:"";background:currentColor;width:17px;height:17px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12a8 8 0 0 1 14-5.3' stroke='black' stroke-width='2.2' fill='none' stroke-linecap='round'/%3E%3Cpath d='M20 12a8 8 0 0 1-14 5.3' stroke='black' stroke-width='2.2' fill='none' stroke-linecap='round'/%3E%3Cpath d='M18.5 2.5v4.5H14M5.5 21.5V17H10' stroke='black' stroke-width='2.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12a8 8 0 0 1 14-5.3' stroke='black' stroke-width='2.2' fill='none' stroke-linecap='round'/%3E%3Cpath d='M20 12a8 8 0 0 1-14 5.3' stroke='black' stroke-width='2.2' fill='none' stroke-linecap='round'/%3E%3Cpath d='M18.5 2.5v4.5H14M5.5 21.5V17H10' stroke='black' stroke-width='2.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}body.phone #helm .hc-chip{padding:0 10px;font-size:11px}body.touchui .hc-sailpanel .hkey,body.touchui .hc-crewpanel .hkey{min-width:var(--key);height:var(--key);flex:none;font-size:11.5px}body.touchui .hc-keyrow{display:block;position:relative}body.touchui .hc-sailpanel,body.touchui .hc-crewpanel{z-index:2;height:var(--key);box-shadow:none;overscroll-behavior-x:contain;scrollbar-width:none;background:0 0;border-radius:10px;flex-wrap:nowrap;align-items:center;gap:6px;padding:0;position:absolute;bottom:0;left:0;right:0;overflow:auto hidden;-webkit-mask:linear-gradient(90deg,#000 calc(100% - 22px),#0000);mask:linear-gradient(90deg,#000 calc(100% - 22px),#0000)}body.touchui .hc-sailpanel::-webkit-scrollbar{display:none}body.touchui #helm.panel-open .hc-actions{visibility:hidden}body.touchui #helm .hc-panelback{z-index:1;width:var(--key);letter-spacing:.04em;color:var(--inst-amber);flex-direction:column;justify-content:center;gap:3px;padding:0;font-size:8.5px;display:inline-flex;position:sticky;left:0}body.touchui #helm .hc-panelback svg{width:17px;height:17px}body.touchui .hc-crewsay{width:200px;max-height:var(--key);flex:none;padding-right:24px;font-size:9.5px;line-height:1.2;overflow:hidden}body.phone .hc-pilot{border-radius:10px;gap:5px;padding:5px}body.phone #helm .hcp-row{gap:4px}body.phone #helm .hcp-top .hkey{letter-spacing:.04em;height:32px;padding:0 4px;font-size:10.5px}body.phone #helm .hcp-top .hkey svg{width:14px;height:14px}body.phone #helm .hcp-course .hkey{height:var(--key);padding:0 2px;font-size:13.5px}body.phone .hcp-val{font-size:18px}body.phone .hcp-what{font-size:8.5px}body.phone .hc-pad{height:54px}body.phone .hc-scale{height:28px;top:6px}body.phone .hc-scale b{font-size:10px;top:14px}body.phone .hc-knob{height:32px;top:4px}body.phone .hc-strain{top:37px}body.phone .hc-pad-label{font-size:10px;bottom:3px}body.phone .hc-lash{bottom:3px}body.phone .hc-lash:before{content:"";position:absolute;inset:-13px -8px -3px}body.phone .hc-sliders{gap:6px}body.phone .hc-slider{width:48px}body.phone .hc-tell{height:26px;padding:1px 4px}body.phone .hc-tell svg{width:32px;height:24px}body.phone .hc-sstate{height:12px;margin:1px 0 2px;font-size:9px}body.phone .hc-strack,body.phone:not(.portrait) .hc-strack{width:44px;height:120px}body.phone .hc-slabel{margin-top:3px;font-size:11px}body.phone .hc-sload{height:12px;margin-top:0;font-size:9.5px}body.touchui #lesson,body.phone.portrait #lesson,body.phone:not(.portrait) #lesson{top:calc(var(--pod-bottom,130px) + 6px);bottom:auto;left:var(--sl);grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"title title title""steps steps steps""links links links""say say say""status status status""bar bar bar""quiz quiz quiz""feedback feedback feedback""actions more min";align-items:center;column-gap:4px;min-width:0;padding:6px 8px 4px 10px;display:grid;transform:none}body.phone.portrait #lesson{right:calc(var(--sr) + var(--key) + 8px);width:auto;max-height:calc(100vh - var(--pod-bottom,130px) - 300px)}body.phone:not(.portrait) #lesson{width:clamp(236px,30vw,280px);max-height:calc(var(--helm-top,250px) - var(--pod-bottom,70px) - 14px);right:auto}body.touchui #lesson.hidden{display:none}body.touchui #lesson .lp-head{display:contents}body.touchui #lesson .lp-title{grid-area:title}body.touchui #lesson .lp-steps{grid-area:steps;margin:4px 0 5px}body.touchui #lesson .lp-links{grid-area:links}body.touchui #lesson .lp-say{grid-area:say}body.touchui #lesson .lp-status{grid-area:status;margin-top:5px}body.touchui #lesson .lp-bar{grid-area:bar}body.touchui #lesson .lp-quiz{grid-area:quiz}body.touchui #lesson .lp-feedback{grid-area:feedback;margin-top:5px}body.touchui #lesson .lp-actions{background:0 0;grid-area:actions;gap:4px;margin:4px 0 0;padding:0;position:static}body.touchui #lesson:not(.expanded) .lp-say,body.phone.portrait #lesson:not(.expanded) .lp-say,body.phone:not(.portrait) #lesson:not(.expanded) .lp-say{-webkit-line-clamp:2}body.touchui #lesson .lp-actions button{min-height:var(--key);padding:0 11px;font-size:12px}body.touchui #lesson:not(.expanded) .lp-restart,body.touchui #lesson:not(.expanded) .lp-exit{display:none}body.touchui #lesson .lp-more,body.touchui #lesson .lp-more.hidden{min-width:var(--key);height:var(--key);grid-area:more;align-self:end;padding:0 6px;display:block!important}body.touchui #lesson .lp-min{min-width:var(--key);height:var(--key);grid-area:min;align-self:end;padding:0}body.touchui #lesson.minimized .lp-more,body.touchui #lesson.minimized .lp-more.hidden{display:none!important}body.touchui #lesson.minimized{grid-template-areas:"title more min";padding-top:0;padding-bottom:0}body.touchui #lesson .lp-opt{min-height:var(--key)}body.phone.ui-min #pod,body.phone.ui-min #topbar,body.phone.ui-min #lesson,body.tablet #topbar .tb-l{display:none}body.tablet #topbar .hkey,body.tablet #helm .hkey{min-width:var(--key);height:var(--key)}body.tablet #pod{--h:clamp(80px, 10.5vmin, 96px)}body.tablet.portrait #pod:not(:has(#c-rows:empty)) .ih-second{display:none}body.tablet #lesson{top:calc(var(--pod-bottom,120px) + 8px);left:var(--sl);width:min(460px, calc(100vw - 2 * var(--sl) - 140px));max-height:calc(var(--helm-top,900px) - var(--pod-bottom,120px) - 24px);padding:8px 10px 6px 12px;right:auto}body.tablet #lesson:not(.expanded) .lp-say{-webkit-line-clamp:3}body.tablet .hc-left{gap:8px}body.tablet #msg-slot{height:44px}body.tablet #msg-slot .pod-advice .note,body.tablet #msg-slot #toast{font-size:13px}.lp-links{flex-wrap:wrap;gap:2px 12px;margin:2px 0 6px;font-size:12px;display:flex}.lp-links a{color:var(--accent);text-decoration:none}.lp-links a:hover{text-decoration:underline}#lesson.minimized .lp-links{display:none}#coach-debrief{z-index:25;-webkit-user-select:text;user-select:text;background:#08101af2;width:min(560px,100vw - 32px);max-height:calc(100dvh - 32px);padding:16px 20px 18px;font-size:15px;line-height:1.45}#coach-debrief h2{margin:0 28px 10px 0;font-size:19px}#coach-debrief h3{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:14px 0 4px;font-size:12px}#coach-debrief .cd-x{color:var(--muted);background:0 0;border:none;padding:2px 8px;font-size:18px;position:absolute;top:8px;right:8px}#coach-debrief .cd-head{border-left:3px solid var(--accent);background:#56c8ff1f;border-radius:6px;margin-bottom:10px;padding:7px 11px;font-size:14px}#coach-debrief .cd-q{background:#ffffff0d;border-radius:8px;padding:10px 12px 8px}#coach-debrief .cd-kicker{color:var(--warn);letter-spacing:.06em;text-transform:uppercase;margin:0 0 2px;font-size:12px;font-weight:600}#coach-debrief .cd-qtext{margin:0 0 6px;font-size:16px;font-weight:600}#coach-debrief .lp-opt{min-height:40px;padding:9px 12px;font-size:14px}#coach-debrief .lp-opt:disabled{cursor:default;opacity:1}#coach-debrief .cd-explain{color:#ffd2cb;margin:8px 0 2px;font-size:14px}#coach-debrief .cd-explain.good{color:#c4f5d6}#coach-debrief .cd-skip,#coach-debrief .cd-numbers{color:var(--muted);background:0 0;border:none;padding:6px 0 0;font-size:13px;font-weight:500;text-decoration:underline}#coach-debrief .cd-feedback{margin:0;padding-left:18px}#coach-debrief .cd-feedback li{margin:3px 0}#coach-debrief .cd-goal{margin:0;font-weight:600}#coach-debrief .cd-stamps{color:var(--good);margin:10px 0 0;font-size:14px}#coach-debrief .cd-links{flex-wrap:wrap;gap:6px 16px;margin:12px 0 0;font-size:14px;display:flex}#coach-debrief .cd-links a{color:var(--accent)}#coach-debrief .cd-feel{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;font-size:14px;display:flex}#coach-debrief .cd-feel button{padding:5px 10px;font-size:13px}#coach-debrief .cd-choices{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}#coach-debrief .cd-choices button{flex:auto;min-height:44px;padding:8px 14px;font-size:15px}body.phone #coach-debrief{width:100%;max-height:calc(100dvh - var(--top,0px) - 8px);padding:14px 16px calc(16px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0;inset:auto 0 0;transform:none}body.phone #coach-debrief .cd-choices button{flex:100%}#harbour-ready{box-shadow:none;background:#ffffff0a;border:1px solid #ffffff1a;margin:0 0 16px;padding:12px 14px 14px}#harbour-ready .hr-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}#harbour-ready .hr-head h3{letter-spacing:.08em;margin:0;font-size:15px}#harbour-ready .hr-count{font-family:var(--num);color:var(--muted);font-size:15px}#harbour-ready .hr-note{color:#9fb3c6;margin:4px 0 10px;font-size:13px}#harbour-ready .hr-stamps{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}#harbour-ready .hr-stamp{border:1px dashed #fff3;border-radius:8px;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}#harbour-ready .hr-stamp.on{background:#52e08a14;border:1px solid #52e08a73}#harbour-ready .hr-seal{border:2px dashed #ffffff40;border-radius:50%;flex:0 0 34px;place-items:center;height:34px;font-size:17px;display:grid}#harbour-ready .hr-stamp.on .hr-seal{border:2px solid var(--good);color:var(--good);transform:rotate(-8deg)}#harbour-ready .hr-text{flex-direction:column;gap:2px;min-width:0;display:flex}#harbour-ready .hr-text b{font-size:14px}#harbour-ready .hr-text small{color:#9fb3c6;font-size:12.5px;line-height:1.35}#harbour-ready .hr-go{align-self:flex-start;margin-top:4px;padding:4px 10px;font-size:12px}#racing{max-width:760px;margin:0 auto}#racing section{margin:0 0 18px}#racing p{margin:4px 0 8px;line-height:1.4}#racing .rc-cond b{color:#fff}.rc-btns{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.rc-btns button{min-height:36px;padding:8px 12px;font-size:13px}.rc-btns button.primary,#challenge-card button.primary{color:#fff;background:#56c8ff47;border-color:#56c8ffb3}.rc-btns button.on{color:#fff;background:#ffc46b40;border-color:#ffc46bcc}.rc-best{background:#ffffff0d;border-radius:8px;margin:8px 0;padding:8px 10px}.rc-sharetext{white-space:pre-wrap;overflow-wrap:anywhere;color:#dfe9f2;margin:6px 0 0;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.rc-copy{width:100%;height:76px;font:12px ui-monospace,monospace}.rc-copy.hidden{display:none}.rc-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.rc-table th,.rc-table td{text-align:center;border-bottom:1px solid #ffffff12;padding:4px 3px}.rc-table th{color:#9fb3c6;font-weight:600}.rc-table th.rc-now{color:var(--accent)}.rc-table .rc-name{text-align:left;white-space:nowrap}.rc-table .rc-name small{color:#8ea3b6;font-size:11px}.rc-table td.rc-count{color:#fff;font-weight:700}.rc-table td.rc-drop{color:#6f8496}.rc-table tr.rc-you td{background:#56c8ff1f}.rc-days{font-size:14px}.rc-days b{color:#fff;font-size:18px}.rc-rungs{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:5px;margin:6px 0;display:grid}.rc-rung{text-align:left;flex-direction:column;align-items:flex-start;padding:6px 8px;display:flex}.rc-rung small{color:#9fb3c6;font-size:11px;font-weight:500}.rc-rung.beaten{opacity:.6}.rc-rung.next{border-color:#ffc46bcc}.rc-rung.on{background:#ffc46b40}.rc-plist{flex-direction:column;gap:2px;display:flex}.rc-prow{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:8px;padding:4px 0;display:flex}.rc-prow small{color:#9fb3c6}.rc-prow .rc-btns{flex-wrap:nowrap;flex:none;margin:0}.rc-prow .rc-btns button{min-height:32px;padding:6px 10px}.rc-field{color:#b9cbd9;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;font-size:13px;display:flex}.rc-field input{color:#fff;font:14px var(--font);background:#ffffff14;border:1px solid #fff3;border-radius:6px;padding:6px 8px}.rc-link-btn{color:var(--accent);background:0 0;border:none;padding:0;text-decoration:underline}#challenge-card{z-index:50;background:#040a128c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}#challenge-card.hidden{display:none}#challenge-card .cc-card{color:#e6edf4;background:#081220f5;border:1px solid #ffffff24;border-radius:12px;width:min(480px,100%);padding:16px 18px;font-family:Barlow Semi Condensed,system-ui,sans-serif;box-shadow:0 10px 34px #00000073}#challenge-card h3{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 8px;font-size:14px}#challenge-card p{margin:0 0 12px;font-size:16px;line-height:1.45}#challenge-card .rc-btns button{padding:10px 14px;font-size:15px}#noticeboard{left:50%;top:calc(var(--top) + 8px);bottom:max(14px, env(safe-area-inset-bottom));z-index:45;color:#e6edf4;background:#081220ed;border-radius:10px;flex-direction:column;width:min(760px,100vw - 32px);font-family:Barlow Semi Condensed,system-ui,sans-serif;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 30px #0006}#noticeboard.hidden{display:none}#noticeboard .nb-head{align-items:baseline;gap:12px;padding:14px 48px 6px 18px;display:flex;position:relative}#noticeboard .nb-head b{letter-spacing:1px;text-transform:uppercase;color:#fff;font:700 24px Barlow Condensed,system-ui,sans-serif}#noticeboard .nb-date{color:#d4a64a;font-size:15px}#noticeboard .nb-close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px 10px;font-size:26px;position:absolute;top:6px;right:8px}#noticeboard .nb-tabs{border-bottom:1px solid #ffffff1f;gap:6px;padding:0 18px 8px;display:flex}#noticeboard .nb-tabs button{color:#cfd9e3;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:999px;padding:6px 14px;font:600 15px Barlow Semi Condensed,system-ui,sans-serif}#noticeboard .nb-tabs button.on{color:#0b1a2a;background:#d4a64a;border-color:#d4a64a}#noticeboard .nb-body{flex:1;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-content:start;gap:10px;padding:12px 18px 18px;display:grid;overflow-y:auto}#noticeboard .nb-card{color:#1d2833;background:#fbfaf6;border-radius:4px;padding:10px 14px 12px;box-shadow:0 2px 6px #0000004d}#noticeboard .nb-card.nb-race,#noticeboard .nb-card.nb-series{background:#fdf6dc}#noticeboard .nb-card.nb-sightings{background:#e4eef4}#noticeboard .nb-card h3{letter-spacing:.8px;text-transform:uppercase;color:#14284a;margin:0 0 6px;font:700 17px Barlow Condensed,system-ui,sans-serif}#noticeboard .nb-card p{margin:0 0 4px;font-size:16px;line-height:1.35}#noticeboard .nb-card table{border-collapse:collapse;width:100%;margin:4px 0;font-size:15px}#noticeboard .nb-card td{border-bottom:1px solid #00000014;padding:2px 0}#noticeboard .nb-card td:last-child{text-align:right}#noticeboard .nb-card tr.mine td{font-weight:700}#noticeboard .nb-card button{color:#fff;cursor:pointer;background:#14284a;border:none;border-radius:6px;margin-top:8px;padding:8px 12px;font:600 15px Barlow Semi Condensed,system-ui,sans-serif}#noticeboard .nb-intro{color:#cfd9e3;grid-column:1/-1;margin:0;font-size:15px;line-height:1.4}#noticeboard .nb-sights{grid-column:1/-1;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}#noticeboard .nb-sight{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;gap:12px;padding:10px 12px;display:flex}#noticeboard .nb-sight b{color:#fff;letter-spacing:.5px;font:700 17px Barlow Condensed,system-ui,sans-serif;display:block}#noticeboard .nb-sight small{color:#d4a64a;margin:1px 0 4px;font-size:14px;display:block}#noticeboard .nb-sight p{margin:0 0 4px;font-size:15px;line-height:1.35}#noticeboard .nb-sight .nb-where{color:#a9bccd}#noticeboard .nb-sight.unseen b{color:#8fa3b5}#noticeboard .nb-hint{color:#a9bccd;font-style:italic}#noticeboard .nb-shape{fill:#3c4a58;stroke:#3c4a58;flex:0 0 64px;width:64px;height:40px}#noticeboard .nb-shape .sh-x{fill:#3c4a58}#noticeboard .nb-shape.seen{fill:#e8eef4;stroke:#e8eef4}#noticeboard .nb-shape.seen .sh-x{fill:#d4a64a}body.reading-board #walk-ui,body.reading-board #talk,body.hub-open #walk-ui{display:none}body.phone #noticeboard{width:calc(100vw - 16px);top:calc(var(--top) + 4px);bottom:max(8px, env(safe-area-inset-bottom))}body.phone #noticeboard .nb-head{flex-wrap:wrap;row-gap:0;padding:10px 44px 4px 14px}body.phone #noticeboard .nb-head b{white-space:nowrap;font-size:20px}body.phone #noticeboard .nb-tabs{padding:0 14px 8px}body.phone #noticeboard .nb-body{grid-template-columns:1fr;padding:10px}body.phone #noticeboard .nb-sights{grid-template-columns:1fr}#stop-card{top:calc(var(--top) + 150px);z-index:38;color:#e8eef4;background:#08101ae6;border:1px solid #ffffff24;border-radius:10px;width:min(460px,100vw - 32px);padding:12px 36px 12px 16px;font:400 17px/1.35 Barlow Semi Condensed,system-ui,sans-serif;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0000004d}#stop-card.hidden{display:none}#stop-card p{margin:0}#stop-card .sp-close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:2px 8px;font-size:20px;position:absolute;top:4px;right:4px}#stop-card .sp-opts{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}#stop-card .sp-opts button,#rest .rest-opts button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff40;border-radius:6px;padding:8px 14px;font:600 15px Barlow Semi Condensed,system-ui,sans-serif}#stop-card .sp-opts button.primary{color:#0b1a2a;background:#f0b443;border-color:#f0b443}body.phone.portrait #stop-card{width:calc(100vw - 16px);top:40%}#rest{z-index:60;-webkit-backdrop-filter:blur(4px);background:#060e18b8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}#rest.hidden{display:none}#rest .rest-box{text-align:center;color:#e8eef4;width:min(440px,100%);font:400 18px/1.45 Barlow Semi Condensed,system-ui,sans-serif}#rest h2{letter-spacing:1.5px;text-transform:uppercase;color:#fff;margin:0 0 10px;font:700 34px Barlow Condensed,system-ui,sans-serif}#rest p{margin:0 0 8px}#rest .rest-opts{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}#club-overlay{z-index:55;padding:max(16px, env(safe-area-inset-top)) 16px 16px;-webkit-overflow-scrolling:touch;background:#040a129e;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}#club-overlay.hidden{display:none}#club-overlay .cn-card{color:#e6edf4;width:min(560px,100%);font-family:var(--font);background:#081220f7;border:1px solid #ffffff24;border-radius:12px;margin:auto 0;padding:16px 18px;font-size:15px;line-height:1.45;position:relative;box-shadow:0 10px 34px #00000073}#club-overlay h3{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 34px 10px 0;font-size:14px}#club-overlay h4{letter-spacing:.08em;text-transform:uppercase;color:#b9cbd9;margin:14px 0 4px;font-size:13px}#club-overlay p{margin:0 0 10px}#club-overlay .rc-btns button{min-height:42px;padding:10px 14px;font-size:15px}#club-overlay button.primary,.cn-panel button.primary{color:#fff;background:#56c8ff47;border-color:#56c8ffb3}.cn-x{width:36px;height:36px;padding:0;font-size:16px;position:absolute;top:10px;right:10px}.cn-enter{flex-direction:column;gap:6px;margin:4px 0 10px;display:flex}.cn-enter label{color:#fff;font-size:16px;font-weight:700}.cn-enter-row{gap:8px;display:flex}.cn-enter input{min-width:0;font:600 22px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:#ffffff14;border:1px solid #ffffff40;border-radius:8px;flex:1;padding:8px 10px}.cn-enter input::placeholder{color:#ffffff47}.cn-enter button{min-height:44px;padding:0 18px;font-size:16px}.cn-err{color:var(--warn);min-height:0;font-size:14px}.cn-err:empty{display:none}.cn-what{color:#fff;font-weight:600}.cn-lines{color:#c9d6e2;margin:0 0 10px;padding-left:18px}.cn-lines li{margin:1px 0}.cn-code{font:700 44px/1.1 var(--mono);letter-spacing:.12em;color:#fff;text-align:center;margin:4px 0 10px!important}.cn-share{flex-wrap:wrap;align-items:flex-start;gap:14px;margin:6px 0;display:flex}.cn-qr svg{border-radius:6px;width:148px;height:148px;display:block}.cn-linkbox{flex:1;min-width:200px}.cn-link{width:100%;font:13px ui-monospace,monospace!important}.cn-linkbox .rc-field{flex-direction:column;align-items:stretch}.cn-kinds,.cn-cond{border:1px solid #ffffff1f;border-radius:8px;margin:0 0 10px;padding:8px 10px 10px}.cn-kinds legend,.cn-cond legend{color:#b9cbd9;letter-spacing:.06em;text-transform:uppercase;padding:0 4px;font-size:13px}.cn-kinds{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.cn-kind{cursor:pointer;border:1px solid #ffffff24;border-radius:6px;align-items:center;gap:6px;padding:8px;font-size:15px;font-weight:600;display:flex}.cn-kind.on{background:#56c8ff1f;border-color:#56c8ffb3}.cn-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px 10px;margin:6px 0;display:grid}.cn-grid.cn-off{opacity:.45;pointer-events:none}.cn-f{color:#b9cbd9;flex-direction:column;gap:2px;margin:4px 0;font-size:13px;display:flex}.cn-f select{font:15px var(--font);color:#fff;background:#142233;border:1px solid #fff3;border-radius:6px;max-width:100%;padding:7px 6px}.cn-c{cursor:pointer;align-items:flex-start;gap:8px;margin:8px 0;font-size:14px;display:flex}.cn-c input{flex:none;width:18px;height:18px;margin-top:3px}.cn-names{margin:6px 0;padding-left:24px}.cn-names li{margin:4px 0}.cn-names li>*{vertical-align:middle}.cn-names input{width:calc(100% - 50px);font:16px var(--font);color:#fff;background:#ffffff14;border:1px solid #ffffff38;border-radius:6px;padding:8px 10px}.cn-rm{width:38px;height:38px;margin-left:6px;padding:0}.cn-handover{text-align:center}.cn-handover h3{margin-right:0}.cn-last{color:#c9d6e2}.cn-pass{color:#fff;font-size:30px;line-height:1.2;margin:18px 0 8px!important}.cn-pass b{color:var(--warn)}.cn-handover .rc-btns{flex-direction:column;justify-content:center;align-items:stretch}.cn-tablewrap{overflow-x:auto}.cn-results td,.cn-results th{text-align:left;vertical-align:top;padding:6px}.cn-results td:first-child{white-space:nowrap}.cn-results td small{color:#9fb3c6}.cn-results .cn-pen{color:#c9d6e2;font-size:12px}.cn-results tr.cn-note td{color:#a9bccd;border-bottom:1px solid #ffffff1f;padding-top:0;font-size:13px}.cn-results tbody tr:not(.cn-note) td{border-bottom:none}.cn-panel{box-sizing:border-box;background:#ffc46b0d;border:1px solid #ffc46b59;border-radius:10px;max-width:760px;margin:0 auto 18px;padding:10px 12px}.cn-panel h3{margin-top:0}.cn-panel .cn-enter input{font-size:18px}.cn-help{border-top:1px solid #ffffff1f;margin-top:18px;padding-top:8px}.cn-help h4{margin:12px 0 4px}.cn-help ul{margin:0;padding-left:20px}.cn-help li{margin:3px 0;line-height:1.4}#club-bar{top:calc(var(--top) + 112px);left:max(12px, env(safe-area-inset-left));z-index:7;color:#e6edf4;max-width:calc(100vw - 150px);font:14px var(--font);white-space:nowrap;background:#081220cc;border:1px solid #ffc46b73;border-radius:20px;align-items:center;gap:6px;padding:4px 6px 4px 12px;display:flex;position:fixed}#club-bar.hidden{display:none}#club-bar .cb-t{text-overflow:ellipsis;overflow:hidden}#club-bar b{color:var(--warn)}#club-bar button{border-radius:16px;min-height:32px;padding:4px 10px;font-size:13px}body.hub-open #club-bar{display:none}body.phone.portrait #club-bar{max-width:calc(100vw - 90px)}@media print{body.print-club>:not(#club-overlay){display:none!important}body.print-club #club-overlay{background:#fff;padding:0;position:static}body.print-club #club-overlay .cn-card{color:#000;box-shadow:none;background:#fff;border:1px solid #000}body.print-club #club-overlay .rc-btns,body.print-club .cn-x,body.print-club .hub-note{display:none!important}body.print-club .cn-code,body.print-club .cn-what,body.print-club .cn-lines,body.print-club #club-overlay h3{color:#000}}.lb-card{box-shadow:none;background:#ffffff0a;border:1px solid #ffffff1a;margin:0 0 16px;padding:12px 14px 14px}.lb-card h4{letter-spacing:.06em;color:#cfe0ee;margin:14px 0 4px;font-size:13px}.lb-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 8px;display:flex}.lb-head h3{letter-spacing:.08em;margin:0;font-size:15px}.lb-sub{font-family:var(--num);color:var(--muted);font-size:13px}.lb-note{color:#9fb3c6;margin:4px 0 10px;font-size:13px;line-height:1.4}.ss-stats{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:10px 0 6px;display:grid}.ss-stat{background:#ffffff0d;border-radius:8px;align-items:baseline;gap:8px;padding:8px 10px;display:flex}.ss-stat b{font-family:var(--num);color:#fff;font-size:22px}.ss-stat span{color:#cfe0ee;flex-direction:column;font-size:13px;display:flex}.ss-stat small{color:#8ea3b6;font-size:11.5px}.ss-goals{flex-direction:column;gap:8px;margin:0 0 8px;padding:0;list-style:none;display:flex}.ss-goals li{border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.ss-goals li.done{background:#52e08a14;border-color:#52e08a73}.ss-goals small{color:#9fb3c6;font-size:12.5px}.ss-goals .rc-link-btn{color:#8ea3b6;align-self:flex-start;font-size:12px}.ss-g-top{justify-content:space-between;gap:8px;display:flex}.ss-g-n{font-family:var(--num);color:#dfe9f2;white-space:nowrap}.ss-goals li.done .ss-g-n{color:var(--good)}.ss-bar{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.ss-bar i{background:var(--accent);height:100%;display:block}.ss-goals li.done .ss-bar i{background:var(--good)}.ss-pick{flex-wrap:wrap;gap:6px;margin:6px 0 4px;display:flex}.ss-pick button{min-height:34px;padding:7px 10px;font-size:13px}.ss-card{background:#56c8ff14;border:1px solid #56c8ff73;border-radius:8px;margin:0 0 12px;padding:10px 12px}.ss-card h4{margin:0 0 4px}.rw-level{border-top:1px solid #ffffff14;margin:6px 0}.rw-level summary{cursor:pointer;justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.rw-level summary span{font-family:var(--num);color:var(--muted)}.rw-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.rw-skill{border:1px dashed #ffffff2e;border-radius:8px;flex-wrap:wrap;align-items:flex-start;gap:8px;padding:7px 8px;display:flex}.rw-skill.on{background:#52e08a14;border:1px solid #52e08a73}.rw-tick{height:26px;color:var(--good);border:2px solid #ffffff40;border-radius:50%;flex:0 0 26px;place-items:center;font-weight:700;display:grid}.rw-skill.on .rw-tick{border-color:var(--good)}.rw-text{flex-direction:column;flex:160px;gap:2px;min-width:0;display:flex}.rw-text b{font-size:14px}.rw-text small{color:#9fb3c6;overflow-wrap:anywhere;font-size:12.5px;line-height:1.35}.rw-text .rw-sim{color:#74899c;font-size:11.5px}.rw-go{flex:none;min-height:32px;padding:6px 10px;font-size:12.5px}.rw-form{flex-direction:column;flex:100%;gap:6px;display:flex}.rw-form label{color:#b9cbd9;flex-direction:column;gap:3px;font-size:12.5px;display:flex}.rw-form input{color:#fff;font:15px var(--font);background:#ffffff14;border:1px solid #fff3;border-radius:6px;max-width:100%;padding:7px 8px}.rw-courses{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rw-courses li{flex-direction:column;gap:2px;display:flex}.rw-courses a{color:var(--accent);font-size:14.5px;font-weight:600}.rw-courses small{color:#9fb3c6;font-size:12.5px;line-height:1.35}.md-day{border-top:1px solid #ffffff14;padding:2px 0}.md-day summary{cursor:pointer;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:8px 0;display:flex}.md-day summary b{font-size:14.5px}.md-when{font-family:var(--num);color:#9fb3c6;min-width:92px;font-size:12.5px}.md-tag{letter-spacing:.08em;text-transform:uppercase;color:#ffd79a;background:#ffc46b40;border-radius:9px;padding:1px 7px;font-size:11px}.md-day.md-on{background:#ffc46b0f;border-radius:8px;padding:2px 8px}.md-facts{grid-template-columns:max-content 1fr;gap:3px 10px;margin:6px 0;font-size:13px;display:grid}.md-facts dt{color:#8ea3b6}.md-facts dd{color:#dfe9f2;margin:0}.md-best{color:#fff;font-size:13px}.sk-switch{background:#ffffff0f;border-radius:9px;gap:4px;max-width:360px;margin:0 0 10px;padding:3px;display:flex}.sk-switch button{color:#b9cbd9;font:600 14px var(--font);background:0 0;border:none;border-radius:7px;flex:1;padding:7px 10px}.sk-switch button.on{color:#fff;background:#56c8ff38}.sk-map.hidden,.sk-list.hidden{display:none}.sk-how{font-size:13px;line-height:1.4}.sk-suggest{background:#f0b4431a;border:1px solid #f0b4438c;border-radius:10px;margin:0 0 10px;padding:10px 34px 10px 12px;font-size:15px;line-height:1.4;position:relative}.sk-suggest p{margin:0 0 8px}.sk-x{min-width:0;color:var(--muted);background:0 0;border:none;padding:2px 8px;font-size:18px;position:absolute;top:4px;right:4px}.sk-btns{flex-wrap:wrap;gap:6px;display:flex}.sk-btns button{color:#fff;font:600 14px var(--font);text-align:left;background:#ffffff14;border:1px solid #ffffff38;border-radius:7px;padding:8px 12px}.sk-btns button.primary{color:#0b1a2a;background:#f0b443;border-color:#f0b443}.sk-btns button small{opacity:.75;margin-left:4px;font-weight:400}.sk-due{color:#9fb3c6;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 8px;font-size:13px;display:flex}.sk-chip{color:#ffd98c;font:600 13px var(--font);background:#f0b4431f;border:1px solid #f0b44399;border-radius:999px;padding:4px 10px}.sk-mixed{align-items:center;gap:10px;margin:0 0 8px;display:flex}.sk-mixed button{border:1px solid var(--accent);color:#fff;font:600 14px var(--font);background:#56c8ff24;border-radius:7px;flex:none;padding:7px 12px}.sk-mixed small{color:#9fb3c6;font-size:12.5px;line-height:1.35}.sk-level{margin:4px 0 14px}.sk-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.sk-head h3{margin:10px 0 4px}.sk-count{color:var(--good);font:600 13px var(--num);white-space:nowrap}.sk-bar{background:#ffffff14;border-radius:3px;height:6px;position:relative;overflow:hidden}.sk-bar i{border-radius:3px;position:absolute;inset:0 auto 0 0}.sk-bar .b-learned{background:#56c8ff73}.sk-bar .b-practised{background:#f0b443}.sk-bar .b-proven{background:var(--good)}.sk-counts{font:600 12.5px var(--num);color:#9fb3c6;margin:4px 0 2px}.c-learned{color:#8fd8ff}.c-practised{color:#ffd27a}.c-proven{color:var(--good)}.sk-blurb{color:#9fb3c6;margin:0 0 8px;font-size:12.5px;line-height:1.35}.sk-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:6px;display:grid}.sk-tile{min-height:62px;color:var(--text);text-align:left;font:600 14px var(--font);background:#ffffff0d;border:1px solid #ffffff1f;border-left:4px solid #ffffff2e;border-radius:9px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;display:flex;position:relative}.sk-tile small{color:#9fb3c6;font-size:12px;font-weight:400}.sk-tile.open{border-color:var(--accent);background:#56c8ff1f}.sk-tile.st-learned{border-left-color:#56c8ff}.sk-tile.st-practised{border-left-color:#f0b443}.sk-tile.st-proven{border-left-color:var(--good)}.sk-pips{gap:3px;margin-bottom:2px;display:flex}.sk-pips i{border:1px solid #ffffff59;border-radius:50%;width:9px;height:9px}.st-learned .sk-pips i:first-child,.st-practised .sk-pips i:nth-child(-n+2),.st-proven .sk-pips i{border-color:#0000}.st-learned .sk-pips i:first-child,.st-practised .sk-pips i:first-child,.st-proven .sk-pips i:first-child{background:#56c8ff}.st-practised .sk-pips i:nth-child(2),.st-proven .sk-pips i:nth-child(2){background:#f0b443}.st-proven .sk-pips i:nth-child(3){background:var(--good)}.sk-badge{border-radius:999px;margin-top:2px;padding:1px 6px;font-size:11px;font-style:normal;font-weight:600}.sk-badge.next{color:#bfe9ff;background:#56c8ff33}.sk-badge.due{color:#ffd98c;background:#f0b44333}.sk-detail{background:#56c8ff12;border:1px solid #56c8ff73;border-radius:10px;margin:8px 0 0;padding:10px 12px 12px;font-size:14px;line-height:1.4;position:relative}.sk-detail p{margin:4px 0 8px}.sk-dhead b{font-size:16px}.sk-steps{margin:0 0 6px;padding:0;list-style:none}.sk-steps li{color:#9fb3c6;align-items:baseline;gap:6px;margin:3px 0;font-size:13px;display:flex}.sk-steps li span{text-align:center;width:16px;height:16px;color:var(--good);border:1px solid #ffffff4d;border-radius:50%;flex:none;font-size:11px;line-height:14px}.sk-steps li.done{color:var(--text)}.sk-steps li.done span{border-color:var(--good);background:#52e08a26}.sk-steps li b{font-weight:600}.sk-next{color:#d7e3ec}.sk-help{flex-direction:column;gap:4px;margin-top:10px;display:flex}.sk-help>span{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:12px}.sk-help small{color:#9fb3c6;font-size:12.5px;line-height:1.35}.sk-seg{gap:3px;max-width:300px;display:flex}.sk-seg button{color:#cfdbe5;font:600 13px var(--font);background:#ffffff0d;border:1px solid #fff3;border-radius:6px;flex:1;padding:6px 8px}.sk-seg button.on{border-color:var(--accent);color:#fff;background:#56c8ff40}.sk-foot{margin-top:14px;font-size:12px}#sk-club{top:calc(var(--top,12px) + 64px);left:max(14px, env(safe-area-inset-left));z-index:30;width:min(420px,100vw - 28px);color:var(--text);background:#08101ae6;position:fixed}#sk-club.hidden,body:not(.walking) #sk-club,body.hub-open #sk-club{display:none}