:root{--bg: #2a2e34;--panel: rgba(38, 42, 48, .94);--panel-2: rgba(255, 255, 255, .05);--text: #f1f4f6;--dim: #8d98a3;--line: rgba(241, 244, 246, .12);--blue: #41b6e6;--red: #e4002b;--good: #41b6e6;--bad: #ff3b5c;--ink: #1f2328;--font: "Big Shoulders Display", system-ui, sans-serif;--tag: "Big Shoulders Stencil Display", "Big Shoulders Display", sans-serif;--safe-b: env(safe-area-inset-bottom, 0px);--grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.1  0 0 0 0 0.08  0 0 0 0 0.05  0 0 0 .5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--stain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='400'><filter id='s'><feTurbulence type='fractalNoise' baseFrequency='.012' numOctaves='4' seed='7'/><feColorMatrix values='0 0 0 0 0.35  0 0 0 0 0.25  0 0 0 0 0.1  0 0 0 .3 -0.08'/></filter><rect width='100%' height='100%' filter='url(%23s)'/></svg>")}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font:500 14px/1.35 var(--font);letter-spacing:.02em;overscroll-behavior:none}#city{position:fixed;inset:0;width:100vw;height:100vh;display:block;cursor:grab;touch-action:none}body.drawing #city{cursor:crosshair}button{font:inherit;color:inherit;cursor:pointer}.star{color:var(--red)}#left,#score,#tools,#inspector{background:#262a30f0;border:1px solid var(--line);border-radius:8px}#left{position:fixed;top:10px;left:10px;width:280px;max-height:calc(100vh - 80px);display:flex;flex-direction:column;z-index:5;overflow:hidden}.brand{font:800 12px var(--font);letter-spacing:.16em;padding:10px 12px 8px;color:var(--dim);border-bottom:1px solid var(--line)}.tabs{display:none}.pane{overflow-y:auto;scrollbar-width:thin}#ideas{flex:0 1 auto;max-height:55%;border-bottom:1px solid var(--line)}#commutes{flex:1 1 auto}.pane-title{position:sticky;top:0;z-index:1;background:#262a30fa;margin:0;padding:8px 12px 6px;font:800 12px var(--font);letter-spacing:.16em;color:var(--text)}.pane-title small{font-weight:500;letter-spacing:.04em;color:var(--dim);margin-left:6px}.plan{display:flex;align-items:center;gap:10px;padding:8px 12px;border-top:1px solid var(--line);cursor:pointer;position:relative;transition:background .2s}.plan:hover{background:var(--panel-2)}.plan .info{flex:1;min-width:0}.plan h3{margin:0;font:800 15px/1.1 var(--font)}.plan .yr{font-size:11px;color:var(--dim)}.plan .btn{flex:none;border:1px solid var(--blue);color:var(--blue);border-radius:4px;padding:5px 8px;font:800 12px/1 var(--font);letter-spacing:.06em;text-align:center;min-width:74px}.plan .btn small{display:block;font-weight:500;font-size:10px;margin-top:2px;opacity:.8}.plan.on{background:linear-gradient(90deg,#e4002b4d,#e4002b0f);box-shadow:inset 5px 0 0 var(--red)}.plan.on h3:before{content:"✶ ";color:var(--red)}.plan.on .btn{border-color:#fff;background:var(--red);color:#fff;font-family:var(--tag);font-weight:900;font-size:15px;letter-spacing:.04em;transform:rotate(-4deg);box-shadow:2px 2px #000;animation:stamp .35s cubic-bezier(.2,1.8,.4,1)}@keyframes stamp{0%{transform:rotate(-20deg) scale(2.2);opacity:0}to{transform:rotate(-4deg) scale(1);opacity:1}}.plan.on .btn small{font-family:var(--font)}.plan .stamp{display:none}.plan.on .stamp{display:block;position:absolute;right:96px;top:50%;transform:translateY(-50%) rotate(-10deg);font:900 17px var(--tag);color:#fff;background:var(--red);padding:0 7px;border:2px solid #fff;border-radius:3px;box-shadow:2px 2px #000;pointer-events:none}.card{padding:7px 12px;border-top:1px solid var(--line);cursor:pointer}.card:hover{background:var(--panel-2)}.card .top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.card .who{font:700 15px/1.1 var(--font)}.card .where{font-size:12px;color:var(--dim)}.card .big{font:800 18px/1 var(--font);white-space:nowrap;text-align:right}.card .big small{display:block;font-size:10px;color:var(--dim);font-weight:500}.card .chg{font-size:12px;font-weight:800}.card .more{display:none;margin-top:6px;font-size:12px;color:var(--dim);line-height:1.45}.card.open .more{display:block}.card .more b{color:var(--text)}.card .more .bit{font-style:italic}.card .pill{display:inline-block;padding:0 4px;color:#fff;font-size:11px;font-weight:700;border-radius:2px}.card.better{box-shadow:inset 4px 0 0 var(--good)}.card.worse{box-shadow:inset 4px 0 0 var(--bad)}.good{color:var(--good)}.bad{color:var(--bad)}#score{position:fixed;top:10px;right:10px;width:280px;z-index:5;padding:0 0 10px}#score header{position:relative;display:flex;align-items:center;gap:8px;padding:10px 12px 8px;font:900 14px var(--font);letter-spacing:.2em;border-bottom:1px solid var(--line)}.stripes{width:18px;height:12px;background:linear-gradient(var(--blue) 0 30%,transparent 30% 70%,var(--blue) 70%)}#sound{margin-left:auto;border:0;background:none;font-size:14px;opacity:.7;padding:0}#ching{position:absolute;right:36px;top:2px;font:22px var(--tag);color:#fff;background:var(--red);padding:0 8px;border:2px solid #fff;transform:rotate(-8deg) scale(0);box-shadow:3px 3px #000;pointer-events:none;letter-spacing:0;z-index:2}#ching.go{animation:ching 1.4s cubic-bezier(.2,1.6,.4,1) forwards}@keyframes ching{0%{transform:rotate(-20deg) scale(0)}18%{transform:rotate(-8deg) scale(1.3)}30%{transform:rotate(-8deg) scale(1)}80%{opacity:1}to{opacity:0;transform:rotate(-8deg) scale(1)}}.hero{padding:10px 12px 8px;border-bottom:1px solid var(--line);position:relative}.hero .k,.row .k{font-size:10px;letter-spacing:.14em;color:var(--dim);font-weight:700}.hero .v{font:900 48px/1 "Big Shoulders Stencil Display",var(--font);color:var(--text);margin-top:4px;font-variant-numeric:tabular-nums}.hero.pos .v{color:var(--blue)}.hero.neg .v{color:var(--bad)}.row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"k v" "d v";padding:7px 12px;border-bottom:1px solid var(--line);position:relative;align-items:center}.row .k{grid-area:k}.row .v{grid-area:v;font:900 26px/1 var(--font);font-variant-numeric:tabular-nums}.row .d{grid-area:d;font-size:12px;font-weight:800;min-height:15px}.flash-good{animation:fgood 1.2s ease-out}.flash-bad{animation:fbad 1.2s ease-out}@keyframes fgood{0%{background:#41b6e68c}to{background:transparent}}@keyframes fbad{0%{background:#ff3b5c80}to{background:transparent}}.floater{position:absolute;right:12px;top:4px;font:900 20px var(--tag);pointer-events:none;animation:floatup 1.7s ease-out forwards;text-shadow:2px 2px 0 #000;z-index:3;white-space:nowrap}@keyframes floatup{0%{transform:translateY(8px) scale(.6);opacity:0}15%{transform:translateY(0) scale(1.25);opacity:1}to{transform:translateY(-36px) scale(1);opacity:0}}.budget{padding:8px 12px 4px}.bk{font-size:10px;letter-spacing:.14em;color:var(--dim);font-weight:700;margin-bottom:4px}.brow{margin:6px 0 8px;position:relative}.bl{display:flex;align-items:baseline;gap:6px;font-size:11px;color:var(--dim)}.bl span{flex:1;letter-spacing:.06em}.bl b{font:900 20px/1 var(--font);color:var(--text);font-variant-numeric:tabular-nums}.bl small{font-size:10px}.brow .bar{height:8px;background:#ffffff14;border-radius:4px;margin-top:4px;overflow:hidden}.brow .bar i{display:block;height:100%;width:100%;background:var(--blue);border-radius:4px;transition:width .9s cubic-bezier(.2,.9,.3,1),background .3s}.brow.over b{color:var(--bad)}.brow.over .bar i{background:var(--bad)}#legend{padding:8px 12px 0;margin-top:2px;border-top:1px solid var(--line);font-size:11px;color:var(--dim)}#legend .ramp{height:6px;border-radius:3px;background:linear-gradient(90deg,#56626e 0% 25%,#9fdcf2 50%,#fff 65%,#ff3b5c 82%,#b0002a)}#legend .ends{display:flex;justify-content:space-between;margin-top:3px}#legend .calc{margin-top:6px}#legend .calc .bar{height:2px;background:var(--line);margin-top:4px}#legend .calc .bar i{display:block;height:100%;width:0;background:var(--blue);transition:width .2s}#tools{position:fixed;left:50%;bottom:calc(12px + var(--safe-b));transform:translate(-50%);display:flex;gap:8px;align-items:stretch;z-index:6;padding:0;max-width:calc(100vw - 20px);overflow-x:auto;scrollbar-width:none;background:none!important;border:0!important}.seg{flex:none;display:flex;align-items:center;gap:2px;padding:3px;background:#262a30f5;border:1px solid rgba(241,244,246,.2);border-radius:10px}.seg .lbl{font:800 9px var(--font);letter-spacing:.16em;color:var(--dim);padding:0 6px 0 7px;writing-mode:horizontal-tb}.seg button{border:0;background:none;padding:9px 12px;font:800 13px var(--font);letter-spacing:.06em;color:#c3ccd4;border-radius:7px;white-space:nowrap;transition:background .15s,color .15s}.seg button:hover{background:#ffffff14;color:#fff}.seg button.on{background:#fff;color:var(--ink);box-shadow:0 0 0 2px var(--blue),0 4px 12px #41b6e659}#segTool button.on:not([data-tool=select]){background:var(--red);color:#fff;box-shadow:0 0 0 2px #fff,0 4px 14px #e4002b80}#hint{position:fixed;left:50%;bottom:calc(70px + var(--safe-b));transform:translate(-50%);z-index:6;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:5px 6px 5px 12px;font-size:13px;display:none;align-items:center;gap:10px;white-space:nowrap}#hint.show{display:flex}#finish{border:0;background:var(--red);color:#fff;border-radius:4px;padding:6px 10px;font:800 13px var(--font);letter-spacing:.08em}#finish[hidden]{display:none}#inspector{position:fixed;z-index:8;width:250px;padding:10px 12px}#inspector h3{margin:0;font:800 20px var(--font)}#inspector .swatch{height:4px;margin:5px 0 6px;border-radius:2px}#inspector .row2{display:flex;justify-content:space-between;font-size:12px;margin:3px 0;color:var(--dim)}#inspector .row2 b{color:var(--text);font-size:15px}#inspector input[type=range]{width:100%;accent-color:var(--blue);height:28px}#inspector .btns{display:flex;gap:6px;margin-top:6px}#inspector .btns button{flex:1;border:1px solid var(--line);border-radius:5px;padding:8px;font:800 13px var(--font);letter-spacing:.08em;background:none}#inspector .btns .cut{color:var(--bad);border-color:var(--bad)}#inspector .x{position:absolute;right:8px;top:4px;border:0;background:none;font-size:18px;color:var(--dim)}#boom{position:fixed;inset:0;z-index:20;pointer-events:none;display:grid;place-items:center;overflow:hidden}#boom[hidden]{display:none}#boom .wrap{position:relative;text-align:center;padding:0 12px;animation:slam .4s cubic-bezier(.2,1.8,.35,1) both,boomout .4s ease-in 1.5s forwards}#boom .word{font:900 clamp(90px,18vw,210px)/.85 var(--tag);letter-spacing:-.01em;color:#fff;paint-order:stroke fill;text-shadow:6px 6px 0 var(--red);transform:rotate(-7deg);position:relative;z-index:1}#boom .sub{display:inline-block;margin-top:18px;font:900 clamp(18px,3.4vw,34px)/1 "Big Shoulders Stencil Display",var(--font);letter-spacing:.08em;color:#fff;background:var(--ink);padding:8px 16px;transform:rotate(-2deg);border-left:8px solid var(--red);border-right:8px solid var(--blue);position:relative;z-index:1}#boom .sub2{font:900 22px var(--tag);letter-spacing:.06em;color:var(--blue);margin-top:10px;text-shadow:2px 2px 0 #000;transform:rotate(-3deg);position:relative;z-index:1}#boom .splat{position:absolute;border-radius:50%;background:radial-gradient(circle,var(--c) 0 42%,transparent 68%);opacity:.55}#boom .drip{position:absolute;width:7px;border-radius:0 0 5px 5px;background:var(--c);animation:drip 1.8s ease-in .3s both}@keyframes slam{0%{transform:scale(3) rotate(8deg);opacity:0}60%{transform:scale(.94) rotate(-1deg);opacity:1}to{transform:scale(1) rotate(0)}}@keyframes boomout{to{transform:scale(1.1);opacity:0}}@keyframes drip{0%{height:0}to{height:var(--h)}}body.shake #city{animation:shake .25s linear}@keyframes shake{0%,to{transform:none}20%{transform:translate(-8px,4px)}40%{transform:translate(7px,-5px)}60%{transform:translate(-5px,3px)}80%{transform:translate(3px,-2px)}}.modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#08090b00;padding:16px;overflow-y:auto;pointer-events:none;transition:background .8s ease}.modal.in{background:#08090b8c;pointer-events:auto}.modal .poster{visibility:hidden}.modal.in .poster{visibility:visible;animation:slap .9s cubic-bezier(.3,1.2,.4,1) both}.modal[hidden]{display:none}.poster{position:relative;width:min(440px,100%);padding:18px 26px 22px;color:var(--ink);background-color:#f1ead9;background-image:var(--grain),var(--stain),linear-gradient(175deg,#fff6,#00000014);transform:rotate(-1.6deg);box-shadow:0 18px 50px #0000008c,3px 4px #00000059;clip-path:var(--tear, none)}@keyframes slap{0%{transform:translate(40vw,-110vh) rotate(28deg) scale(1.25)}55%{transform:translate(-6px,14px) rotate(-5deg) scale(1.04,.9)}70%{transform:translate(3px,-6px) rotate(0) scale(.98,1.04)}85%{transform:translateY(2px) rotate(-2.2deg) scale(1.01,.99)}to{transform:translate(0) rotate(-1.6deg) scale(1)}}.poster .tape{position:absolute;width:96px;height:26px;background:#e9debed1;box-shadow:0 1px 3px #00000040;z-index:2}.poster .t1{top:2px;left:16%;transform:rotate(-6deg)}.poster .t2{top:4px;right:12%;transform:rotate(5deg)}.modal.in .poster .tape{animation:tape .25s ease-out both}.modal.in .poster .t1{animation-delay:.62s}.modal.in .poster .t2{animation-delay:.74s}@keyframes tape{0%{opacity:0;transform:translateY(-18px) rotate(-14deg) scale(1.4)}}.poster .flag{position:relative;height:34px;margin:0 -26px 12px;display:flex;flex-direction:column;justify-content:space-between;padding:3px 0}.poster .flag i{display:block;height:7px;background:var(--blue);opacity:.9;-webkit-mask:var(--grain)}.poster .flag b{position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);font:900 22px/1 var(--font);color:var(--red);letter-spacing:.35em;background:#f1ead9;padding:0 10px 0 16px}.poster .kick{font:900 13px "Big Shoulders Stencil Display",var(--font);letter-spacing:.3em;color:var(--red);text-align:center}.poster h1{margin:4px 0 0;text-align:center;font:900 clamp(58px,17vw,96px)/.82 "Big Shoulders Stencil Display",var(--font);letter-spacing:-.01em}.poster h1 span{display:block}.poster h1 span:nth-child(2){font-size:.62em;letter-spacing:.12em;margin:4px 0 2px}.poster h1 .you{font:clamp(78px,22vw,128px)/.9 var(--tag);color:var(--red);transform:rotate(-4deg);text-shadow:4px 4px 0 var(--ink);margin-top:2px}.poster .arrow{position:absolute;right:16px;top:190px;width:86px;fill:none;stroke:var(--ink);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;transform:rotate(8deg)}.poster .job{margin-top:14px;font:600 16px/1.4 var(--font)}.poster .job p{margin:0 0 8px}.poster .job b{font-family:var(--font);font-weight:900;font-size:17px}.poster .tear-off{display:flex;margin:12px -26px 0;border-top:2px dashed rgba(11,12,14,.45)}.poster .tear-off span{flex:1;text-align:center;font:15px/1.1 var(--tag);padding:8px 4px;border-left:2px dashed rgba(11,12,14,.3);transform:rotate(-2deg)}.poster .tear-off span:first-child{border-left:0}.poster .big{display:block;width:100%;margin-top:16px;border:3px solid var(--ink);border-radius:3px;background:var(--red);color:#fff;padding:12px;font:900 24px "Big Shoulders Stencil Display",var(--font);letter-spacing:.14em;box-shadow:5px 5px 0 var(--ink);transform:rotate(.6deg);transition:transform .1s,box-shadow .1s}.poster .big:hover{transform:rotate(0) translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}.poster .big:disabled{background:#8a857a;cursor:wait}.poster .fine{font:600 12px var(--font);opacity:.7;text-align:center;margin-top:10px}@media(max-width:760px){#score{top:calc(6px + env(safe-area-inset-top,0px));left:6px;right:6px;width:auto;display:grid;grid-template-columns:1.3fr 1fr 1fr;padding:0}#score header{display:none}#ching{top:2px;right:8px}.hero{grid-column:1;grid-row:1;border-bottom:0;border-right:1px solid var(--line);padding:8px 10px}.hero .k{font-size:9px;letter-spacing:.06em}.hero .v{font-size:34px}.row{padding:6px 8px;border-bottom:0;border-left:1px solid var(--line);grid-template-areas:"k" "v" "d";grid-template-columns:1fr}.row .k{font-size:8.5px;letter-spacing:.06em}.row .v{font-size:19px}.row .d{font-size:10px;min-height:12px}.row[data-k=delay]{display:none}.budget{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:4px 10px 6px;border-top:1px solid var(--line)}.bk{display:none}.brow{margin:2px 0}.bl{flex-wrap:wrap;gap:0 4px}.bl span{flex-basis:100%;font-size:9px}.bl b{font-size:16px}.brow .bar{height:5px}#legend{display:none}#left{top:auto;bottom:calc(60px + var(--safe-b));left:6px;right:6px;width:auto;max-height:48vh}.brand{display:none}.tabs{display:flex}.tabs button{flex:1;border:0;background:none;padding:10px;font:800 13px var(--font);letter-spacing:.14em;color:var(--dim)}.tabs button.active{color:var(--text);box-shadow:inset 0 -3px 0 var(--red)}#left .pane{display:none;max-height:none;border:0}#left.open-ideas #ideas,#left.open-commutes #commutes{display:block}.pane-title{display:none}#tools{left:6px;right:6px;transform:none;max-width:none;gap:6px}.seg button{padding:10px}.seg .lbl{display:none}#hint{bottom:calc(112px + var(--safe-b));max-width:calc(100vw - 12px)}#inspector{left:6px!important;right:6px;top:auto!important;bottom:calc(60px + var(--safe-b));width:auto}.plan.on .stamp{right:92px;font-size:15px}.poster{padding:18px 18px 16px}.poster .flag,.poster .tear-off{margin-left:-18px;margin-right:-18px}.poster .arrow{width:60px;top:150px;right:8px}}.poster .frame{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);pointer-events:none;overflow:visible}.poster .frame path{fill:none;stroke:var(--ink);stroke-width:2.4;vector-effect:non-scaling-stroke;stroke-linejoin:round}.ink-path{stroke-dasharray:1;stroke-dashoffset:1}.poster.drawing .ink-path{animation:ink var(--dur, .6s) ease-out var(--d) forwards}@keyframes ink{to{stroke-dashoffset:0}}.poster .stars{position:absolute;left:50%;top:50%;width:150px;height:32px;transform:translate(-50%,-50%);background:#f1ead9;padding:0 6px;overflow:visible}.poster .stars path{fill:transparent;stroke:var(--red);stroke-width:1.6;stroke-linejoin:round}.poster.drawing .stars path{animation:ink .35s ease-out var(--d) forwards,fillred .2s ease-out calc(var(--d) + .3s) forwards}@keyframes fillred{to{fill:var(--red)}}.poster .flag i{transform:scaleX(0);transform-origin:left}.poster.drawing .flag i{animation:swipe .35s ease-out var(--d) forwards}@keyframes swipe{to{transform:scaleX(1)}}.poster .headline{display:block;width:100%;height:auto;margin:6px 0 0;overflow:visible}.poster .ltr{fill:transparent;stroke:var(--ink);stroke-width:1.8;stroke-linejoin:round;stroke-dasharray:700;stroke-dashoffset:700}.poster.drawing .ltr{animation:inkltr .8s ease-in-out var(--d) forwards,fillltr .3s ease-in calc(var(--d) + .65s) forwards}@keyframes inkltr{to{stroke-dashoffset:0}}@keyframes fillltr{to{fill:var(--fill)}}.poster .scribble{fill:none;stroke:var(--ink);stroke-width:5;stroke-linecap:round}.poster .arrow{display:none}.write,.poster .w{clip-path:inset(0 100% 0 0)}.poster.drawing .write,.poster.drawing .w{animation:write .3s linear var(--d) forwards}.poster .w{display:inline-block}@keyframes write{to{clip-path:inset(0 0 0 0)}}.poster .big,.poster .fine{opacity:0}.poster.drawing .big{animation:stampin .35s cubic-bezier(.2,1.8,.4,1) var(--d) forwards}.poster.drawing .fine{animation:fadein .4s var(--d) forwards}@keyframes stampin{0%{opacity:0;transform:rotate(-8deg) scale(1.6)}to{opacity:1;transform:rotate(.6deg) scale(1)}}@keyframes fadein{to{opacity:.7}}.poster.drawn *{animation-delay:0s!important;animation-duration:.01s!important}.fx{position:fixed;width:0;height:0;pointer-events:none;z-index:40}.fx .spark{position:absolute;left:-2px;top:-2px;width:4px;height:4px;border-radius:50%;box-shadow:0 0 6px currentColor}.fx .spark.star{width:auto;height:auto;left:-6px;top:-9px;font:900 16px var(--font);text-shadow:0 0 8px currentColor;box-shadow:none}.fx .ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:6px solid;border-radius:50%}.fx .puff{position:absolute;left:-10px;top:-10px;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,#ff3b5cb3,#ff3b5c00 70%)}.coin{position:fixed;z-index:40;pointer-events:none;width:14px;height:14px;border-radius:50%;background:#41b6e6;color:#0b0c0e;font:900 10px/14px var(--font);text-align:center;box-shadow:0 0 6px #41b6e6cc}.num.shine{background:linear-gradient(110deg,currentColor 0 40%,#fff 48%,#bfe9fa 52%,currentColor 60% 100%) 150% 0 / 250% 100% no-repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shine 1.1s ease-out forwards}@keyframes shine{to{background-position:-60% 0}}#crunch{display:none;padding:8px 12px 9px;border-bottom:1px solid var(--line);background:#41b6e614}#score.busy #crunch{display:block;animation:crunchIn .25s ease-out}@keyframes crunchIn{0%{opacity:0;transform:translateY(-6px)}}#crunch .lbl{display:flex;align-items:center;gap:6px;font:700 13px var(--font);color:var(--text)}#crunch .lbl b{margin-left:auto;font:900 15px var(--font);color:var(--blue);font-variant-numeric:tabular-nums}#crunch .spin{display:inline-block;color:var(--red);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#crunch .bar{height:8px;margin-top:6px;border-radius:4px;background:#ffffff14;overflow:hidden}#crunch .bar i{display:block;height:100%;width:0;border-radius:4px;transition:width .25s ease-out;background:repeating-linear-gradient(-45deg,var(--blue) 0 8px,#8fd6f2 8px 16px);background-size:22.6px 100%;animation:stripes .5s linear infinite}@keyframes stripes{to{background-position:22.6px 0}}#score.busy .hero .num,#score.busy .row .num{color:var(--dim);filter:blur(.6px)}@media(max-width:760px){#crunch{grid-column:1 / -1;grid-row:3;padding:5px 10px 6px}#score.busy #crunch{display:block}}