:root{--ink:#0a1411;--glass:#09120fbd;--glass-hi:#101e19e6;--line:#eceade1f;--line-hi:#eceade42;--chalk:#eeece2;--mute:#98a89f;--dim:#66776f;--flag:#f4c542;--fair:#93c572;--sand:#e9d9ac;--water:#58b6dc;--ok:#9be07a;--warn:#f4c542;--risk:#ee6a4f;--tW:#f4f4ee;--tY:#f2c94c;--tB:#4f8ef7;--tR:#e5533d;--disp:"Big Shoulders Display","Oswald","Arial Narrow",sans-serif;--ui:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--r:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{height:100%}body{background:var(--ink);color:var(--chalk);font:14px/1.45 var(--ui);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--flag);outline-offset:2px}#app{position:fixed;inset:0;overflow:hidden}#gl{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}#gl.editing{cursor:crosshair}#gl:active{cursor:grabbing}#labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.glass{background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.2);border:1px solid var(--line);border-radius:var(--r)}.hud{transition:opacity .6s,transform .7s cubic-bezier(.2,.8,.2,1)}body.intro .hud,body.intro #labels{opacity:0;pointer-events:none}#labels{transition:opacity .8s}body.intro #card{transform:translate(-24px)}body.intro #tools{transform:translate(24px)}body.intro #dock{transform:translateY(24px)}.brand{left:16px;top:calc(14px + env(safe-area-inset-top,0px));text-shadow:0 1px 12px #00000080;align-items:baseline;gap:12px;display:flex;position:absolute}.brand b{font:900 26px/1 var(--disp);letter-spacing:.02em;text-transform:uppercase}.brand span{font:500 11px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:#ffffffdb}#btnTools{display:none}#card{left:16px;top:calc(56px + env(safe-area-inset-top,0px));width:326px;max-height:calc(100% - 56px - 150px - env(safe-area-inset-bottom,0px));scrollbar-width:thin;flex-direction:column;gap:14px;padding:16px 16px 14px;display:flex;position:absolute;overflow:auto}.ch{grid-template-columns:auto 1fr;align-items:end;gap:16px;display:grid}.hno{min-width:74px;height:92px;position:relative;overflow:hidden}.hno small{font:600 10px/1 var(--ui);letter-spacing:.2em;color:var(--mute);text-transform:uppercase;display:block}.num{font:900 96px/.84 var(--disp);letter-spacing:-.01em;color:var(--chalk);font-variant-numeric:tabular-nums;margin-top:6px}.num.in{animation:.7s cubic-bezier(.2,.9,.2,1) numIn}@keyframes numIn{0%{opacity:0;filter:blur(6px);transform:translateY(70%)}to{opacity:1;filter:none;transform:none}}.hmeta{gap:6px;padding-bottom:4px;display:grid}.hmeta .row{color:var(--mute);letter-spacing:.04em;gap:14px;font-size:12px;display:flex}.hmeta .row b{color:var(--chalk);font:600 13px/1 var(--mono)}.hmeta .len{font:900 44px/.9 var(--disp);font-variant-numeric:tabular-nums}.hmeta .len small{font:600 13px var(--ui);color:var(--mute);letter-spacing:.06em;margin-left:4px}.hmeta .measured{font:400 11px var(--mono);color:var(--dim)}.tees{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.tees button{border:1px solid var(--line);background:#ffffff05;border-radius:10px;justify-items:start;gap:3px;padding:8px 8px 7px;transition:background .2s,border-color .2s;display:grid}.tees button:hover{border-color:var(--line-hi)}.tees button[aria-pressed=true]{border-color:var(--line-hi);background:#ffffff14}.tees i{border-radius:50%;width:10px;height:10px;display:block;box-shadow:0 0 0 2px #00000059}.tees span{letter-spacing:.1em;text-transform:uppercase;color:var(--mute);font-size:10px}.tees b{font:600 14px/1 var(--mono)}.prof{gap:4px;display:grid}.prof svg{width:100%;height:auto;display:block}.prof .pl{font:400 11px var(--mono);color:var(--mute);justify-content:space-between;display:flex}.prof .pl b{color:var(--chalk);font-weight:600}.note{color:#d6d7cd;max-width:60ch;margin:0;font-size:13px;line-height:1.55}.plan{border-top:1px solid var(--line);gap:8px;padding-top:12px;display:grid}.ph{justify-content:space-between;align-items:center;gap:8px;display:flex}.ph h3{font:700 18px/1 var(--disp);letter-spacing:.06em;text-transform:uppercase;margin:0}.ph div{gap:6px;display:flex}.btn{border:1px solid var(--line-hi);letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:600;transition:background .2s,border-color .2s,color .2s}.btn:hover{background:#ffffff14}.btn.pri{background:var(--flag);color:#1b1606;border-color:var(--flag)}.btn.pri:hover{background:#ffd666}#shots{gap:6px;margin:0;padding:0;list-style:none;display:grid}.sh{border:1px solid var(--line);cursor:pointer;border-radius:10px;grid-template-columns:22px 1fr auto;align-items:center;gap:4px 10px;padding:9px 10px;transition:border-color .2s,background .2s;display:grid}.sh:hover{border-color:var(--line-hi)}.sh.sel{border-color:var(--flag);background:#f4c54212}.sh .ix{width:22px;height:22px;font:600 11px var(--mono);background:#ffffff14;border-radius:50%;grid-row:span 2;place-items:center;display:grid}.sh.sel .ix{background:var(--flag);color:#1b1606}.sh .cl{align-items:baseline;gap:8px;min-width:0;display:flex}.sh select{font:600 13px var(--ui);color:var(--chalk);cursor:pointer;background:0 0;border:0;max-width:130px;padding:0}.sh select option{background:#13211c}.sh .d{font:600 15px var(--mono);text-align:right}.sh .d small{font:400 10px var(--ui);color:var(--mute);margin-left:2px}.sh .sub{font:400 11px var(--mono);color:var(--mute);flex-wrap:wrap;grid-column:2/4;gap:10px;display:flex}.sh .sub .rk{border-radius:6px;padding:1px 6px;font-weight:600}.rk.ok{color:var(--ok);background:#9be07a24}.rk.warn{color:var(--warn);background:#f4c54224}.rk.bad{color:var(--risk);background:#ee6a4f29}.sh .x{color:var(--dim);padding:0 2px;font-size:15px}.sh .x:hover{color:var(--risk)}.hint{color:var(--mute);margin:0;font-size:11.5px;line-height:1.5}.hint kbd{font:600 10px var(--mono);border:1px solid var(--line-hi);color:var(--chalk);border-radius:4px;padding:0 4px}#tools{right:16px;top:calc(14px + env(safe-area-inset-top,0px));width:272px;max-height:calc(100% - 14px - 150px - env(safe-area-inset-bottom,0px));scrollbar-width:thin;padding:4px 14px 12px;position:absolute;overflow:auto}#tools section{border-bottom:1px solid var(--line);gap:9px;padding:12px 0;display:grid}#tools section:last-of-type{border-bottom:0}#tools h4{font:600 10px/1 var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin:0}.mix{color:var(--mute);grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:11px;display:grid}input[type=range]{appearance:none;background:0 0;width:100%;height:22px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--line-hi);border-radius:3px;height:3px}input[type=range]::-moz-range-track{background:var(--line-hi);border-radius:3px;height:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--chalk);border-radius:50%;width:14px;height:14px;margin-top:-5.5px;box-shadow:0 1px 6px #00000080}input[type=range]::-moz-range-thumb{background:var(--chalk);border:0;border-radius:50%;width:14px;height:14px}.tgl{grid-template-columns:1fr 1fr;gap:6px;display:grid}.tgl button{border:1px solid var(--line);color:var(--mute);text-align:left;border-radius:9px;align-items:center;gap:7px;padding:7px 9px;font-size:12px;transition:all .2s;display:flex}.tgl button:before{content:"";border:1.5px solid var(--dim);border-radius:50%;flex:none;width:8px;height:8px;transition:all .2s}.tgl button[aria-pressed=true]{color:var(--chalk);border-color:var(--line-hi)}.tgl button[aria-pressed=true]:before{background:var(--flag);border-color:var(--flag);box-shadow:0 0 8px #f4c54299}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{border:1px solid var(--line);color:var(--mute);border-radius:999px;padding:6px 10px;font-size:12px;transition:all .2s}.chips button[aria-pressed=true]{border-color:var(--chalk);color:var(--chalk);background:#ffffff12}.wind{grid-template-columns:86px 1fr;align-items:center;gap:12px;display:grid}#compass{cursor:pointer;touch-action:none;width:86px;height:86px}.wind output{font:600 13px var(--mono)}.wind small{color:var(--mute);margin-top:2px;font-size:11px;line-height:1.4;display:block}.kv{color:var(--mute);justify-content:space-between;align-items:baseline;font-size:12px;display:flex}.kv output{font:600 12px var(--mono);color:var(--chalk)}details summary{cursor:pointer;color:var(--chalk);justify-content:space-between;font-size:12px;list-style:none;display:flex}details summary:after{content:"+";color:var(--mute)}details[open] summary:after{content:"–"}#bag{grid-template-columns:1fr 1fr;gap:5px 10px;margin-top:8px;display:grid}#bag label{color:var(--mute);justify-content:space-between;align-items:center;gap:6px;font-size:12px;display:flex}#bag input{border:1px solid var(--line);width:52px;color:var(--chalk);font:600 12px var(--mono);text-align:right;background:#ffffff0d;border-radius:6px;padding:3px 5px}.wide{width:100%;padding:9px 12px}.cred{color:var(--dim);padding-top:10px;font-size:10.5px;line-height:1.5}.cred a{color:var(--mute)}#dock{left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom,0px));gap:10px;padding:10px 12px;display:grid;position:absolute}.dk1{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.modes{border:1px solid var(--line);background:#ffffff0a;border-radius:999px;gap:2px;padding:3px;display:flex}.modes button{color:var(--mute);border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:600;transition:all .25s}.modes button:hover{color:var(--chalk)}.modes button[aria-pressed=true]{background:var(--chalk);color:#0b1411}.tl{flex:1;align-items:center;gap:10px;min-width:220px;display:flex}#btnPlay{background:var(--flag);color:#1b1606;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}#btnPlay svg{width:14px;height:14px}.bar{flex:1;gap:3px;display:grid}.bar .cap{font:400 10.5px var(--mono);color:var(--mute);justify-content:space-between;display:flex}#tl::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--flag) var(--p,0%),var(--line-hi) var(--p,0%))}#tl::-moz-range-track{background:linear-gradient(90deg,var(--flag) var(--p,0%),var(--line-hi) var(--p,0%))}.strip{grid-template-columns:repeat(9,1fr) 44px repeat(9,1fr) 44px;gap:3px;display:grid}.strip button{border:1px solid #0000;border-radius:8px;justify-items:center;gap:2px;padding:6px 0 5px;transition:all .2s;display:grid;position:relative}.strip button:hover{background:#ffffff0d}.strip button b{font:700 17px/1 var(--disp)}.strip button span{font:400 9.5px var(--mono);color:var(--mute)}.strip button[aria-current=true]{border-color:var(--flag);background:#f4c5421a}.strip button[aria-current=true] b{color:var(--flag)}.strip button.planned:after{content:"";background:var(--ok);border-radius:50%;width:4px;height:4px;position:absolute;top:5px;right:6px}.strip .tot{font:400 9.5px var(--mono);color:var(--mute);border-left:1px solid var(--line);align-content:center;justify-items:center;gap:2px;display:grid}.strip .tot b{font:700 14px/1 var(--disp);color:var(--chalk)}.lb{will-change:transform;white-space:nowrap;pointer-events:none;position:absolute;top:0;left:0}.bdg{pointer-events:auto;border:1.5px solid var(--chalk);width:28px;height:28px;font:800 15px/1 var(--disp);color:var(--chalk);background:#09120fd1;border-radius:50%;place-items:center;transition:transform .2s,background .2s;display:grid;box-shadow:0 4px 14px #0006}.bdg:hover{background:var(--flag);color:#1b1606;border-color:var(--flag);transform:scale(1.15)}.bdg.cur{background:var(--flag);color:#1b1606;border-color:var(--flag)}.pill{border:1px solid var(--line-hi);font:600 12px/1.15 var(--mono);color:var(--chalk);background:#09120fdb;border-radius:8px;gap:1px;margin-bottom:9px;padding:5px 8px;display:grid;position:relative;box-shadow:0 6px 18px #00000059}.pill:after{content:"";background:var(--line-hi);width:1px;height:6px;position:absolute;bottom:-6px;left:50%}.pill em{font:400 10px/1.2 var(--mono);color:var(--mute);font-style:normal}.pill b{color:var(--flag)}.pill.fin b{color:var(--ok)}.carry{color:#2a2410;font:600 10.5px/1.1 var(--mono);background:#e9d9aceb;border-radius:6px;margin-bottom:4px;padding:3px 6px;box-shadow:0 3px 10px #0000004d}.carry.w{color:#04212d;background:#58b6dcf0}.carry i{opacity:.75;font-style:normal;font-weight:400}.ring{font:600 10px var(--mono);color:#ffffffe6;text-shadow:0 1px 4px #000c;transform:translateY(50%)}#intro{pointer-events:none;opacity:0;align-content:center;padding:0 7vw;transition:opacity 1s;display:grid;position:absolute;inset:0}body.intro #intro{opacity:1}#intro .kick{font:600 12px var(--ui);letter-spacing:.34em;text-transform:uppercase;color:#ffffffd9;text-shadow:0 2px 12px #00000080}#intro h1{font:900 clamp(64px,13vw,200px)/.92 var(--disp);text-transform:uppercase;letter-spacing:-.005em;color:#fff;text-shadow:0 10px 50px #00000059;margin:.1em 0 .05em}#intro h1 .ch{opacity:0;filter:blur(8px);animation:1.1s cubic-bezier(.2,.9,.2,1) forwards chIn;display:inline-block;transform:translateY(.5em)}@keyframes chIn{to{opacity:1;filter:none;transform:none}}#intro .sub{font:500 14px var(--mono);color:#ffffffe6;letter-spacing:.08em;text-shadow:0 2px 10px #00000080}#skip{right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));pointer-events:auto;opacity:0;transition:opacity .4s;position:absolute}body.intro #skip{opacity:1}#loader{background:var(--ink);z-index:5;place-items:center;transition:opacity 1.2s;display:grid;position:absolute;inset:0}#loader.done{opacity:0;pointer-events:none}.ld{text-align:center;justify-items:center;gap:18px;padding:0 16px;display:grid}.ld svg{width:min(340px,80vw);height:auto}.ld svg path{fill:none;stroke:var(--fair);stroke-width:1px;opacity:.55;stroke-dasharray:4 6;animation:3s linear infinite dash}.ld svg path:nth-child(3n){stroke:var(--flag);opacity:.7}@keyframes dash{to{stroke-dashoffset:-100px}}.ld .t{font:900 34px/1 var(--disp);letter-spacing:.04em;text-transform:uppercase}.ld .s{font:400 12px var(--mono);color:var(--mute)}.ld .err{color:var(--risk);max-width:44ch;font:500 13px var(--ui)}#toast{left:50%;top:calc(18px + env(safe-area-inset-top,0px));background:var(--chalk);color:#0b1411;opacity:0;pointer-events:none;z-index:6;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .3s;position:absolute;transform:translate(-50%,-10px)}#toast.on{opacity:1;transform:translate(-50%)}#copyBox{z-index:7;background:#00000080;place-items:center;padding:16px;display:grid;position:absolute;inset:0}#copyBox .glass{gap:10px;width:min(640px,100%);padding:16px;display:grid}#copyBox textarea{width:100%;height:50vh;color:var(--chalk);border:1px solid var(--line);font:12px/1.5 var(--mono);box-sizing:border-box;background:#0000004d;border-radius:8px;padding:10px}@media (max-width:860px){.brand span{display:none}.brand b{font-size:21px}#btnTools{right:16px;top:calc(12px + env(safe-area-inset-top,0px));display:block;position:absolute}#tools{width:auto;left:16px;right:16px;top:calc(52px + env(safe-area-inset-top,0px));z-index:4;background:var(--glass-hi);max-height:calc(100% - 262px);display:none}body.tools-open #tools{display:block}#card{width:auto;top:auto;left:16px;right:16px;bottom:calc(186px + env(safe-area-inset-bottom,0px));gap:10px;max-height:40vh;padding:12px}#cardHead{cursor:pointer}#cardHead:after{content:"Tap for plan";font:600 10px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);position:absolute;top:12px;right:14px}body:not(.card-min) #cardHead:after{content:"Hide"}.ch{position:relative}.hno{min-width:54px;height:66px}.num{font-size:68px}.hmeta .len{font-size:32px}body.card-min #card>:not(.ch){display:none}.note{font-size:12.5px}.strip{grid-template-columns:repeat(9,1fr);row-gap:2px}.strip .tot{display:none}.strip button{padding:4px 0}.strip button b{font-size:15px}.strip button span{display:none}.dk1{flex-direction:column;align-items:stretch;gap:8px}.modes{scrollbar-width:none;min-width:0;max-width:100%;overflow-x:auto}.tees button{padding:6px 6px 5px}.tees span{letter-spacing:.06em;font-size:9px}.modes button{padding:6px 10px;font-size:12px}.tl{width:100%;min-width:0}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.brand a.home{color:inherit;text-decoration:none}.brand a.home:hover b{color:var(--flag)}body.picker{height:auto;min-height:100%;overflow:auto}.pk{min-height:100vh;padding:calc(48px + env(safe-area-inset-top,0px)) 16px calc(32px + env(safe-area-inset-bottom,0px));box-sizing:border-box;align-content:start;gap:36px;max-width:1080px;margin:0 auto;display:grid;position:relative}.pk-lines{pointer-events:none;opacity:.35;width:100%;height:60vh;position:fixed;top:18vh;left:0}.pk-lines path{fill:none;stroke:var(--fair);stroke-width:.6px;stroke-dasharray:4 6;vector-effect:non-scaling-stroke}.pk-lines path:nth-child(3n){stroke:var(--flag)}.pk-head{gap:12px;display:grid;position:relative}.pk-head h1{font:900 clamp(48px,9vw,112px)/.86 var(--disp);text-transform:uppercase;letter-spacing:-.005em;margin:0}.pk-head h1 span{color:var(--flag)}.pk-head p{color:#d6d7cd;max-width:56ch;margin:0;font-size:15px}.pk-notice{font-weight:600;color:var(--risk)!important}.pk-group{gap:12px;display:grid;position:relative}.pk-kick{font:600 12px var(--ui);letter-spacing:.3em;text-transform:uppercase;color:var(--mute)}.pk-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.pk-card{color:var(--chalk);box-sizing:border-box;gap:10px;height:100%;padding:20px 18px 16px;text-decoration:none;transition:border-color .2s,transform .2s,background .2s;display:grid}.pk-card:hover{border-color:var(--flag);background:var(--glass-hi);transform:translateY(-2px)}.pk-card:focus-visible{outline:2px solid var(--flag);outline-offset:3px}.pk-name{font:900 38px/.9 var(--disp);text-transform:uppercase;letter-spacing:.01em}.pk-sub{color:var(--mute);font-size:12.5px}.pk-go{font:600 12px var(--ui);color:var(--flag);letter-spacing:.04em;margin-top:4px}.pk-foot{color:var(--dim);font-size:12px;position:relative}.pk-foot a{color:var(--mute)}.pk-preview{border:1px solid var(--line-hi);color:var(--flag);font:600 10px var(--ui);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;margin-right:6px;padding:2px 8px;display:inline-block}.ld .retry{margin-top:4px}.ld a{color:var(--mute)}#glLost{z-index:8;text-align:center;background:#0a1411b8;place-items:center;padding:16px;display:none;position:absolute;inset:0}body.gl-lost #glLost{display:grid}#glLost .glass{gap:10px;max-width:40ch;padding:18px 20px;display:grid}#glLost .btn{justify-self:center;display:none}body.gl-dead #glLost .btn{display:block}