:root{color-scheme:light;--paper: oklch(.955 .022 92);--paper-2: oklch(.915 .03 90);--white: oklch(.99 .008 95);--ink: oklch(.22 .035 265);--ink-2: oklch(.42 .03 265);--keeper: oklch(.87 .17 95);--mate: oklch(.52 .17 258);--opp: oklch(.62 .22 28);--display: "Bowlby One", Impact, "Arial Black", sans-serif;--text: "Atkinson Hyperlegible", system-ui, sans-serif;--gap: clamp(28px, 5vw, 48px)}*{box-sizing:border-box}html{scroll-padding-top:110px}body{margin:0;background-color:var(--paper);color:var(--ink);font:400 18px/1.55 var(--text);background-image:radial-gradient(oklch(.22 .035 265 / .07) 1px,transparent 1.4px);background-size:6px 6px}[hidden]{display:none!important}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}h1,h2,h3{text-wrap:balance}p,li,dd{max-width:62ch}a{color:var(--ink);text-decoration-thickness:2px;text-underline-offset:3px}a:hover{color:var(--mate)}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--mate);outline-offset:3px}.wrap{max-width:1100px;margin:0 auto;padding-block:18px 72px;padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px));display:flex;flex-direction:column;gap:var(--gap)}.stack{display:flex;flex-direction:column;gap:14px}.display,h1{font:400 clamp(40px,9.5vw,92px)/.95 var(--display);text-transform:uppercase;transform:skew(-6deg);transform-origin:left bottom;text-shadow:.045em .045em 0 var(--keeper)}h2{font:400 clamp(26px,4.4vw,38px)/1 var(--display);text-transform:uppercase}h3{font:700 18px/1.3 var(--text)}.lede{font-size:clamp(19px,2.4vw,22px);line-height:1.45;max-width:46ch}.meta{font-weight:700}.soft{color:var(--ink-2)}.back{font-weight:700;text-decoration:none}.back:hover{text-decoration:underline}.page-head{display:flex;flex-direction:column;gap:14px}.top{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 22px;padding-bottom:12px;border-bottom:4px solid var(--ink)}.brand{font:400 26px/1 var(--display);text-transform:uppercase;text-decoration:none;margin-right:auto;transform:skew(-6deg);text-shadow:2px 2px 0 var(--keeper)}.brand:hover{color:var(--ink)}.top nav{display:flex;flex-wrap:wrap;gap:4px 20px}.top nav a{font-weight:700;text-decoration:none;padding-block:6px}.top nav a[aria-current=page]{background:linear-gradient(var(--keeper),var(--keeper)) 0 82% / 100% 42% no-repeat}.foot{border-top:2px solid var(--ink);padding-top:16px;display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:space-between}.btn,.opt,.seg div{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background-color:var(--paper)}.btn,.opt{transition:transform .08s ease-out,box-shadow .08s ease-out}.btn:active,.opt:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.btn{display:inline-block;min-height:44px;padding:9px 16px;font-weight:700;text-decoration:none;color:var(--ink)}.btn:hover{color:var(--ink);background-color:var(--white)}.btn.go{background-color:var(--keeper);font:400 20px/1 var(--display);text-transform:uppercase;padding:12px 18px}.controls{display:flex;flex-wrap:wrap;gap:14px 30px;align-items:center}.seg{display:flex;align-items:center;gap:12px;font-weight:700}.seg div{display:flex}.seg button{background:transparent;border:0;min-width:44px;min-height:44px;font:400 20px/1 var(--display)}.seg button+button{border-left:2px solid var(--ink)}.seg button[aria-pressed=true]{background-color:var(--keeper)}.legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:16px}.legend span{display:inline-flex;align-items:center;gap:7px}.legend i{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;border:2px solid var(--ink);font:400 12px/1 var(--display);font-style:normal}.legend .k{background-color:var(--keeper)}.legend .s{background-color:var(--mate);color:var(--white)}.legend .a{background-color:var(--opp)}.legend .w{border-style:dashed}.chips{display:flex;flex-wrap:wrap;gap:4px 18px}.chip{background:transparent;border:0;padding:8px 0;min-height:44px;font-weight:700}.chip:hover{color:var(--mate)}.chip[aria-pressed=true]{background:linear-gradient(var(--keeper),var(--keeper)) 0 72% / 100% 36% no-repeat}.stage{position:relative;border:2px solid var(--ink);background-color:var(--paper-2);min-width:0}.stage canvas{display:block;width:100%;height:auto;aspect-ratio:100/62}.cap{position:absolute;left:-2px;bottom:-2px;background-color:var(--ink);color:var(--paper);padding:4px 10px 5px;font:700 15px/1.2 var(--text)}.stages{display:flex;flex-direction:column;gap:12px;min-width:0}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px;counter-reset:s}.steps li{counter-increment:s;display:flex;gap:8px;padding:4px 6px;font-size:16px;line-height:1.3;color:var(--ink-2)}.steps li:before{content:counter(s);font:400 18px/1.2 var(--display);color:var(--ink)}.steps li.on{background-color:var(--keeper);color:var(--ink)}.rows{list-style:none;padding:0;border-top:4px solid var(--ink)}.rows li{max-width:none;border-bottom:2px solid var(--ink)}.rows a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 20px;align-items:baseline;padding:16px 4px 18px;text-decoration:none;color:var(--ink)}.rows a:hover{background-color:var(--paper-2);color:var(--ink)}.rows b{font:400 clamp(26px,5vw,40px)/1 var(--display);text-transform:uppercase}.rows a:hover b{text-shadow:.05em .05em 0 var(--keeper)}.rows .n{font:400 clamp(20px,3vw,26px)/1 var(--display);color:var(--mate)}.rows p{grid-column:1 / -1}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:34px 26px}.thumb{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--ink);min-width:0}.thumb b{font:400 24px/1.05 var(--display);text-transform:uppercase;margin-top:4px}.thumb:hover{color:var(--ink)}.thumb:hover .stage{box-shadow:4px 4px 0 var(--keeper)}.thumb span{font-size:16px}.band{background-color:var(--keeper);padding:16px 20px;display:flex;flex-wrap:wrap;gap:6px 22px;align-items:center;transform:rotate(-.5deg)}.band>b{font:400 clamp(46px,8vw,68px)/.9 var(--display)}.band>div{flex:1 1 280px;min-width:0}.band .big{font-weight:700;font-size:clamp(19px,2.6vw,23px);line-height:1.25}.clock{position:sticky;top:env(safe-area-inset-top,0px);z-index:9;background-color:var(--paper-2);border:2px solid var(--ink);padding:10px 14px;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}.clock .time{font:400 34px/1 var(--display);font-variant-numeric:tabular-nums;min-width:4.4ch}.clock .now{flex:1 1 180px;min-width:0;font-weight:700;line-height:1.25}.clock .now small{display:block;font-weight:400;font-size:16px}.strip{display:flex;border:2px solid var(--ink)}.strip a{flex-basis:0;min-width:0;padding:8px 10px;text-decoration:none;color:var(--ink);font-size:15px;line-height:1.25}.strip a+a{border-left:2px solid var(--ink)}.strip b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strip a.on{background-color:var(--keeper)}.strip a.done{color:var(--ink-2);text-decoration:line-through}@media(max-width:640px){.strip{flex-wrap:wrap;border-bottom-width:0}.strip a{flex:1 1 33%!important;border-bottom:2px solid var(--ink)}.strip a:nth-child(3n+1){border-left:0}}.drills{display:flex;flex-direction:column;gap:var(--gap)}.drill{display:flex;flex-direction:column;gap:16px;scroll-margin-top:110px}.drill-head{display:flex;align-items:baseline;gap:6px 16px;flex-wrap:wrap;border-top:4px solid var(--ink);padding-top:14px}.drill-head .num{font:400 clamp(40px,7vw,56px)/.85 var(--display);color:var(--mate)}.drill-head h2 a{text-decoration:none}.drill-head h2 a:hover{color:var(--ink);text-shadow:.05em .05em 0 var(--keeper)}.drill-head .meta{margin-left:auto;white-space:nowrap}.drill-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px 36px;align-items:start}@media(max-width:860px){.drill-body{grid-template-columns:minmax(0,1fr)}}.notes{display:flex;flex-direction:column;gap:14px;min-width:0}.notes ol{padding-left:24px;display:flex;flex-direction:column;gap:6px}.notes li::marker{font-weight:700}.kit{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px 36px;border-top:4px solid var(--ink);padding-top:18px}.kit ul,.plain{padding-left:22px;display:flex;flex-direction:column;gap:6px}.kit h3{margin-bottom:6px}.week{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px 40px;align-items:center}@media(max-width:860px){.week{grid-template-columns:minmax(0,1fr)}}.week .stack{gap:18px;align-items:flex-start}.scn{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px 36px;align-items:start}@media(max-width:860px){.scn{grid-template-columns:minmax(0,1fr)}}.ask{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.opts{display:flex;flex-direction:column;gap:12px;align-self:stretch}.opt{text-align:left;padding:12px 16px;min-height:48px;font-weight:700;line-height:1.3}.opt:hover{background-color:var(--white)}.opt[aria-pressed=true]{background-color:var(--keeper)}.result{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.result b{font:400 22px/1 var(--display);text-transform:uppercase;border:3px solid currentColor;padding:6px 10px 5px;transform:rotate(-3deg)}.result.best b{color:var(--ink);background-color:var(--keeper);border-color:var(--ink)}.result.ok b{color:var(--mate)}.result.risky b{color:#bb0a10}@media(prefers-reduced-motion:no-preference){.result:not([hidden]) b{animation:stamp .22s cubic-bezier(.16,1,.3,1) backwards}}@keyframes stamp{0%{transform:rotate(-9deg) scale(1.6);opacity:0}}.explain{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px 36px;align-items:start}@media(max-width:860px){.explain{grid-template-columns:minmax(0,1fr)}}.points{border-top:2px solid var(--ink)}.points div{padding:12px 0 14px;border-bottom:2px solid var(--ink)}.points dt{font:400 22px/1.1 var(--display);text-transform:uppercase;margin-bottom:4px}.habits{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0 44px;border-top:4px solid var(--ink)}.habits li{max-width:none;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 16px;padding:20px 0 24px;border-bottom:2px solid var(--ink);align-content:start}.habits .num{grid-row:span 4;font:400 60px/.85 var(--display);color:var(--mate);min-width:.9em}.habits .line{font-weight:700;font-size:20px;line-height:1.3}.habits p+p{margin-top:6px}