.tb{--tb-ink:#fff4e829}.tb-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px;margin:0;display:grid}.tb-stat{border-top:1px solid #fff4e833;flex-direction:column;gap:3px;min-width:0;padding-top:12px;display:flex}.tb-num{font-size:clamp(26px,3.3cqi,44px);line-height:1}.tb-label{font:500 14px/1.3 var(--font-sans)}.tb-sub{opacity:.72;font-size:12.5px;line-height:1.35}@container (width<=30rem){.tb-stats{gap:14px 10px}.tb-sub{display:none}.tb-label{font-size:12.5px}}.tb-picks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@container (width>=44rem){.tb-picks{grid-template-columns:repeat(4,minmax(0,1fr))}}@container (width>=56rem){.tb-picks{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width>=82rem){.tb-picks{grid-template-columns:repeat(4,minmax(0,1fr))}}.tb-pick{min-height:56px;color:var(--color-cream);text-align:left;cursor:pointer;transition:background-color .3s, color .3s, transform .2s var(--ease-ui);background:#2b151238;border:0;border-radius:16px;align-items:center;gap:10px;padding:8px 12px 8px 8px;display:flex}.tb-pick:hover{background:#2b151257}.tb-pick:active{transform:scale(.97)}.tb-pick.is-on{background:var(--color-cream);color:var(--color-ink)}.tb-pick-tile{background:var(--wc);width:36px;height:36px;color:var(--color-cream);border-radius:11px;flex:none;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #fff4e838}.tb-pick-name{font:500 14.5px/1.25 var(--font-sans);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tb-pick-page{opacity:.7;font-size:12px;line-height:1.3}.tb-stage{background:#2b151242;border-radius:24px;flex-direction:column;gap:14px;padding:14px;display:flex;box-shadow:inset 0 0 0 1px #fff4e81a}.tb-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.tb-stepbtn{width:100%;min-height:40px;color:var(--color-cream);font:500 13px/1 var(--font-sans);opacity:.62;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:0 6px;transition:opacity .3s,background-color .3s;display:flex;position:relative;overflow:hidden}.tb-stepbtn:hover{opacity:.9}.tb-stepbtn.is-past{opacity:.82}.tb-stepbtn.is-on{opacity:1;background:#fff4e81f}.tb-stepbtn .gd-beat{bottom:5px;left:10px;right:10px}.tb-stepnum{border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:grid;box-shadow:inset 0 0 0 1px #fff4e880}.tb-stepbtn.is-on .tb-stepnum,.tb-stepbtn.is-past .tb-stepnum{background:var(--color-cream);color:var(--win,var(--color-ink));box-shadow:none}@container (width<=34rem){.tb-steplabel{display:none}.tb-stepbtn.is-on .tb-steplabel{display:inline}.tb-steps{grid-template-columns:repeat(5,auto);justify-content:space-between}}.tb-screen{background:var(--win,#7e2f63);border-radius:18px;min-height:clamp(270px,min(30cqi + 120px,100svh - 420px),380px);padding:22px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff4e81f}.tb-story{grid-area:1/1;display:none}.tb-story.is-on{display:grid}.tb-step{opacity:0;visibility:hidden;flex-direction:column;grid-area:1/1;gap:16px;min-width:0;transition:opacity .35s,visibility 0s .35s;display:flex}.tb-step.is-on{opacity:1;visibility:visible;transition:opacity .45s 50ms,visibility}.tb-kicker{opacity:.78;font-size:11px}.tb-brief,.tb-plan,.tb-checks{justify-content:center}@keyframes tb-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes tb-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes tb-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes tb-pop{0%{opacity:0;transform:scale(.4)}}@keyframes tb-slide{0%{opacity:0;transform:translate(46px)scale(.94)}}.tb:not(.is-still) .tb-step.is-on .tb-a{animation:tb-rise .7s var(--ease-rise) calc(var(--i,0) * .14s) both}.tb.is-held .tb-step *,.tb.is-held .tb-step :before{animation-play-state:paused!important}.tb-bubble{background:var(--color-cream);max-width:30em;color:var(--color-ink);font:500 clamp(16px, 2cqi, 19px)/1.45 var(--font-sans);border-radius:18px 18px 18px 6px;align-self:flex-start;margin:0;padding:14px 18px}.tb-reply{text-align:right;flex-wrap:wrap;justify-content:flex-end;align-self:flex-end;gap:0 .28em;max-width:15em;margin:6px 0 0;font-size:clamp(26px,3.4cqi,38px);display:flex}.tb:not(.is-still) .tb-step.is-on .tb-word{animation-duration:.9s;animation-delay:calc(.7s + (var(--i) - 4) * .15s)}.tb-paper{flex:1;min-height:0;position:relative}.tb-draw,.tb-mini-draw{fill:none;width:100%;height:auto;max-height:100%;stroke:var(--color-cream);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;display:block}.tb-draw>*{stroke-dasharray:1 1}.tb-draw .tb-fill,.tb-mini-draw .tb-fill{fill:var(--color-cream)}.tb-draw>:first-child{stroke:#fff4e86b;stroke-dasharray:.012 .02}.tb:not(.is-still) .tb-step.is-on .tb-draw>*{animation:tb-draw .75s cubic-bezier(.45, 0, .25, 1) calc(.15s + var(--i) * .2s) both}.tb:not(.is-still) .tb-step.is-on .tb-draw>:first-child{animation:tb-rise .6s var(--ease-rise) .1s both}.tb:not(.is-still) .tb-step.is-on .tb-draw .tb-fill{animation:tb-pop .5s var(--ease-spring) calc(.15s + var(--i) * .2s) both;transform-box:fill-box;transform-origin:50%}.tb-note{white-space:nowrap;font-size:clamp(20px,2.5cqi,27px);line-height:1;position:absolute}.tb-note.tb-n1{bottom:-2%;left:2%;transform:rotate(-4deg)}.tb-note.tb-n2{top:-4%;right:2%;transform:rotate(3deg)}.tb:not(.is-still) .tb-step.is-on .tb-note{animation-name:tb-pop;animation-duration:.6s;animation-timing-function:var(--ease-spring)}.tb-lanes{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.tb-lane{background:#2b151233;border-radius:14px;grid-template-columns:34px minmax(0,1fr) minmax(64px,.8fr) 22px;align-items:center;gap:12px;padding:10px 12px 10px 10px;display:grid}.tb-face{background:var(--ac);width:34px;height:34px;font:400 15px/1 var(--font-display);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 1.5px #fff4e8cc}.tb-lane-name{font:600 14px/1.2 var(--font-sans)}.tb-lane-task{white-space:nowrap;text-overflow:ellipsis;opacity:.78;font-size:13px;line-height:1.3;overflow:hidden}.tb-track{background:#fff4e829;border-radius:4px;height:4px;overflow:hidden}.tb-bar{border-radius:inherit;background:var(--color-cream);transform-origin:0;will-change:transform;height:100%;display:block}.tb-done{background:var(--color-cream);width:22px;height:22px;color:var(--win,var(--color-ink));border-radius:50%;place-items:center;display:grid}.tb:not(.is-still) .tb-step.is-on .tb-bar{animation:tb-fill var(--len) cubic-bezier(.45, .05, .35, 1) calc(.35s + var(--i) * .14s) both}.tb:not(.is-still) .tb-step.is-on .tb-done{animation:tb-pop .45s var(--ease-spring) calc(.35s + var(--i) * .14s + var(--len)) both}@container (width<=30rem){.tb-lane{grid-template-columns:30px minmax(0,1fr) 22px;gap:4px 10px}.tb-face{width:30px;height:30px;font-size:13px}.tb-track{grid-area:2/2}.tb-done{grid-area:1/3/span 2}}.tb-checklist{flex-direction:column;gap:12px;margin:0;padding:0;font-size:15px;line-height:1.4;list-style:none;display:flex}.tb-check{align-items:flex-start;gap:12px;display:flex}.tb-check b{font-weight:600}.tb-tick{background:var(--color-cream);width:22px;height:22px;color:var(--win,var(--color-ink));border-radius:50%;flex:none;place-items:center;display:grid}.tb-shots{align-items:flex-end;gap:10px;display:flex}@container (width<=30rem){.tb-shots{--shot:36px;gap:8px}}.tb-shot{opacity:.85;flex-direction:column;align-items:center;gap:4px;font-size:11px;display:flex}.tb-shot-frame{width:calc(var(--sw) / 1440 * var(--shot,64px) + 12px);aspect-ratio:var(--ar);box-shadow:inset 0 0 0 1.5px var(--color-cream);background:#fff4e81a;border-radius:4px;display:block}.tb:not(.is-still) .tb-step.is-on .tb-shot{animation-name:tb-pop;animation-timing-function:var(--ease-spring)}.tb-ship{justify-content:center;align-items:center}.tb-mini{background:var(--wc);border-radius:16px;width:min(100%,400px);overflow:hidden;box-shadow:0 24px 48px #2b151259,inset 0 0 0 1px #fff4e829}.tb-mini.is-paper{background:var(--color-paper);color:var(--color-ink)}.tb-mini.is-paper .tb-mini-draw{stroke:var(--color-ink)}.tb-mini.is-paper .tb-mini-draw .tb-fill{fill:var(--color-ink)}.tb-mini-strip{background:#2b15122e;align-items:center;gap:10px;padding:8px 12px 8px 8px;display:flex}.tb-mini.is-paper .tb-mini-strip{background:var(--color-sunk)}.tb-mini .tb-pick-tile{border-radius:9px;width:28px;height:28px}.tb-mini-name{font:500 13.5px/1.2 var(--font-sans);flex:1}.tb-mini-of{opacity:.7;font-size:12px}.tb-mini-draw{stroke-width:1.6px;opacity:.9;padding:10px 14px 14px}.tb-mini-draw>:first-child{display:none}.tb:not(.is-still) .tb-step.is-on .tb-mini{animation:tb-slide .9s var(--ease-rise) .1s both}.tb-shipped{text-align:center;margin:0;font-size:clamp(24px,3cqi,32px)}.tb-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:0 4px 2px;display:flex}.tb-now{opacity:.75;margin:0;font-size:13px}@media (prefers-reduced-motion:reduce){.tb .tb-a,.tb .tb-draw>*,.tb .tb-bar,.tb .tb-done,.tb .tb-mini{animation:none!important}}