.oh{max-width:680px;padding-bottom:var(--q10);margin-inline:auto}.oh-pad{padding-inline:var(--gutter)}.oh .gl{flex:none;width:18px;height:18px}.oh .fine{margin:var(--q3) 0 0;font:var(--t-small);color:var(--ink-2);max-width:60ch}.oh .btn[disabled]{cursor:not-allowed}.oh .attract{aspect-ratio:16/9;background:var(--plate);width:100%;display:block}.oh-window{margin:var(--q6) var(--gutter) 0}.oh-window canvas{border:1px solid var(--ink)}.oh-window figcaption{justify-content:space-between;gap:var(--q2);padding-top:var(--q1);font:var(--t-meta);color:var(--ink-2);display:flex}.oh-window figcaption span{align-items:center;gap:6px;display:inline-flex}.oh-window figcaption svg{flex:none;width:16px;height:16px}.oh-skills{margin:var(--q6) var(--gutter) 0;border-top:1px solid var(--ink)}.oh-skills .head{justify-content:space-between;align-items:baseline;gap:var(--q2);padding-top:var(--q2);display:flex}.oh-skills h2{align-items:center;gap:var(--q1);font:var(--t-row);margin:0;display:flex}.oh-skills h2 .lock{width:20px;height:20px}.oh-skills .n{font:var(--t-meta);color:var(--ink-2);font-variant-numeric:tabular-nums lining-nums;flex:none}.oh-skills p{margin:var(--q1) 0 0;font:var(--t-small);color:var(--ink-2)}.oh-skills ul{margin:var(--q2) 0 0;padding:0;list-style:none}.oh-skills a{grid-template-columns:var(--rail) 1fr 20px;min-height:56px;padding:var(--q1) 0;border-top:1px solid var(--rule);color:var(--ink);touch-action:manipulation;align-items:center;text-decoration:none;display:grid}.oh-skills li:last-child a{border-bottom:1px solid var(--rule)}.oh-skills a:active{background:var(--paper-2)}.oh-skills i{color:var(--ink-2);display:flex}.oh-skills .done i{color:var(--ink)}.oh-skills i svg{width:20px;height:20px}.oh-skills b{font:italic 450 20px/28px var(--serif);display:block}.oh-skills small{font:var(--t-small);color:var(--ink-2);display:block}.oh-skills a>svg{width:18px;height:18px;color:var(--ink-2)}.oh-listhead{justify-content:space-between;align-items:baseline;gap:var(--q2);margin:var(--q6) var(--gutter) 0;display:flex}.oh-listhead h2{font:var(--t-row);margin:0}.oh .tally{font:var(--t-meta);color:var(--ink-2);font-variant-numeric:tabular-nums lining-nums;align-items:baseline;gap:5px;display:inline-flex}.oh .tally b{font:700 21px/1 var(--cond);color:var(--ink)}.oh .tally svg{align-self:center;width:14px;height:14px}.oh .dc-log.oh-missions{margin-top:var(--q2)}.oh-missions .mid{min-width:0;padding-right:var(--q1);display:block}.oh-missions .meta{font:var(--t-meta);color:var(--ink-2);font-variant-numeric:tabular-nums lining-nums;text-wrap:pretty;margin-top:2px;display:block}.oh-missions .end{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.oh-missions .gr{font:var(--t-head);color:var(--ink-2);white-space:nowrap}.oh-missions .lock{width:20px;height:20px;color:var(--ink-2)}.oh-brief .dc-brief .oh-site{margin-top:var(--q1);font:var(--t-meta);color:var(--ink-2)}.oh-brief .dc-brief .oh-skill{font:var(--t-tagline)}.oh-brief .dc-brief .oh-text{font:var(--t-body);max-width:64ch}.oh-plan{margin-top:var(--q4);padding-top:var(--q1);border-top:1px solid var(--ink)}.oh-plan h2{font:var(--t-head);color:var(--ink-2);margin:0}.oh-brief .dc-brief .oh-plan p{margin-top:var(--q1);font:var(--t-small)}.oh-plan .stepper{align-items:center;gap:var(--q2);margin-top:var(--q2);display:flex}.oh-plan .stepper button{border:1.5px solid var(--ink);border-radius:var(--radius);width:56px;height:56px;color:var(--ink);cursor:pointer;touch-action:manipulation;background:0 0;flex:none;place-items:center;padding:0;display:grid}.oh-plan .stepper button:active{background:var(--paper-2)}.oh-plan .stepper svg{width:20px;height:20px}.oh-plan output{min-width:4ch;font:var(--t-gas);font-variant-numeric:tabular-nums lining-nums;text-align:center}.oh-plan output small{font:500 16px/1 var(--cond);color:var(--ink-2);margin-left:3px}.oh-brief .dc-brief .oh-plan .note{align-items:center;gap:var(--q1);margin-top:var(--q2);color:var(--ink-2);display:flex}.oh-brief .dc-brief .oh-plan .note.bad{color:var(--ink);font-weight:650}.oh-brief .dc-brief .fine{margin-top:var(--q2)}.oh-more .oh-profile{margin-top:var(--q1)}.oh-facts{margin:var(--q3) 0 0;border-top:1px solid var(--ink)}.oh-facts div{align-items:center;gap:var(--q2);border-bottom:1px solid var(--rule);grid-template-columns:120px 1fr;min-height:44px;padding:4px 0;display:grid}.oh-facts dt{font:var(--t-meta);color:var(--ink-2)}.oh-facts dd{font:400 17px/24px var(--sans);margin:0}.oh-goals{margin-top:var(--q4)}.oh-goals h3{font:var(--t-head);color:var(--ink-2);margin:0}.oh-goals ul{margin:var(--q1) 0 0;border-top:1px solid var(--ink);padding:0;list-style:none}.oh-goals li{grid-template-columns:var(--rail) 1fr;border-bottom:1px solid var(--rule);min-height:44px;font:400 16px/21px var(--sans);align-items:center;padding:4px 0;display:grid}.oh-goals li svg{width:18px;height:18px}.oh-brief .oh-note,.oh-debrief .oh-note{margin:var(--q1) 0 0;font:var(--t-meta);color:var(--ink-2);font-variant-numeric:tabular-nums lining-nums}.oh-how{margin:var(--q4) 0 0;border-top:1px solid var(--ink);padding:0;list-style:none}.oh-how li{padding:var(--q2) 0;border-bottom:1px solid var(--rule);font:var(--t-body)}.oh kbd{font:inherit;font-weight:650}@media (pointer:coarse){.oh .oh-how .keys{display:none}}.oh-profile{width:100%;height:auto;display:block}.oh-profile .rock{fill:var(--paper-2)}.oh-profile .open{fill:var(--shoal)}.oh-profile .passage{fill:var(--paper);stroke:var(--ink);stroke-width:.8px}.oh-profile .line{fill:none;stroke:var(--ink-2);stroke-width:1px}.oh-profile .silt{fill:var(--ink-2)}.oh-profile .sign{stroke:var(--ink);stroke-width:2px}.oh-profile .pl.obj{fill:var(--route)}.oh-profile .pl.room{fill:var(--ink)}.oh-profile .thirds{stroke:var(--route);stroke-width:1.4px;stroke-dasharray:3 3}.oh-profile .track{fill:none;stroke:var(--ink);stroke-width:1.8px;stroke-linejoin:round}.oh-profile .track.out{stroke-dasharray:4 2.5}.oh-profile .mk{fill:none;stroke:var(--ink);stroke-width:1.6px}.oh-profile .mk.turn{stroke:var(--route);stroke-width:2.2px}.oh-profile .mk.ooa{fill:var(--ink);stroke:none}.oh-dive{--console-h:126px;z-index:20;background:var(--plate);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;overscroll-behavior:none;position:fixed;inset:0}.oh-dive canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.oh-dive .oh-hud,.oh-dive .oh-alert,.oh-dive .oh-cue,.oh-dive .oh-console{pointer-events:none}.oh-dive .dc-pause,.oh-dive .oh-console .act{pointer-events:auto}.oh-hud .cell{position:relative;overflow:hidden}.oh-hud .cell.is-turn .v{color:var(--gas-turn)}.oh-hud .cell.is-low:before,.oh-hud .cell.is-chain:before{content:"";background:var(--on-plate-2);height:3px;position:absolute;top:0;left:0;right:0}.oh-hud .cell.is-chain:before{background:var(--band)}.oh-hud .cell.is-chain .l{color:var(--on-plate)}.oh-hud .lights{vertical-align:1px;width:26px;height:8px;margin-left:5px}.oh-hud .lights .on{fill:currentColor}.oh-hud .lights .off{fill:none;stroke:currentColor;stroke-width:1.2px}.oh-hud .vis .l{color:var(--on-plate)}.oh-hud .vis .l .u{color:var(--on-plate-2)}.oh-hud .mini{height:5px;position:absolute;bottom:6px;left:14px;right:10px}.oh-hud .mini .z,.oh-hud .mini .spent{position:absolute;top:0;bottom:0}.oh-hud .mini .z-res{width:var(--min);background:radial-gradient(circle, var(--plate) 1px, transparent 1.3px) 0 0 / 4px 4px, var(--gas-reserve);left:0}.oh-hud .mini .z-turn{left:var(--min);width:calc(var(--turn-at) - var(--min));background:repeating-linear-gradient(45deg, var(--plate) 0 1.5px, var(--gas-turn) 1.5px 4.5px)}.oh-hud .mini .z-ok{left:var(--turn-at);background:var(--gas-plenty);right:0}.oh-hud .mini .spent{left:var(--now);background:var(--plate-2);right:0}.oh-hud .mini .needle{left:var(--now);background:var(--on-plate);width:2px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px}.oh-hud .cell.is-alert .mini{outline:1px solid var(--on-alert);outline-offset:0}.oh-hud .cell.is-alert .mini .spent{background:var(--plate);opacity:1}@media (width<=359px){.oh-hud .cell .v small{display:none}.oh-hud .cell .l .u{display:inline}.oh-hud .cell{padding-left:10px}.oh-hud .mini{left:10px;right:8px}}.oh-alert{padding-block:var(--q1);align-items:flex-start}.oh-alert svg{margin-top:1px}.oh-alert .txt{gap:3px;min-width:0;display:grid}.oh-alert .txt b{font:650 17px/21px var(--cond)}.oh-alert .txt span{font:500 15px/20px var(--sans)}.oh-alert.warn{background:var(--plate-2);color:var(--on-plate);border-bottom:1px solid var(--plate-line)}.oh-dive .oh-cue{margin:0}.oh-first .txt{gap:4px;display:grid}.oh-first b{font:650 19px/24px var(--cond)}.oh-first span{font:400 16px/21px var(--sans)}.oh-first small{font:400 15px/21px var(--sans);color:var(--on-plate-2)}.oh-console{gap:var(--q2);padding:var(--q2) calc(var(--q2) + env(safe-area-inset-right)) calc(var(--q2) + env(safe-area-inset-bottom)) calc(var(--q2) + env(safe-area-inset-left));grid-template-columns:1fr minmax(132px,42%);display:grid}.oh-console .rise{cursor:default;height:100%}.oh-console .rise .h{font:500 13px/1 var(--cond)}.oh-console .act{height:100%;min-height:0;position:relative;overflow:hidden}.oh-console .act svg,.oh-console .act .lbl{z-index:1;position:relative}.oh-console .act.hot{box-shadow:inset 0 0 0 3px var(--on-decide), inset 0 -6px 0 var(--band-line)}.oh-console .act[disabled]{opacity:1;background:var(--plate-2);color:var(--on-plate-2);border:1.5px dashed var(--plate-line);box-shadow:none;font-size:19px}.oh-console .act.none[disabled]{border-style:solid}.oh-console .act.tying[disabled]{background:var(--decide);color:var(--on-decide);border:0;font-size:24px}.oh-console .act.tying:before{content:"";background:var(--band-line);transform-origin:0;transform:scaleX(var(--knot,0));position:absolute;inset:0}@media (orientation:landscape) and (height<=500px){.oh-dive{--console-h:98px}.oh-console{background:0 0;border-top:0;grid-template-columns:minmax(150px,220px) 1fr minmax(150px,220px);padding-top:0}.oh-console .act{grid-column:3}}.oh-dive .dc-pause-dialog .sheet{max-height:calc(100dvh - 28px - env(safe-area-inset-bottom));overscroll-behavior:contain;overflow:auto}.oh-dive .dc-pause-dialog .after{margin-top:0}.oh-dive .dc-pause-dialog .quiz,.oh-debrief .dc-scoreline .dc-tag{margin-top:var(--q1)}.oh-stats{gap:0 var(--q2);margin:var(--q4) 0 0;padding:var(--q1) 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);grid-template-columns:repeat(auto-fit,minmax(72px,1fr));display:grid}.oh-stats dt{font:var(--t-head);color:var(--ink-2)}.oh-stats dd{font:650 21px/28px var(--cond);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;margin:0}.oh-got{margin:0;padding:0;list-style:none}.oh-got li{grid-template-columns:var(--rail) 1fr;border-bottom:1px solid var(--rule);min-height:35px;font:400 16px/21px var(--sans);color:var(--ink-2);align-items:center;display:grid}.oh-got li.got{color:var(--ink)}.oh-got svg{width:18px;height:18px}.oh-sec{margin-top:var(--q6)}.oh-sec h2{padding-top:var(--q2);border-top:1px solid var(--ink);font:var(--t-row);margin:0}.oh-sec p{margin:var(--q2) 0 0;font:var(--t-body)}.oh-worst strong{font:700 1.1em/1 var(--cond);font-variant-numeric:tabular-nums lining-nums}.oh-worst .verdict{grid-template-columns:var(--rail) 1fr;font-weight:650;display:grid}.oh-worst .verdict svg{width:20px;height:20px;margin-top:4px}.oh-chart .survey-heading{justify-content:space-between;align-items:baseline;gap:var(--q2);padding-top:var(--q2);border-top:1px solid var(--ink);display:flex}.oh-chart .survey-heading h2{border:0;padding:0}.oh-chart .survey-heading span{font:var(--t-meta);color:var(--ink-2);font-variant-numeric:tabular-nums lining-nums;flex:none}.oh-chart .oh-profile{margin-top:var(--q2)}.oh-chart .key{gap:4px var(--q3);margin:var(--q2) 0 0;font:var(--t-head);color:var(--ink-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.oh-chart .key li{align-items:center;gap:var(--q1);display:inline-flex}.oh-chart .key li:before{content:"";border-top:2px solid var(--ink);flex:none;width:18px}.oh-chart .key .k-out:before{border-top-style:dashed}.oh-chart .key .k-silt:before{background:var(--ink-2);opacity:.6;border:0;height:8px}.oh-chart .key .k-thirds:before{border-top:2px dashed var(--route)}.oh-chart .key .k-hit:before{border:1.6px solid var(--ink);border-radius:50%;width:8px;height:8px}.oh-debrief .dc-remarks{margin-top:var(--q4)}.oh-lines li>span{align-items:center;gap:var(--q1);display:flex}.oh-lines li>span .gl{width:16px;height:16px}.oh-lines li.cost>span .gl{color:var(--ink-2)}.oh-log .dc-bk{margin-top:var(--q2)}.oh-log li.rare>span{font-weight:650}.oh-debrief .after .quiet{max-width:34ch;padding-block:10px;line-height:1.4;display:block}.oh-debrief .after .quiet svg{vertical-align:-3px;width:18px;height:18px;margin-left:8px;display:inline-block}.oh-select .after{margin-top:var(--q2);border-top:0;padding-top:0}.oh-dive .oh-first,.oh-dive .oh-first.full{top:calc(70px + env(safe-area-inset-top) + var(--q2));bottom:auto}@media (orientation:portrait) and (height<=720px){.oh-dive{--console-h:100px}}@media (orientation:landscape) and (height<=500px){.oh-hud .mini{height:4px;bottom:3px}}.oh-top{display:contents}@media (orientation:landscape) and (height<=500px){.oh-top{left:0;right:0;top:calc(56px + env(safe-area-inset-top));z-index:2;align-items:center;gap:var(--q1);pointer-events:none;flex-direction:column;display:flex;position:absolute}.oh-top .oh-alert{align-self:stretch;position:relative;top:auto}.oh-dive .oh-top .oh-cue,.oh-dive .oh-top .oh-first.full{width:min(420px,100% - 98px);position:relative;inset:auto;transform:none}}