:root{--lilac:#b79cd9;--lilac-dark:#8e73b5;--lilac-deep:#6f5596;--lilac-light:#d8c8ee;--lilac-pale:#f1eafb;--cream:#fbf6ec;--doily:#fffdf8;--paper:#f6efe0;--rose:#e58fa5;--rose-dark:#c96780;--mint:#bfe3cf;--mint-dark:#5fb38a;--gold:#f2b632;--gold-dark:#c98f12;--handbag:#d7263d;--handbag-dark:#9e1a2c;--ink:#3b2f4a;--ink-soft:#66577a;--font:"Fredoka", "Baloo 2", ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif;--shadow:0 8px 18px #3b2f4a42;--knit:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='18' viewBox='0 0 16 18'%3E%3Cpath d='M1.5 0 Q3.5 10 8 15.5 M14.5 0 Q12.5 10 8 15.5' fill='none' stroke='white' stroke-opacity='.26' stroke-width='3.2' stroke-linecap='round'/%3E%3Cpath d='M2.6 3 Q4.6 12 8 16.6' fill='none' stroke='%233b2f4a' stroke-opacity='.11' stroke-width='1.4'/%3E%3C/svg%3E");--knit-soft:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='18' viewBox='0 0 16 18'%3E%3Cpath d='M1.5 0 Q3.5 10 8 15.5 M14.5 0 Q12.5 10 8 15.5' fill='none' stroke='%23b79cd9' stroke-opacity='.16' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");--doily-border:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='60' height='60' fill='white'/%3E%3Cg fill='black'%3E%3Ccircle cx='30' cy='7.5' r='2.3'/%3E%3Ccircle cx='30' cy='52.5' r='2.3'/%3E%3Ccircle cx='7.5' cy='30' r='2.3'/%3E%3Ccircle cx='52.5' cy='30' r='2.3'/%3E%3Ccircle cx='8.5' cy='8.5' r='2.3'/%3E%3Ccircle cx='51.5' cy='8.5' r='2.3'/%3E%3Ccircle cx='8.5' cy='51.5' r='2.3'/%3E%3Ccircle cx='51.5' cy='51.5' r='2.3'/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Cg mask='url(%23m)' fill='%23fffdf8'%3E%3Crect x='9' y='9' width='42' height='42'/%3E%3Ccircle cx='30' cy='9' r='9'/%3E%3Ccircle cx='30' cy='51' r='9'/%3E%3Ccircle cx='9' cy='30' r='9'/%3E%3Ccircle cx='51' cy='30' r='9'/%3E%3Ccircle cx='9' cy='9' r='9'/%3E%3Ccircle cx='51' cy='9' r='9'/%3E%3Ccircle cx='9' cy='51' r='9'/%3E%3Ccircle cx='51' cy='51' r='9'/%3E%3C/g%3E%3Cpath d='M20 16.5H40M20 43.5H40M16.5 20V40M43.5 20V40M16.5 20V16.5H20M40 16.5H43.5V20M43.5 40V43.5H40M20 43.5H16.5V40' fill='none' stroke='%23b79cd9' stroke-width='2' stroke-dasharray='4 3'/%3E%3C/svg%3E")}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font);color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:none;-webkit-font-smoothing:antialiased;background:#9fd4f2;margin:0;overflow:hidden}#game,#game canvas{outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;z-index:10;position:fixed;inset:0}#ui>*{pointer-events:auto}#loading{z-index:100;background:var(--knit), radial-gradient(circle at 50% 40%, var(--lilac-light), var(--lilac) 70%);place-items:center;transition:opacity .5s;display:grid;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}.loading-card{text-align:center;padding:24px}.loading-title{color:var(--doily);-webkit-text-stroke:12px var(--ink);paint-order:stroke fill;text-shadow:0 7px 0 var(--ink), 0 14px 26px #3b2f4a59;letter-spacing:1px;font-size:clamp(34px,8vw,80px);font-weight:700;transform:rotate(-2deg)}.loading-bar{background:var(--doily);border:3px solid var(--ink);width:min(420px,80vw);height:20px;box-shadow:0 4px 0 var(--ink);border-radius:999px;margin:28px auto 12px;overflow:hidden}.loading-fill{background:repeating-linear-gradient(45deg, var(--rose), var(--rose) 10px, #f2b0c2 10px, #f2b0c2 20px);width:0%;height:100%;transition:width .2s}.loading-label{color:var(--doily);text-shadow:0 2px 0 var(--lilac-deep);font-size:18px;font-weight:600}#ui>.gta-ui{pointer-events:none}.gta-ui{position:absolute;inset:0}.doily{border:18px solid #0000;border-image:var(--doily-border) 20 / 18px round;background:var(--doily) padding-box;filter:drop-shadow(0 7px 10px #3b2f4a3d);color:var(--ink)}.cardigan{background:var(--knit), linear-gradient(180deg, #c3abe2, var(--lilac) 60%, #a98cd0);border:4px solid var(--doily);box-shadow:0 0 0 3px var(--lilac-deep), 0 6px 0 3px #6f5596d9, 0 12px 22px #3b2f4a4d;outline-offset:-9px;color:var(--doily);border-radius:20px;outline:2px dashed #fffdf899}.btn{font:600 20px/1 var(--font);color:var(--ink);border:3px solid var(--lilac-dark);background:var(--knit-soft), var(--doily);box-shadow:0 5px 0 var(--lilac-dark), 0 10px 18px #3b2f4a33;outline-offset:-8px;cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;border-radius:999px;outline:2px dashed #8e73b573;padding:13px 28px;transition:transform .12s,box-shadow .12s,background-color .12s;position:relative}.btn:hover,.btn:focus-visible{box-shadow:0 7px 0 var(--lilac-dark), 0 14px 22px #3b2f4a3d;transform:translateY(-2px)rotate(-1.2deg)}.btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.btn:active{box-shadow:0 1px 0 var(--lilac-dark), 0 4px 10px #3b2f4a33;transform:translateY(4px)}.btn-primary{color:var(--doily);border-color:var(--handbag-dark);background:var(--knit), linear-gradient(180deg, #e8475e, var(--handbag));box-shadow:0 5px 0 var(--handbag-dark), 0 10px 20px #9e1a2c4d;text-shadow:0 2px #9e1a2c99;outline-color:#fffdf899}.btn-primary:hover,.btn-primary:focus-visible{box-shadow:0 7px 0 var(--handbag-dark), 0 14px 24px #9e1a2c52}.btn-primary:active{box-shadow:0 1px 0 var(--handbag-dark)}.btn-big{padding:18px 70px;font-size:34px}.btn-small{padding:10px 18px;font-size:16px}.btn-quiet{box-shadow:none;color:var(--ink-soft);background:0 0;border-color:#0000;outline-color:#0000}.btn-quiet:hover,.btn-quiet:focus-visible{box-shadow:none;color:var(--handbag)}.btn .key{margin-left:6px}.key{background:var(--doily);border:2px solid var(--ink);min-width:1.75em;height:1.75em;box-shadow:0 3px 0 var(--ink);font:700 .78em/1 var(--font);color:var(--ink);vertical-align:.12em;white-space:nowrap;border-radius:.5em;justify-content:center;align-items:center;margin:0 .12em;padding:0 .45em;display:inline-flex}.key.wide{padding:0 .6em}.key-gamepad{background:var(--mint);border-radius:999px}.key-touch{background:var(--lilac-pale);border-radius:999px}.emoji{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;line-height:1}.bingo-ball{vertical-align:-.15em;background:radial-gradient(circle at 34% 30%,#ff9cb1,#e0405f 55%,#9e1a2c);border-radius:50%;place-items:center;width:1.15em;height:1.15em;display:inline-grid;box-shadow:inset 0 -2px #00000026}.bingo-ball span{background:var(--doily);width:64%;height:64%;color:var(--ink);font:700 .42em/1 var(--font);border-radius:50%;place-items:center;display:grid}.cups{vertical-align:middle;gap:2px;display:inline-flex}.cup{width:1.6em;height:1.5em;overflow:visible}.cup .cup-body{fill:var(--doily);stroke:var(--lilac-dark);stroke-width:3.5px;stroke-linejoin:round;stroke-dasharray:5 4}.cup .cup-handle{fill:none;stroke:var(--lilac-dark);stroke-width:3.5px;stroke-linecap:round}.cup .saucer{fill:var(--doily);stroke:var(--lilac-dark);stroke-width:3.5px}.cup .cup-band{stroke:var(--lilac-light);stroke-width:3px;stroke-dasharray:3 4}.cup .steam{fill:none;stroke:#0000;stroke-width:3px;stroke-linecap:round}.cup.full .cup-body{fill:var(--gold);stroke:var(--ink);stroke-dasharray:none}.cup.full .cup-handle,.cup.full .saucer{stroke:var(--ink)}.cup.full .saucer{fill:var(--doily)}.cup.full .cup-band{stroke:var(--doily)}.cup.full .steam{stroke:#fffdf8f2;animation:1.6s ease-in-out infinite steam}@keyframes steam{0%,to{opacity:.4;transform:translateY(2px)}50%{opacity:1;transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.gta-hud{pointer-events:none;z-index:5;opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s linear .35s;position:absolute;inset:0}.gta-ui[data-state=playing] .gta-hud,.gta-ui[data-state=paused] .gta-hud{opacity:1;visibility:visible;transition:opacity .35s}.gta-ui[data-state=paused] .gta-hud{filter:saturate(.7)}.hud-corner{gap:14px;display:flex;position:absolute}.hud-tl{top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));flex-direction:column;align-items:flex-start}.hud-tr{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));flex-direction:column;align-items:flex-end}.hud-br{bottom:max(18px, env(safe-area-inset-bottom));right:max(18px, env(safe-area-inset-right));align-items:flex-end}.hud-top{top:max(14px, env(safe-area-inset-top));flex-direction:column;align-items:center;gap:6px;width:min(520px,44vw);display:flex;position:absolute;left:50%;transform:translate(-50%)}.hud-bottom{bottom:max(26px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:10px;width:min(640px,64vw);display:flex;position:absolute;left:50%;transform:translate(-50%)}.hud-chaos{text-shadow:0 2px #6f5596e6;min-width:196px;padding:10px 18px 14px}.hc-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.hc-label{letter-spacing:3px;text-transform:uppercase;opacity:.95;font-size:13px;font-weight:600}.hc-count{color:#fff3c4;letter-spacing:1px;text-transform:uppercase;font-size:13px;font-weight:700}.hc-score{font-variant-numeric:tabular-nums;color:var(--doily);text-shadow:0 3px 0 var(--lilac-deep), 0 0 18px #fffdf840;transform-origin:0;margin:2px 0 8px;font-size:44px;font-weight:700;line-height:1}.hc-score.bump{animation:.32s cubic-bezier(.3,1.8,.5,1) bump}.hc-combo{align-items:center;gap:10px;display:flex}.hc-bar{background:#3b2f4a59;border-radius:99px;flex:1;height:12px;overflow:hidden;box-shadow:inset 0 2px 3px #0003}.hc-fill{transform-origin:0;background:repeating-linear-gradient(-55deg, #ffd56b 0 6px, var(--gold) 6px 12px);border-radius:99px;height:100%;transform:scaleX(0);box-shadow:0 0 10px #f2b632cc}.hc-mult{background:radial-gradient(circle at 35% 30%, #fff, var(--doily) 40%, var(--lilac-light));border:3px solid var(--ink);width:46px;height:46px;color:var(--ink);text-shadow:none;box-shadow:0 3px 0 var(--ink);border-radius:50%;place-items:center;margin:-10px -8px -10px 0;font-size:18px;font-weight:700;display:grid}.hc-mult[data-m="2"]{background:radial-gradient(circle at 35% 30%, #fff, var(--mint) 60%)}.hc-mult[data-m="3"]{background:radial-gradient(circle at 35% 30%, #fff, #ffd56b 55%, var(--gold))}.hc-mult[data-m="4"]{background:radial-gradient(circle at 35% 30%, #fff, var(--rose) 60%)}.hc-mult[data-m="5"]{background:radial-gradient(circle at 35% 30%, #ff9cb1, var(--handbag) 65%);color:var(--doily);animation:.5s ease-in-out infinite wiggle}.hc-mult.bump{animation:.45s cubic-bezier(.3,1.8,.5,1) pop}.hud-chaos.comboing .hc-label{color:#fff3c4}.hud-heat{flex-direction:column;align-items:flex-end;gap:2px;padding:8px 14px 10px;display:flex}.hh-label{letter-spacing:3px;text-transform:uppercase;text-shadow:0 2px #6f5596e6;align-items:baseline;gap:10px;font-size:13px;font-weight:600;display:flex}.hh-caption{letter-spacing:.5px;text-transform:none;color:#fff3c4;font-size:13px;font-weight:600}.hh-row{gap:2px;display:flex}.hh-ball{width:42px;height:42px;display:block}.hh-ball .yarn{width:100%;height:100%;overflow:visible}.yb-empty{fill:#fffdf852}.yb-outline{fill:none;stroke:var(--doily);stroke-width:2.5px;stroke-dasharray:4 3.2}.yb-full{fill:var(--rose)}.yb-wrap{fill:none;stroke:#9e1a2c73;stroke-width:2.2px;stroke-linecap:round}.yb-wrap2{fill:none;stroke:#ffffff8c;stroke-width:2px;stroke-linecap:round}.yb-tail{fill:none;stroke:#0000;stroke-width:2.5px;stroke-linecap:round}.hh-ball.full .yb-outline{stroke:var(--ink);stroke-dasharray:none}.hh-ball.full .yb-tail{stroke:var(--rose-dark)}.hh-ball.full{animation:2.2s ease-in-out infinite wobble;animation-delay:calc(var(--i) * -.37s)}.hud-heat[data-level="3"] .yb-full,.hud-heat[data-level="4"] .yb-full{fill:#e8475e}.hud-heat[data-level="5"] .yb-full{fill:var(--handbag)}.hh-ball.pop{animation:.5s cubic-bezier(.3,1.8,.5,1) pop,2.2s ease-in-out .5s infinite wobble}.hud-heat.pursued .hh-ball.full{animation:.5s ease-in-out infinite wobble,.5s steps(2,end) infinite flash}.hud-heat.pursued{box-shadow:0 0 0 3px var(--handbag-dark), 0 6px 0 3px #9e1a2ccc, 0 0 26px #d7263d99}.hud-heat.flare{animation:.6s ease-out flare}.hh-cool{letter-spacing:1px;align-items:center;gap:8px;font-size:12px;font-weight:600;display:none}.hud-heat.cooling .hh-cool{display:flex}.hh-cool-bar{background:#3b2f4a59;border-radius:9px;width:96px;height:7px;overflow:hidden}.hh-cool-fill{transform-origin:0;background:repeating-linear-gradient(-55deg, #e6fff2 0 5px, var(--mint) 5px 10px);height:100%}.hud-mission{text-align:center;opacity:0;width:100%;padding:4px 8px 6px;transition:opacity .3s,transform .35s cubic-bezier(.3,1.6,.5,1);transform:translateY(-30px)scale(.9)}.hud-mission.on{opacity:1;transform:none}.hud-mission.leaving{opacity:0;transform:translateY(-20px)scale(.95)}.hm-head{justify-content:center;align-items:center;gap:8px;display:flex}.hm-icon{font-size:22px}.hm-title{letter-spacing:2.5px;text-transform:uppercase;color:var(--lilac-deep);font-size:15px;font-weight:700}.hm-timer{background:var(--ink);color:var(--doily);font-variant-numeric:tabular-nums;border-radius:99px;align-items:center;gap:4px;margin-left:6px;padding:3px 10px 3px 7px;font-size:17px;font-weight:700;display:inline-flex}.hm-clock{font-size:14px}.hm-timer.hurry{background:var(--handbag)}.hm-timer.tick{animation:.35s cubic-bezier(.3,1.8,.5,1) pop}.hm-objective{margin-top:3px;font-size:19px;font-weight:600;line-height:1.3}.hm-objective.fresh{animation:.5s ease-out fresh}.hm-objective .key{font-size:.86em}.hm-progress{color:var(--ink-soft);justify-content:center;align-items:center;gap:10px;margin-top:4px;font-size:14px;display:flex}.hm-progress:empty{display:none}.hm-progress b{color:var(--ink);font-size:16px}.hm-progress.fresh{animation:.5s ease-out fresh}.hm-pips{gap:5px;display:inline-flex}.pip{border:2.5px dashed var(--lilac-dark);background:var(--doily);border-radius:50%;width:14px;height:14px;display:block}.pip.done{border:2.5px solid var(--ink);background:radial-gradient(circle at 35% 30%, #fff, var(--rose) 55%, var(--rose-dark))}.pip.just{animation:.5s cubic-bezier(.3,1.8,.5,1) pop}.hm-bar{background:var(--lilac-pale);border:2px solid var(--lilac-dark);border-radius:99px;width:170px;height:12px;display:block;overflow:hidden}.hm-bar-fill{transform-origin:0;background:repeating-linear-gradient(-55deg, #ff9cb1 0 6px, var(--rose) 6px 12px);height:100%;transition:transform .25s;display:block}.hud-toasts{flex-direction:column;align-items:center;gap:6px;display:flex}.toast{background:var(--doily);color:var(--ink);border:3px solid var(--lilac-dark);box-shadow:0 4px 0 var(--lilac-dark), var(--shadow);outline-offset:-7px;text-align:center;border-radius:22px;outline:2px dashed #8e73b566;padding:7px 18px;font-size:17px;font-weight:600;animation:.45s cubic-bezier(.3,1.7,.5,1) toastIn}.toast.good{border-color:var(--mint-dark);box-shadow:0 4px 0 var(--mint-dark), var(--shadow);background:#eafaf1}.toast.bad{border-color:var(--rose-dark);box-shadow:0 4px 0 var(--rose-dark), var(--shadow);background:#fde9ee}.toast.out{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(-8px)scale(.95)}.hud-targets{pointer-events:none;position:absolute;inset:0}.tgt{will-change:transform;position:absolute;top:0;left:0}.tgt .tgt-text{white-space:nowrap;background:var(--ink);color:var(--doily);border-radius:99px;padding:4px 11px;font-size:13px;font-weight:600;position:absolute;top:0;left:0;transform:translate(-50%,-130%);box-shadow:0 3px 8px #00000040}.tgt .tgt-text:after{content:"";border:6px solid #0000;border-top-color:var(--ink);border-bottom:0;margin-left:-6px;position:absolute;bottom:-6px;left:50%}.tgt.close .tgt-text{opacity:0}.tgt.minor:not(.edge) .tgt-text{display:none}.tgt.minor .tgt-text{opacity:.85;padding:2px 8px;font-size:11px}.tgt.minor .tgt-arrow{transform:rotate(var(--ang,0deg)) scale(.75)}.tgt .tgt-arrow{display:none}.tgt.edge .tgt-text{transform:translate(calc(-50% - var(--ux,0) * 50%), calc(-50% - var(--uy,0) * 50%)) translate(calc(var(--ux,0) * -34px), calc(var(--uy,0) * -34px));background:#3b2f4ad9}.tgt.edge .tgt-text:after{display:none}.tgt.edge .tgt-arrow{width:44px;height:44px;transform:rotate(var(--ang,0deg));display:block;position:absolute;top:-22px;left:-22px}.tgt.edge .tgt-arrow:before{content:"";background:var(--gold);clip-path:polygon(100% 50%,18% 8%,34% 50%,18% 92%);filter:drop-shadow(0 0 0 var(--ink));animation:.9s ease-in-out infinite nudge;position:absolute;inset:0}.tgt.edge .tgt-arrow:after{content:"";clip-path:polygon(100% 50%,18% 8%,34% 50%,18% 92%);opacity:.8;background:#ffe39a;position:absolute;inset:7px 5px 7px 9px}.tgt.vehicle.edge .tgt-arrow:before{background:var(--mint-dark)}.tgt.vehicle .tgt-text{background:#2f6f55}.hud-startlabels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hud-startlabels.off{display:none}.start-label{opacity:0;will-change:transform, opacity;position:absolute;top:0;left:0}.sl-pill{white-space:nowrap;background:var(--knit), var(--lilac);border:3px solid var(--doily);box-shadow:0 0 0 2px var(--lilac-deep), 0 4px 10px #3b2f4a4d;color:var(--doily);text-shadow:0 1px 0 var(--lilac-deep);border-radius:99px;align-items:center;gap:6px;padding:4px 12px 4px 6px;font-size:14px;font-weight:700;display:flex;position:absolute;bottom:0;left:0;transform:translate(-50%)}.sl-pill .emoji,.sl-pill .bingo-ball{font-size:18px}.sl-pill .cup{width:16px;height:15px}.start-label.done .sl-pill{background:var(--knit), #e3b341;box-shadow:0 0 0 2px var(--gold-dark), 0 4px 10px #3b2f4a4d;text-shadow:0 1px 0 var(--gold-dark)}.hud-popups{pointer-events:none;position:absolute;inset:0;overflow:hidden}.popup{will-change:transform, opacity;position:absolute;top:0;left:0}.pp-inner{transform:translate(-50%, -50%) rotate(var(--tilt));white-space:nowrap;color:var(--doily);-webkit-text-stroke:6px var(--lilac-deep);paint-order:stroke fill;text-shadow:0 4px #3b2f4a59;letter-spacing:.5px;font-size:24px;font-weight:700;animation:.42s cubic-bezier(.3,1.9,.45,1) both popIn}.pp-pts{font-size:1.15em}.pp-mult{vertical-align:.35em;background:var(--ink);-webkit-text-stroke:0;color:var(--doily);border-radius:8px;margin-left:4px;padding:0 6px;font-size:.62em;display:inline-block}.popup.m2 .pp-inner{color:#e9fff3;-webkit-text-stroke-color:#2f8a63;font-size:28px}.popup.m3 .pp-inner{color:#fff3c4;-webkit-text-stroke-color:#a8740a;font-size:32px}.popup.m4 .pp-inner{color:#ffe8ee;-webkit-text-stroke-color:#b0405e;font-size:36px}.popup.m5 .pp-inner{color:#fff;-webkit-text-stroke-color:var(--handbag-dark);font-size:42px;animation:.42s cubic-bezier(.3,1.9,.45,1) both popIn,.18s linear .42s 4 shake}.popup.bonus .pp-inner{color:#fff3c4;-webkit-text-stroke-color:var(--lilac-deep);font-size:34px}.hud-bubbles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.bubble{will-change:transform;position:absolute;top:0;left:0}.bubble span{background:var(--doily);border:3px solid var(--ink);text-align:center;border-radius:18px;width:max-content;max-width:260px;padding:8px 14px;font-size:15px;font-weight:600;line-height:1.25;animation:.35s cubic-bezier(.3,1.7,.5,1) both bubbleIn;display:block;position:absolute;bottom:0;left:0;transform:translate(-50%,-14px);box-shadow:0 4px #3b2f4a59}.bubble span:after{content:"";border:9px solid #0000;border-top-color:var(--ink);border-bottom:0;margin-left:-9px;position:absolute;bottom:-12px;left:50%}.bubble.nurse span{background:#e3f6f3}.bubble.police span,.bubble.mallcop span{background:#e6ecf7}.bubble.grandma span{background:var(--lilac-pale)}.hud-subtitle{max-width:100%;color:var(--doily);text-align:center;opacity:0;background:#3b2f4ac7;border-radius:14px;padding:8px 18px;font-size:18px;font-weight:500;line-height:1.3;transition:opacity .25s,transform .25s;transform:translateY(6px)}.hud-subtitle.on{opacity:1;transform:none}.hud-subtitle b{color:#fff3c4}.hud-subtitle b.nurse{color:#9ff0e3}.hud-subtitle b.police,.hud-subtitle b.mallcop{color:#b9cdf7}.hud-prompts{flex-direction:column;align-items:center;gap:10px;display:flex}.prompt{background:var(--doily);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink), var(--shadow);opacity:0;border-radius:99px;align-items:center;gap:10px;padding:8px 20px 8px 10px;font-size:20px;font-weight:700;transition:opacity .18s,transform .25s cubic-bezier(.3,1.7,.5,1);display:flex;transform:translateY(14px)scale(.9)}.prompt.on{opacity:1;transform:none}.prompt .key{margin:0;font-size:18px}.prompt small{color:var(--ink-soft);font-size:14px;font-weight:500}.knit-card{opacity:0;align-items:center;gap:10px;padding:8px 20px 8px 10px;transition:opacity .25s,transform .3s;display:flex;transform:translateY(14px)}.knit-card.on{opacity:1;transform:none}.kc-text{text-shadow:0 2px #6f5596e6;flex-direction:column;display:flex}.kc-text b{font-size:20px}.kc-text span{color:#fff3c4;font-size:14px;font-weight:600}.knitting{width:76px;height:50px;overflow:visible}.kn-strand{fill:none;stroke:var(--rose-dark);stroke-width:2.5px}.kn-ball{fill:var(--rose);stroke:var(--ink);stroke-width:2.5px}.kn-ball-wrap{fill:none;stroke:var(--rose-dark);stroke-width:2px}.kn-scarf path:first-child{fill:var(--rose);stroke:var(--ink);stroke-width:2.5px;stroke-linejoin:round}.kn-rows{fill:none;stroke:#ffd3de;stroke-width:2px;stroke-dasharray:3 3}.kn-needle rect,.kn-needle circle{fill:var(--gold);stroke:var(--ink);stroke-width:2px}.kn-a{transform-origin:40px 28px;animation:.5s ease-in-out infinite alternate knitA}.kn-b{transform-origin:56px 28px;animation:.5s ease-in-out infinite alternate knitB}.kn-scarf{transform-origin:46px 30px;animation:1s ease-in-out infinite scarf}.hud-speedo{flex-direction:column;align-self:flex-end;align-items:center;width:150px;height:124px;margin-bottom:18px;padding:8px 10px 0;display:none;position:relative}.hud-speedo.on{animation:.4s cubic-bezier(.3,1.7,.5,1) toastIn;display:flex}.hud-speedo svg{flex:none;width:116px;height:66px;overflow:visible}.sp-track{fill:none;stroke:#3b2f4a59;stroke-width:9px;stroke-linecap:round}.sp-fill{fill:none;stroke:var(--gold);stroke-width:9px;stroke-linecap:round;stroke-dasharray:100 100;stroke-dashoffset:100px}.hud-speedo.redline .sp-fill{stroke:var(--handbag)}.sp-ticks line{stroke:var(--doily);stroke-width:2.5px;stroke-linecap:round;opacity:.85}.sp-needle{transform-origin:60px 64px;transition:transform .12s linear;transform:rotate(-90deg)}.sp-needle path{fill:var(--handbag);stroke:var(--ink);stroke-width:2px;stroke-linejoin:round}.sp-needle circle{fill:var(--doily);stroke:var(--ink);stroke-width:2.5px}.sp-read{text-shadow:0 2px #6f5596e6;justify-content:center;align-items:baseline;gap:5px;margin-top:2px;line-height:1;display:flex}.sp-num{font-variant-numeric:tabular-nums;font-size:28px;font-weight:700}.sp-unit{letter-spacing:1px;font-size:12px;font-weight:600}.sp-kind{white-space:nowrap;background:var(--ink);color:var(--doily);letter-spacing:.5px;border-radius:99px;padding:2px 10px;font-size:12px;font-weight:600;position:absolute;bottom:-13px;left:50%;transform:translate(-50%)}.hud-minimap{border-radius:50%;width:210px;height:210px;position:relative}.mm-canvas{border-radius:50%;width:100%;height:100%;position:absolute;inset:0;box-shadow:0 10px 26px #3b2f4a66}.mm-ring{pointer-events:none;filter:drop-shadow(0 3px 3px #3b2f4a4d);position:absolute;inset:-16px}.mm-ring svg{width:100%;height:100%;display:block;overflow:visible}.mission-card{text-align:left;opacity:0;visibility:hidden;grid-template-columns:70px 1fr 56px;align-items:center;gap:12px;width:min(600px,100vw - 32px);padding:2px 6px;transition:opacity .2s,transform .3s cubic-bezier(.3,1.6,.5,1),visibility 0s linear .3s;display:grid;position:absolute;bottom:92px;left:50%;transform:translate(-50%,40px)scale(.85)}.mission-card.on{opacity:1;visibility:visible;transition:opacity .2s,transform .35s cubic-bezier(.3,1.6,.5,1);transform:translate(-50%)scale(1)}.mc-badge{background:var(--knit), var(--lilac);border:4px solid var(--doily);width:66px;height:66px;box-shadow:0 0 0 3px var(--lilac-deep), 0 6px 12px #3b2f4a4d;border-radius:50%;place-items:center;font-size:34px;animation:2.4s ease-in-out infinite wobble;display:grid}.mc-body{min-width:0}.mc-kicker{letter-spacing:3px;text-transform:uppercase;color:var(--lilac-dark);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.mc-title{color:var(--ink);font-size:28px;font-weight:700;line-height:1.1}.mc-pitch{color:var(--ink-soft);margin:3px 0 4px;font-size:15px;line-height:1.3}.mc-best{letter-spacing:.5px;text-transform:none;color:var(--ink-soft);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.mc-best .cup{width:20px;height:18px}.mc-best.new{background:var(--mint);color:#24563f;letter-spacing:.5px;border-radius:99px;padding:2px 9px}.mc-count{place-items:center;width:54px;height:54px;display:grid;position:relative}.mc-count svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.mc-ring-bg{fill:var(--lilac-pale);stroke:var(--lilac-light);stroke-width:5px}.mc-ring{fill:none;stroke:var(--handbag);stroke-width:5px;stroke-linecap:round;stroke-dasharray:113.1;stroke-dashoffset:0}.mission-card.on .mc-ring{animation:ring var(--total,2s) linear forwards}.mc-num{color:var(--handbag);font-size:24px;font-weight:700;position:relative}.mc-num.tick{animation:.4s cubic-bezier(.3,1.8,.5,1) pop}.mc-hint{color:var(--lilac-dark);font-size:12px;font-weight:500}.results{z-index:30;text-align:center;pointer-events:auto;opacity:0;visibility:hidden;width:min(420px,100vw - 28px);padding:4px 14px 8px;transition:opacity .2s,transform .3s,visibility 0s linear .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-46%)scale(.8)rotate(-3deg)}.results.on{opacity:1;visibility:visible;transition:opacity .2s,transform .5s cubic-bezier(.3,1.6,.5,1);transform:translate(-50%,-50%)rotate(-1deg)}.gta-ui[data-state=title] .results{display:none}.gta-ui[data-state=paused] .results{opacity:0;visibility:hidden}.rs-ribbon{letter-spacing:3px;text-transform:uppercase;color:var(--doily);background:var(--knit), var(--mint-dark);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:8px;margin:-34px auto 4px;padding:7px 26px;font-size:14px;font-weight:700;display:inline-block}.rs-ribbon.lose{background:var(--knit), var(--rose-dark)}.rs-head{color:var(--ink);margin-top:4px;font-size:34px;font-weight:700;line-height:1.1}.results.win .rs-head{color:var(--lilac-deep)}.rs-title{color:var(--ink-soft);justify-content:center;align-items:center;gap:8px;margin:4px 0 6px;font-size:16px;font-weight:600;display:flex}.rs-title .emoji,.rs-title .bingo-ball{font-size:22px}.rs-cups{margin:2px 0 4px;font-size:34px}.rs-cups .cup{animation:.5s cubic-bezier(.3,1.8,.5,1) both cupIn}.rs-cups .cup:nth-child(2){animation-delay:.15s}.rs-cups .cup:nth-child(3){animation-delay:.3s}.rs-reason{color:var(--ink);margin:6px 4px 10px;font-size:18px;font-weight:500;line-height:1.35}.rs-sticker{background:var(--gold);color:var(--ink);border:2px solid var(--ink);border-radius:99px;margin:0 0 8px;padding:5px 14px;font-size:14px;font-weight:700;animation:.6s cubic-bezier(.3,1.8,.5,1) .45s both pop;display:inline-block;transform:rotate(-4deg)}.rs-stats{flex-direction:column;gap:4px;margin:0 10px 12px;display:flex}.rs-row{background:var(--lilac-pale);border-radius:10px;align-items:baseline;gap:8px;padding:4px 10px;font-size:16px;display:flex}.rs-row span{text-align:left;color:var(--ink-soft);flex:1;font-weight:500}.rs-row b{font-variant-numeric:tabular-nums;font-size:19px}.rs-row small{color:var(--lilac-dark);font-size:12px;font-weight:600}.rs-row.bonus{background:#fff3c4}.rs-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.rs-timer{background:var(--lilac-pale);border-radius:9px;height:5px;margin:12px 30px 2px;overflow:hidden}.rs-timer-fill{transform-origin:0;background:var(--lilac);height:100%}.sent-to-bed{z-index:50;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--fade,.7s) ease, visibility 0s linear var(--fade,.7s);place-items:center;display:grid;position:absolute;inset:0}.sent-to-bed.on{opacity:1;visibility:visible;transition:opacity var(--fade,.7s) ease}.stb-sky{background:radial-gradient(1.5px 1.5px at 12% 20%,#fff 99%,#0000),radial-gradient(2px 2px at 30% 70%,#fff 99%,#0000),radial-gradient(1.5px 1.5px at 68% 18%,#fff 99%,#0000),radial-gradient(2px 2px at 84% 56%,#fff 99%,#0000),radial-gradient(1.5px 1.5px at 52% 88%,#fff 99%,#0000),radial-gradient(1.5px 1.5px at 8% 82%,#fff 99%,#0000),radial-gradient(circle at 50% 45%,#3d2f5c,#1e1730 70%);position:absolute;inset:0}.stb-card{text-align:center;color:var(--doily);transition:transform .8s cubic-bezier(.3,1.4,.5,1);position:relative;transform:translateY(16px)}.sent-to-bed.on .stb-card{transform:none}.stb-moon{opacity:.9;border-radius:50%;width:64px;height:64px;position:absolute;top:-40px;right:-60px;transform:rotate(-20deg);box-shadow:-14px 8px #fff3c4}.stb-cap{transform-origin:30% 90%;width:180px;margin:0 auto;animation:2.6s ease-in-out infinite nod}.stb-cap .nightcap{width:100%;height:auto}.stb-zzz{color:#fff3c4;font-weight:700;position:absolute;top:-10px;right:-30px}.stb-zzz span{opacity:0;animation:2.4s ease-in infinite zzz;position:absolute}.stb-zzz span:first-child{font-size:24px}.stb-zzz span:nth-child(2){font-size:32px;animation-delay:.8s}.stb-zzz span:nth-child(3){font-size:42px;animation-delay:1.6s}.stb-title{text-shadow:0 5px 0 var(--lilac-deep), 0 0 30px #b79cd980;margin-top:6px;font-size:clamp(40px,8vw,72px);font-weight:700}.stb-sub{color:var(--lilac-light);margin-top:4px;font-size:20px;font-weight:500}.gta-fade{z-index:60;pointer-events:none;background:var(--cream);opacity:0;transition:opacity var(--fade,.35s) ease;position:absolute;inset:0}.gta-fade.on{opacity:1;transition-duration:calc(var(--fade,.35s) * .5)}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes pop{0%{transform:scale(.4)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes popIn{0%{transform:translate(-50%, -50%) rotate(var(--tilt)) scale(.2)}60%{transform:translate(-50%, -50%) rotate(var(--tilt)) scale(1.35)}to{transform:translate(-50%, -50%) rotate(var(--tilt)) scale(1)}}@keyframes shake{0%,to{margin-left:0}25%{margin-left:-3px}75%{margin-left:3px}}@keyframes wobble{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@keyframes wiggle{0%,to{transform:rotate(-8deg)scale(1.05)}50%{transform:rotate(8deg)scale(1.05)}}@keyframes flash{0%{filter:brightness()}to{filter:brightness(1.45)saturate(1.3)}}@keyframes flare{0%{transform:scale(1)}30%{transform:scale(1.08)rotate(-2deg)}to{transform:scale(1)}}@keyframes fresh{0%{opacity:.2;transform:scale(.94)}60%{opacity:1;transform:scale(1.03)}to{transform:none}}@keyframes toastIn{0%{opacity:0;transform:translateY(-16px)scale(.7)}to{opacity:1;transform:none}}@keyframes bubbleIn{0%{opacity:0;transform:translate(-50%)scale(.3)}to{opacity:1;transform:translate(-50%,-14px)scale(1)}}@keyframes nudge{0%,to{transform:translate(-3px)}50%{transform:translate(3px)}}@keyframes ring{0%{stroke-dashoffset:0}to{stroke-dashoffset:113.1px}}@keyframes cupIn{0%{transform:scale(0)rotate(-30deg)}to{transform:none}}@keyframes knitA{0%{transform:rotate(-9deg)}to{transform:rotate(6deg)}}@keyframes knitB{0%{transform:rotate(8deg)}to{transform:rotate(-7deg)}}@keyframes scarf{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)translateY(1px)}}@keyframes nod{0%,to{transform:rotate(-4deg)}50%{transform:rotate(5deg)translateY(4px)}}@keyframes zzz{0%{opacity:0;transform:translateY(10px)scale(.6)}25%{opacity:1}to{opacity:0;transform:translate(40px,-70px)scale(1.2)}}@media (max-width:760px),(max-height:520px){.hud-chaos{min-width:0;padding:6px 12px 10px}.hc-score{margin-bottom:6px;font-size:32px}.hc-mult{width:38px;height:38px;font-size:15px}.hh-ball{width:28px;height:28px}.hh-caption{display:none}.hud-minimap{width:140px;height:140px}.hm-objective{font-size:16px}.mc-title{font-size:22px}.mission-card{grid-template-columns:54px 1fr 48px;gap:8px}.mc-badge{width:52px;height:52px;font-size:26px}.mc-pitch{font-size:14px}.mc-count{width:46px;height:46px}}body.touch-mode .hud-top{top:calc(max(10px, env(safe-area-inset-top)) + 58px)}body.touch-mode .hud-tl{top:max(8px, env(safe-area-inset-top));left:max(8px, env(safe-area-inset-left))}body.touch-mode .hud-tr{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right))}body.touch-mode .hud-br{top:calc(max(10px, env(safe-area-inset-top)) + 96px);flex-direction:column-reverse;align-items:flex-end;gap:22px;bottom:auto}body.touch-mode .hud-minimap{width:124px;height:124px}body.touch-mode .hud-speedo{transform-origin:100% 0;margin:0;transform:scale(.8)}body.touch-mode .hud-bottom,body.touch-mode .mission-card{bottom:calc(max(14px, env(safe-area-inset-bottom)) + 236px)}@media (max-width:760px){.hud-top{width:calc(100vw - 24px);top:calc(max(12px, env(safe-area-inset-top)) + 84px)}body.touch-mode .hud-top{width:calc(100vw - 160px);left:8px;top:calc(max(8px, env(safe-area-inset-top)) + 88px);align-items:stretch;transform:none}body.touch-mode .hud-br{top:calc(max(8px, env(safe-area-inset-top)) + 88px);right:max(8px, env(safe-area-inset-right))}.hud-bottom{width:calc(100vw - 24px)}.hud-chaos,.hud-heat{max-width:calc(50vw - 36px)}.hud-chaos{padding:6px 12px 9px}.hc-top .hc-count{display:none}.hc-score{font-size:28px}.hc-mult{width:34px;height:34px;margin:-8px -6px -8px 0;font-size:14px}.hud-heat{padding:5px 8px 7px}.hh-ball{width:25px;height:25px}.hh-row{gap:1px}.hh-label{letter-spacing:2px;font-size:11px}.hud-mission{padding:0 4px 4px}.hm-head{justify-content:flex-start;gap:6px}.hm-icon{font-size:18px}.hm-title{letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:1;min-width:0;font-size:12px;overflow:hidden}.hm-timer{margin-left:0;padding:2px 8px 2px 6px;font-size:15px}.hm-objective{text-align:left;font-size:15px}.hm-progress{justify-content:flex-start;gap:6px;font-size:12px}.hm-plabel{white-space:nowrap}.pip{width:12px;height:12px}.hm-bar{width:90px}body.touch-mode .mission-card{top:calc(max(8px, env(safe-area-inset-top)) + 238px);bottom:auto}.mc-hint{display:none}.mc-title{font-size:20px}.toast{padding:6px 14px;font-size:15px}.results{width:min(340px,100vw - 28px);padding:2px 10px 6px}.rs-head{font-size:26px}.rs-cups{margin:0 0 2px;font-size:26px}.rs-reason{font-size:16px}.rs-row{padding:3px 8px;font-size:14px}.rs-row b{font-size:16px}.rs-stats{margin:0 4px 10px}body.touch-mode .results{top:calc(50% - 90px)}body.touch-mode .results.on{transform:translate(-50%,-50%)rotate(-1deg)scale(.94)}}@media (max-height:520px) and (min-width:561px){body.touch-mode .mission-card{width:min(420px,100vw - 300px);top:50%;bottom:auto}body.touch-mode .mission-card.on{transform:translate(-50%,-50%)scale(.92)}body.touch-mode .mc-hint{display:none}body.touch-mode .hud-bottom{width:min(420px,100vw - 300px);top:62%;bottom:auto}body.touch-mode .results{width:min(360px,100vw - 300px);top:50%}body.touch-mode .results.on{transform:translate(-50%,-50%)rotate(-1deg)scale(.78)}}.menus{z-index:40;pointer-events:none;position:absolute;inset:0}.menu{pointer-events:none;opacity:0;visibility:hidden;place-items:center;padding:16px;transition:opacity .3s,visibility 0s linear .3s;display:grid;position:absolute;inset:0}.menu.on{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s}.title-screen{place-items:center;overflow:hidden}.ts-vignette{background:radial-gradient(at 50% 42%,#fffdf800 30%,#b79cd980 72%,#6f5596c7 100%),linear-gradient(#fffdf82e,#6f559633);position:absolute;inset:0}.ts-inner{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.ts-logo{filter:drop-shadow(0 10px 14px #3b2f4a59);width:min(660px,92vw)}.title-screen.on .ts-logo{animation:.9s cubic-bezier(.3,1.5,.5,1) both logoIn}.gta-logo{width:100%;height:auto;display:block;overflow:visible}.ts-tagline{color:var(--doily);letter-spacing:.3px;background:#3b2f4ab8;border-radius:99px;margin-top:-6px;padding:6px 18px;font-size:clamp(14px,2.1vw,19px);font-weight:500}.ts-menu{flex-direction:column;align-items:center;gap:16px;margin-top:14px;display:flex}.title-screen.on .ts-menu{animation:.7s cubic-bezier(.3,1.5,.5,1) .25s both rise}.ts-row{gap:14px;display:flex}.ts-progress{color:var(--doily);text-shadow:0 2px 4px #3b2f4a99;flex-direction:column;align-items:center;gap:6px;margin-top:14px;font-size:15px;font-weight:500;display:flex}.tp-dots{gap:6px;display:flex}.tp-dot{filter:grayscale(.85);opacity:.85;background:#fffdf859;border:2px dashed #fffdf8cc;border-radius:50%;place-items:center;width:32px;height:32px;font-size:17px;display:grid}.tp-dot.done{background:var(--doily);border:2px solid var(--gold);filter:none;opacity:1;box-shadow:0 0 10px #f2b632b3}.tp-text{align-items:center;gap:5px;display:inline-flex}.tp-text .cup{width:22px;height:20px}.tp-text b{font-size:17px}.ts-footer{bottom:max(12px, env(safe-area-inset-bottom));text-align:center;color:#fffdf8eb;text-shadow:0 1px 3px #3b2f4acc;font-size:13px;position:absolute;left:0;right:0}.pause-menu{background:radial-gradient(circle at 50% 45%,#3b2f4a59,#3b2f4ab3)}.pm-card{text-align:center;width:min(380px,100vw - 32px);padding:12px 14px}.menu.on .pm-card,.menu.on .sm-card,.menu.on .cm-card{animation:.4s cubic-bezier(.3,1.6,.5,1) both cardIn}.pm-kicker{letter-spacing:4px;text-transform:uppercase;color:var(--lilac-dark);font-size:13px;font-weight:600}.pm-title{margin:2px 0 8px;font-size:30px;font-weight:700;line-height:1.1}.pm-mission{background:var(--lilac-pale);border-radius:12px;justify-content:center;align-items:center;gap:8px;margin:0 0 12px;padding:6px 12px;font-weight:600;display:flex}.pm-mission .emoji,.pm-mission .bingo-ball{font-size:22px}.pm-mission small{color:var(--lilac-dark);font-weight:500}.pm-buttons{flex-direction:column;align-items:stretch;gap:12px;padding:0 22px;display:flex}.pm-buttons .btn{width:100%}.pm-stats{color:var(--ink-soft);margin-top:10px;font-size:14px}.settings-menu,.controls-menu{background:radial-gradient(circle at 50% 45%,#3b2f4a59,#3b2f4ab8)}.sm-card{text-align:center;width:min(520px,100vw - 24px);max-height:calc(100vh - 24px);padding:4px 14px 10px;overflow:auto}.sm-title,.cm-title{margin:0 0 8px;font-size:30px;font-weight:700}.sm-grid{text-align:left;flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.sm-row{background:var(--lilac-pale);border-radius:12px;align-items:center;gap:12px;padding:7px 12px;display:flex}.sm-label{flex:0 0 150px;font-size:16px;font-weight:600}.sm-row output{text-align:right;font-variant-numeric:tabular-nums;color:var(--lilac-deep);flex:0 0 44px;font-weight:700}.sm-row input[type=range]{appearance:none;cursor:pointer;background:0 0;flex:1;height:26px}.sm-row input[type=range]:focus{outline:none}.sm-row input[type=range]::-webkit-slider-runnable-track{border:2px solid var(--lilac-dark);background:linear-gradient(90deg, var(--rose) 0 var(--pct,50%), var(--doily) var(--pct,50%));border-radius:99px;height:10px}.sm-row input[type=range]::-moz-range-track{border:2px solid var(--lilac-dark);background:var(--doily);border-radius:99px;height:10px}.sm-row input[type=range]::-moz-range-progress{background:var(--rose);border-radius:99px;height:10px}.sm-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--ink);background:radial-gradient(circle at 35% 30%, #ffffffb3 0 3px, transparent 4px), repeating-linear-gradient(35deg, var(--lilac) 0 3px, var(--lilac-dark) 3px 5px);width:26px;height:26px;box-shadow:0 2px 0 var(--ink);border-radius:50%;margin-top:-10px}.sm-row input[type=range]::-moz-range-thumb{border:3px solid var(--ink);background:var(--lilac);border-radius:50%;width:22px;height:22px}.sm-row input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--gold)}.seg{border:2px solid var(--lilac-dark);background:var(--doily);border-radius:99px;flex:1;display:flex;overflow:hidden}.seg button{font:600 15px var(--font);color:var(--ink-soft);cursor:pointer;background:0 0;border:0;flex:1;padding:7px 4px}.seg button+button{border-left:2px dashed var(--lilac-light)}.seg button.on{background:var(--knit), var(--lilac);color:var(--doily);text-shadow:0 1px 0 var(--lilac-deep)}.seg button:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}.toggle{border:2px solid var(--lilac-dark);background:var(--knit-soft), var(--doily);cursor:pointer;border-radius:99px;width:64px;height:32px;margin-left:auto;transition:background-color .2s;position:relative}.toggle i{background:radial-gradient(circle at 38% 40%, var(--ink) 0 1.5px, transparent 2px), radial-gradient(circle at 62% 40%, var(--ink) 0 1.5px, transparent 2px), radial-gradient(circle at 38% 62%, var(--ink) 0 1.5px, transparent 2px), radial-gradient(circle at 62% 62%, var(--ink) 0 1.5px, transparent 2px), var(--gold);border:2px solid var(--ink);border-radius:50%;width:22px;height:22px;transition:transform .25s cubic-bezier(.3,1.6,.5,1);position:absolute;top:3px;left:3px}.toggle.on{background:var(--knit), var(--mint-dark);border-color:#2f6f55}.toggle.on i{transform:translate(32px)rotate(180deg)}.toggle:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.cm-card{text-align:center;width:min(720px,100vw - 24px);max-height:calc(100vh - 24px);padding:4px 14px 10px;overflow:auto}.cm-tabs{border:2px solid var(--lilac-dark);background:var(--doily);border-radius:99px;margin-bottom:12px;display:inline-flex;overflow:hidden}.cm-tabs button{font:600 15px var(--font);color:var(--ink-soft);cursor:pointer;background:0 0;border:0;padding:8px 16px}.cm-tabs button+button{border-left:2px dashed var(--lilac-light)}.cm-tabs button.on{background:var(--knit), var(--lilac);color:var(--doily)}.cm-tabs button:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}.cm-body{text-align:left;grid-template-columns:1fr 1fr;gap:6px 18px;margin-bottom:14px;display:grid}.cm-col.wide{grid-column:1/-1}.cm-col h4{letter-spacing:3px;text-transform:uppercase;color:var(--lilac-dark);margin:4px 0 6px;font-size:13px}.cm-row{border-bottom:2px dashed var(--lilac-pale);align-items:center;gap:10px;padding:5px 4px;display:flex}.cm-keys{flex-wrap:wrap;flex:none;gap:2px;min-width:118px;display:flex}.cm-keys .key{font-size:13px}.cm-what{font-size:15px;font-weight:500}@keyframes logoIn{0%{opacity:0;transform:translateY(-40px)scale(.7)rotate(-6deg)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes cardIn{0%{opacity:0;transform:scale(.85)rotate(-3deg)}to{opacity:1;transform:none}}@media (max-width:560px){.pm-title{font-size:24px}.btn-big{padding:15px 56px;font-size:28px}.ts-row .btn{padding:11px 20px;font-size:17px}.tp-dot{width:28px;height:28px;font-size:15px}.sm-label{flex-basis:108px;font-size:14px}.sm-row{gap:8px;padding:6px 8px}.cm-body{grid-template-columns:1fr}.cm-tabs button{padding:7px 10px;font-size:13px}}@media (max-height:560px){.ts-logo{width:min(440px,60vw)}.ts-menu{gap:10px;margin-top:4px}.btn-big{padding:12px 50px;font-size:26px}.ts-progress{margin-top:4px}}@media (max-height:440px) and (min-aspect-ratio:4/3){.ts-inner{grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;gap:6px 22px;display:grid}.ts-logo{grid-row:1/span 2;width:min(400px,46vw)}.ts-tagline{display:none}.ts-menu{grid-area:1/2;margin-top:0}.ts-progress{grid-area:2/2;margin-top:0;font-size:13px}.ts-footer{display:none}.btn-big{padding:11px 44px;font-size:24px}}
