.sg,.sg-dive{--sg-water:radial-gradient(120% 90% at 30% 0%, #3b8f96 0%, #1d5a63 45%, #0f3a44 100%);--sg-night:#03090c}.sg{max-width:680px;margin-inline:auto;padding-bottom:28px}.sg-pad{padding-inline:var(--gutter)}.sg-head{grid-template-columns:minmax(0,1fr) 112px;align-items:end;column-gap:14px;display:grid}.sg-inset,.sg-chart .pic{border:1px solid var(--ink);background:var(--sg-water);display:block;overflow:hidden}.sg-inset .sg-buddy{aspect-ratio:1;width:100%}@media (width<=359px){.sg-head{grid-template-columns:minmax(0,1fr) 91px}}.sg-day{min-width:0;display:block}.sg-daily .dc-streak{flex-wrap:nowrap;align-items:flex-start}.sg-daily .dc-streak>b{margin-top:3.5px}.sg-daily .dc-streak>span{flex:1 1 0;min-width:0}.sg-daily .dc-streak span{flex-wrap:wrap;align-items:center;gap:0 5px;display:inline-flex}.sg-daily .dc-streak .dc-stars svg{width:14px;height:14px}.sg-daily .dc-streak .dc-stars{gap:2px}.sg-log .head{grid-template-columns:var(--rail) 1fr auto}.sg-log ol{margin:0;padding:0;list-style:none}.sg-log .r .meta{font:var(--t-meta);color:var(--ink-2);font-variant-numeric:tabular-nums lining-nums;margin-top:2px;display:block}.sg-book{border-top:1px solid var(--ink);margin-top:42px}.sg-book>summary{min-height:56px;padding:7px 0}.sg-book>summary>span{gap:2px;display:grid}.sg-book .lbl{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sg-book .ttl{font:600 17px/21px var(--cond);color:var(--ink);font-style:normal}.sg-book+.after{border-top:0;margin-top:0}.sg .fine{font:var(--t-small);color:var(--ink-2);max-width:60ch;margin:0}.sg-chart{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:0 14px;margin:21px 0 0;padding:0;list-style:none;display:grid}.sg-chart li{border-top:1px solid var(--rule);align-content:start;gap:7px;padding:14px 0 21px;display:grid}.sg-chart b{font:650 17px/21px var(--sans)}.sg-chart .how{font:var(--t-small);color:var(--ink-2)}.sg-brief .dc-brief .sg-skill{font:var(--t-meta);color:var(--ink-2);margin-top:7px}.sg-facts{border-top:1px solid var(--ink);margin:21px 0 0}.sg-facts>div{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-height:42px;display:grid}.sg-facts dt{font:var(--t-meta);color:var(--ink-2)}.sg-facts dd{font:650 19px/1 var(--cond);font-variant-numeric:tabular-nums lining-nums;text-align:right;margin:0}.sg-goals{margin-top:28px}.sg-goals>li{min-height:49px}.sg-goals svg{width:20px;height:20px}.sg-vs,.sg-best{font:var(--t-meta);color:var(--ink-2);font-variant-numeric:tabular-nums lining-nums;margin:21px 0 0}.sg-vs b{color:var(--ink);font-weight:700}.sg-best{flex-wrap:wrap;align-items:center;gap:0 6px;display:flex}.sg-best .dc-stars svg{width:16px;height:16px}.dc-deb .sg-vs{margin-top:14px}.sg-debrief .dc-score{margin:7px 0 0}.sg-debrief .dc-scoreline .dc-tag{margin-top:7px}.sg-debrief .after{justify-content:flex-start;column-gap:28px}.sg-debrief .after>a.quiet{flex-basis:100%}.sg-debrief .after>.btn-quiet{margin:0}.sg-debrief .dc-acts.one{grid-template-columns:1fr}@media (width<=359px){.sg-debrief .dc-acts.one .btn{padding:0 21px;font-size:19px}.sg-debrief .dc-acts.one .btn svg{display:block}}.sg-trace{margin-top:28px}.sg .strip{gap:3px;margin:0;display:flex}.sg .strip i,.sg .key i{border:1.5px solid var(--ink);background:0 0;flex:1;height:21px}.sg .strip i.fast,.sg .key i.fast{background:var(--ink)}.sg .strip i.right,.sg .key i.right{background:repeating-linear-gradient(45deg, var(--ink) 0 1.5px, transparent 1.5px 5px)}.sg .strip i.wrong,.sg .key i.wrong{border-color:var(--ink-2);border-style:dashed}.sg .key{font:var(--t-head);color:var(--ink-2);gap:21px;margin:7px 0 0;display:flex}.sg .key span{align-items:center;gap:7px;display:inline-flex}.sg .key i{flex:none;width:14px;height:14px}.sg-sum{border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));margin:21px 0 0;display:grid}.sg-sum>div{padding:7px 14px 7px 0}.sg-sum dt{font:var(--t-head);color:var(--ink-2)}.sg-sum dd{font:700 26px/35px var(--cond);font-variant-numeric:tabular-nums lining-nums;margin:0}.sg-sum small{font:500 15px/1 var(--cond);color:var(--ink-2)}.sg-daily-note{font:var(--t-small);color:var(--ink-2);margin:14px 0 0}.sg-debrief .dc-remarks{margin-top:28px}.sg-lines b{align-items:center;display:inline-flex}.sg-lines .sg-mark{width:18px;height:18px}.sg-lines .cost .sg-mark{color:var(--ink-2)}.sg-sub{border-top:1px solid var(--ink);font:var(--t-row);margin:42px 0 0;padding-top:14px}.sg-debrief .sg-chart{margin-top:14px}.sg .after .quiet svg,.sg .after .btn-quiet svg{flex:none;width:18px;height:18px}.sg-dive{z-index:20;grid-template-columns:minmax(0,1fr);grid-template-rows:calc(70px + env(safe-area-inset-top)) 3px minmax(0, 1fr) auto auto;background:var(--plate);color:var(--on-plate);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;overscroll-behavior:none;display:grid;position:fixed;inset:0;overflow:hidden}.sg-dive .sg-hud{z-index:2;grid-area:1/1/auto/-1;position:relative}.sg-hud .cell{position:relative}.sg-hud .cell .v small{margin-left:3px}.sg-hud .sg-score.hot .v,.sg-hud .sg-score .x{color:var(--on-plate)}.sg-hud .v .dc-shape{align-self:center;margin-right:5px}.sg-hud .gbar{background:var(--plate-2);height:4px;position:absolute;bottom:7px;left:14px;right:14px}.sg-hud .gbar:after{content:"";width:var(--g);background:var(--gas-plenty);position:absolute;top:0;bottom:0;left:0}.sg-hud .low .gbar:after{background:radial-gradient(circle, var(--plate) 1px, transparent 1.3px) 0 0 / 4px 4px, var(--gas-reserve)}@media (width<=359px){.sg-hud .sg-n .v small,.sg-hud .sg-score .v small{display:inline}.sg-hud .gbar{left:10px;right:10px}}.sg-clock{z-index:1;background:var(--plate);grid-area:2/1/auto/-1;height:3px;position:relative}.sg-clock i{background:var(--on-plate-2);height:100%;display:block}.sg-clock i.late{background:var(--on-plate)}.sg-water{background:var(--sg-water);grid-area:2/1/5}.sg-dive.night .sg-water{background:var(--sg-night)}.sg-stage{grid-area:3/1;place-items:end center;min-height:0;padding:0 14px;display:grid;position:relative}.sg-stage .sg-buddy{aspect-ratio:1;width:auto;min-width:0;max-width:100%;height:100%;min-height:0;overflow:visible}.sg-cue{z-index:1;background:var(--plate);width:min(100% - 28px,588px);min-height:63px;color:var(--on-plate);border-top:1px solid var(--plate-line);grid-area:4/1;align-content:start;justify-self:center;gap:2px;margin:7px 0 14px;padding:7px 14px 7px 18px;display:grid;position:relative}.sg-cue:before{content:"";background:var(--band-line);width:4px;position:absolute;top:0;bottom:0;left:0}.sg-dive.urgent .sg-cue:before{background:var(--alert)}.sg-cue p{margin:0}.sg-cue .ph{font:var(--t-head);color:var(--on-plate-2)}.sg-cue .q{font:var(--t-cue);gap:2px;display:grid}.sg-cue .truth{font-weight:650}.sg-cue .ph.prompt{color:var(--on-plate)}.sg-cue .verdict{font:650 17px/24px var(--cond);font-variant-numeric:tabular-nums lining-nums;flex-wrap:wrap;align-items:baseline;column-gap:10px;display:flex}.sg-cue .verdict .v{align-self:center;align-items:center;gap:7px;display:inline-flex}.sg-cue .verdict .sg-mark{flex:none;width:18px;height:18px}.sg-cue .verdict.good .v{color:var(--band)}.sg-cue .verdict .nm{color:var(--on-plate-2);font-weight:500}.sg-cue .next{border:0;border-top:1px solid var(--plate-line);width:100%;min-height:44px;color:var(--on-plate);font:650 17px/21px var(--cond);text-align:left;cursor:pointer;touch-action:manipulation;background:0 0;align-items:center;margin:5px 0 -7px;padding:0;display:flex}.sg-console{z-index:1;padding:14px calc(14px + env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left));background:var(--plate);border-top:1px solid var(--plate-line);grid-area:5/1/auto/-1;position:relative}.sg-options{grid-template-columns:1fr 1fr;gap:7px;width:100%;max-width:560px;margin:0 auto;display:grid}.sg-options.n3 .opt:last-child{grid-column:1/-1}.sg-options .opt{border:1.5px solid var(--plate-line);border-radius:var(--radius);background:var(--plate-2);min-width:0;min-height:72px;color:var(--on-plate);font:650 17px/22px var(--sans);text-align:left;cursor:pointer;touch-action:manipulation;grid-template-columns:21px minmax(0,1fr);align-items:center;padding:10px 28px 10px 10px;transition:transform 80ms;display:grid;position:relative}.sg-options .opt kbd{font:600 15px/22px var(--cond);color:var(--on-plate-2);grid-area:1/1;align-self:start}.sg-options .opt .name,.sg-options .opt .dial,.sg-options .opt .pic{grid-area:1/2}.sg-options .opt .sg-mark{width:18px;height:18px;position:absolute;top:10px;right:8px}.sg-options .opt:not([aria-disabled=true]):active{background:var(--plate-line);border-color:var(--on-plate-2);transform:translateY(1px)}.sg-options .opt[aria-disabled=true]{cursor:default}.sg-options .opt.right{background:var(--band);border-color:var(--band);color:var(--on-decide)}.sg-options .opt.right kbd{color:var(--on-decide)}.sg-options .opt.wrong{border-color:var(--on-plate)}.sg-options .opt.off{color:var(--on-plate-2);border-color:var(--plate-line)}.sg-options.hands .opt.off .pic{opacity:.6}.sg-options.hands .opt{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);min-height:0;padding:0;overflow:hidden}.sg-options.hands .opt .pic{background:var(--sg-water);grid-area:1/1;display:block}.sg-options.hands .opt .sg-buddy{width:100%;max-height:21vh}.sg-options.n3.hands .opt:last-child .sg-buddy{max-height:14vh}.sg-options.hands .opt kbd{z-index:1;background:var(--plate);text-align:center;min-width:28px;padding:0 7px;position:absolute;top:0;left:0}.sg-options.hands .opt .sg-mark{z-index:1;background:var(--plate);width:28px;height:28px;color:var(--on-plate);padding:5px;top:0;right:0}.sg-options.hands .opt.right kbd,.sg-options.hands .opt.right .sg-mark{background:var(--band);color:var(--on-decide)}.sg-options.hands .opt .name{grid-area:2/1;padding:5px 10px 7px;font-size:17px;line-height:22px}.sg-options .dial{background:linear-gradient(var(--on-plate-2), var(--on-plate-2)) left bottom / var(--g) 4px no-repeat, linear-gradient(var(--plate-line), var(--plate-line)) left bottom / 100% 4px no-repeat;align-items:baseline;gap:4px;padding-bottom:10px;display:flex}.sg-options .opt.right .dial{background:linear-gradient(var(--on-decide), var(--on-decide)) left bottom / var(--g) 4px no-repeat, linear-gradient(var(--band-line), var(--band-line)) left bottom / 100% 4px no-repeat}.sg-options .dial b{font:700 31px/35px var(--cond);font-variant-numeric:tabular-nums lining-nums}.sg-options .dial small{font:var(--t-unit);color:inherit;opacity:.8}.sg-options.hands .opt.pressure{grid-template-columns:21px minmax(0,1fr);padding:10px 28px 10px 10px}.sg-options.hands .opt.pressure kbd{text-align:left;background:0 0;min-width:0;padding:0;position:static}@media (width<=359px){.sg-options .opt{padding-right:24px}.sg-options .opt .sg-mark{top:6px;right:4px}}@media (height<=700px){.sg-options.hands .opt .sg-buddy{max-height:14vh}.sg-options .opt{min-height:64px}}@media (width<=359px){.sg-pausebox .row .btn{padding:0 12px;font-size:17px}.sg-pausebox .row .btn svg{display:none}}@media (orientation:landscape) and (height<=500px){.sg-dive{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:calc(56px + env(safe-area-inset-top)) 3px auto minmax(0, 1fr)}.sg-water{grid-area:2/1/5}.sg-stage{padding-left:calc(14px + env(safe-area-inset-left));grid-area:3/1/5}.sg-cue{width:auto;min-height:63px;padding-right:calc(14px + env(safe-area-inset-right));border-top:0;grid-area:3/2;justify-self:stretch;margin:0}.sg-cue .q{font-size:16px;line-height:21px}.sg-console{border-top:0;border-left:1px solid var(--plate-line);flex-direction:column;grid-area:4/2;justify-content:flex-end;min-height:0;padding-top:7px;padding-left:14px;display:flex;overflow:hidden}.sg-cue{border-left:1px solid var(--plate-line)}.sg-options .opt{min-height:56px}.sg-hud .gbar{height:3px;bottom:3px}.sg-options.hands .opt .sg-buddy{max-height:calc(50dvh - 112px)}.sg-options.n3.hands .opt:last-child .sg-buddy{max-height:calc(33dvh - 80px)}.sg-options{flex:0 auto;min-height:0}.sg-options.hands{grid-template-rows:repeat(2,minmax(0,auto))}.sg-options.hands .opt{grid-template-rows:minmax(0,1fr) auto;min-height:0}.sg-options.hands .opt .pic{height:100%;min-height:0;overflow:hidden}.sg-options.hands .opt .pic .sg-buddy{height:100%}}.sg-buddy{width:100%;height:auto;display:block}.sg-tank{fill:#d9a92a;stroke:#0a1a1f;stroke-width:3px}.sg-valve{fill:#aab5b4;stroke:#0a1a1f;stroke-width:3px}.sg-neck{fill:#14262c}.sg-suit,.sg-hood{fill:#1c3138;stroke:#0a1a1f;stroke-width:3px}.sg-hood{fill:#14262c}.sg-strap{fill:none;stroke:#efc28c;stroke-width:7px;stroke-linecap:round}.sg-strap.thin{stroke-width:4px}.sg-face{fill:#d9a27e}.sg-mask{fill:#0a1a1f}.sg-body .sg-lens{fill:#8fc6d0}.sg-glint{fill:none;stroke:#fff;stroke-width:2.5px;stroke-linecap:round;opacity:.8}.sg-hose{fill:none;stroke:#2a2f31;stroke-width:7px;stroke-linecap:round}.sg-reg{fill:#aab5b4;stroke:#0a1a1f;stroke-width:3px}.sg-reg-in{fill:#5d6a6a}.sg-limb,.sg-limb-edge{fill:none;stroke-linecap:round}.sg-limb{stroke:#27454e;stroke-width:21px}.sg-limb-edge{stroke:#0a1a1f;stroke-width:27px}.sg-glove rect,.sg-glove circle{fill:#f6f0df;stroke:#0a1a1f;stroke-width:2.2px}.sg-glove .sg-curl{fill:#d3cab3}.sg-glove .sg-cuff{fill:#efc28c}.sg-glove .sg-ring-edge{fill:none;stroke:#0a1a1f;stroke-width:10px}.sg-glove .sg-ring{fill:none;stroke:#f6f0df;stroke-width:5.6px}.sg-glove .sg-torch rect{fill:#3a4447}.sg-glove .sg-torch .sg-lens{fill:#fff3b8;stroke:#0a1a1f;stroke-width:2px}.sg-murk{fill:#3d6b5c}.sg-hint{fill:none;stroke:#b6f23a;stroke-width:3.6px;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke;filter:drop-shadow(0 0 2px #040e12e6)}.sg-hand{transform-origin:0 0}.m-swing{animation:.62s ease-in-out infinite alternate sg-swing}.m-pump{animation:.5s ease-in-out infinite alternate sg-pump}.m-tap{animation:.26s ease-in-out infinite alternate sg-tap}.m-press{animation:1s ease-in-out infinite alternate sg-press}.m-reach{animation:.6s ease-in-out infinite alternate sg-reach}.m-rub{animation:.34s ease-in-out infinite alternate sg-rub}.m-close{animation:.7s ease-in-out infinite alternate sg-close}.h-rock{animation:.42s ease-in-out infinite alternate sg-rock}.h-circle{animation:1.1s linear infinite sg-circle}.b-circle{animation:1.7s linear infinite sg-beam-circle}.b-sweep{animation:1.2s ease-in-out infinite alternate sg-beam-sweep}.b-shake{animation:.16s ease-in-out infinite alternate sg-beam-shake}@keyframes sg-swing{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}@keyframes sg-pump{0%{transform:rotate(5deg)}to{transform:rotate(-7deg)}}@keyframes sg-tap{0%{transform:rotate(0)}to{transform:rotate(7deg)}}@keyframes sg-press{0%{transform:rotate(-3deg)}to{transform:rotate(10deg)}}@keyframes sg-reach{0%{transform:rotate(0)}to{transform:rotate(16deg)}}@keyframes sg-rub{0%{transform:translateY(-4px)}to{transform:translateY(4px)}}@keyframes sg-close{0%{transform:scaleX(1.12)}to{transform:scaleX(.98)}}@keyframes sg-rock{0%{transform:rotate(-20deg)}to{transform:rotate(20deg)}}@keyframes sg-circle{0%{transform:translate(7px)}25%{transform:translateY(7px)}50%{transform:translate(-7px)}75%{transform:translateY(-7px)}to{transform:translate(7px)}}@keyframes sg-beam-circle{0%{transform:translate(46px)}12.5%{transform:translate(33px,33px)}25%{transform:translateY(46px)}37.5%{transform:translate(-33px,33px)}50%{transform:translate(-46px)}62.5%{transform:translate(-33px,-33px)}75%{transform:translateY(-46px)}87.5%{transform:translate(33px,-33px)}to{transform:translate(46px)}}@keyframes sg-beam-sweep{0%{transform:translate(-66px)}to{transform:translate(66px)}}@keyframes sg-beam-shake{0%{transform:translate(-44px,-12px)}to{transform:translate(44px,12px)}}.sg-buddy.still *{animation:none!important}@media (prefers-reduced-motion:reduce){.sg-buddy *{animation:none!important}}
