:root{--ink: #001a72;--ink-muted: #2b85ab;--field: #e1f3fa;--surface: #ffffff;--accent: #38acdd;--accent-soft: #b5e1f1;--accent-deep: #5bb9e0;--danger: #ff6259;--shadow: -3px 3px 0px var(--accent);--radius: 4px;--shell-width: 460px;--tabbar-height: 64px;--font: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--field);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--ink)}.shell{position:relative;display:flex;flex-direction:column;width:100%;max-width:var(--shell-width);height:100vh;height:100dvh;margin:0 auto;background:var(--field);overflow:hidden}.shell--shaking{animation:screen-shake .52s cubic-bezier(.36,.07,.19,.97)}@keyframes screen-shake{0%,to{transform:translateZ(0) rotate(0)}12%{transform:translate3d(calc(var(--shake, 8px) * -1),calc(var(--shake, 8px) * .45),0) rotate(-.5deg)}26%{transform:translate3d(calc(var(--shake, 8px) * .82),calc(var(--shake, 8px) * -.5),0) rotate(.45deg)}40%{transform:translate3d(calc(var(--shake, 8px) * -.6),calc(var(--shake, 8px) * -.28),0) rotate(-.32deg)}56%{transform:translate3d(calc(var(--shake, 8px) * .44),calc(var(--shake, 8px) * .34),0) rotate(.24deg)}72%{transform:translate3d(calc(var(--shake, 8px) * -.26),calc(var(--shake, 8px) * -.18),0) rotate(-.14deg)}88%{transform:translate3d(calc(var(--shake, 8px) * .12),calc(var(--shake, 8px) * .09),0) rotate(.06deg)}}@media (min-width: 900px){body{background:radial-gradient(circle at 50% 0%,#f4fbfe 0%,var(--field) 45%,#cfe9f6 100%) fixed}.shell{height:min(880px,calc(100dvh - 48px));margin:24px auto;border:2px solid var(--accent);border-radius:24px;box-shadow:-6px 8px #38acdd73}}.screen{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 15px calc(28px + env(safe-area-inset-bottom));scroll-behavior:smooth}.screen--flush{display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}.title{margin:20px 0 0;font-size:32px;line-height:1.15;font-weight:700;letter-spacing:-.01em}.subtitle{margin:0;font-size:22px;line-height:1.35;font-weight:700}.lead{margin:10px 0 0;font-size:16px}.muted{color:var(--ink-muted);font-size:13px}.hint{color:var(--ink-muted);font-size:13px;margin:6px 0 0}.card{background:var(--surface);border:2px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow);padding:15px}.row-card{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:18px 15px;text-align:left;background:var(--surface);border:2px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .12s ease,box-shadow .12s ease}.row-card:active{transform:translate(-2px,2px);box-shadow:-1px 1px 0 var(--accent)}.row-card__label{font-size:20px;font-weight:700}.stack{display:flex;flex-direction:column;gap:12px;margin-top:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:16px 12px;background:var(--surface);color:var(--ink);border:2px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow);font-size:16px;transition:transform .12s ease,box-shadow .12s ease}.btn:active:not(:disabled){transform:translate(-2px,2px);box-shadow:-1px 1px 0 var(--accent)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--square{width:64px;height:64px;padding:0;flex:none}.btn--grow{flex:1}.btn--record{border-color:var(--danger);box-shadow:-3px 3px 0 var(--danger)}.btn--record:active:not(:disabled){box-shadow:-1px 1px 0 var(--danger)}.btn--ghost{background:transparent;border:none;box-shadow:none;padding:6px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:4px 10px;border-radius:999px;background:var(--accent-soft);border:none;color:var(--ink);font-size:14px;font-weight:500;line-height:1.4}.tag--selectable{cursor:pointer;background:transparent;border:1.5px solid var(--accent)}.tag--selected{background:var(--ink);border-color:var(--ink);color:#fff}.tabbar{display:flex;flex:none;border-top:1px solid rgba(56,172,221,.4);background:#eff8fc;padding-bottom:env(safe-area-inset-bottom)}.tabbar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:var(--tabbar-height);padding:0;background:none;border:none;color:#86c6e3;font-size:12px}.tabbar__item--active{color:var(--ink);font-weight:600}.topbar{display:flex;align-items:center;gap:10px;padding:14px 0 4px}.topbar__back{display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 4px;background:none;border:none;font-size:15px;color:var(--ink)}.search{display:flex;align-items:center;margin:0 0 12px;background:var(--surface);border:2px solid var(--accent-deep);border-radius:var(--radius)}.search input{flex:1;min-width:0;padding:10px 12px;border:none;outline:none;background:none;color:var(--ink);font:inherit;font-size:16px}.search input::placeholder{color:#9dc6da}.presets-head{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px}.preset{display:flex;flex-direction:column;gap:6px;padding:15px}.preset__top{display:flex;align-items:flex-start;gap:8px}.preset__title{margin-top:4px}.preset__description{margin:0;font-size:14px}.preset__chart{position:relative;margin:8px 0;border-top:1px solid var(--field);border-bottom:1px solid var(--field);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.preset__chart img{display:block;height:100px;width:auto;max-width:none}.preset__playhead{position:absolute;top:0;bottom:0;width:3px;background:var(--ink);box-shadow:0 0 4px var(--accent-deep);pointer-events:none}.heart{flex:none;background:none;border:none;padding:2px;line-height:0}.pad{position:relative;flex:1;min-height:220px;margin:12px 0;border:1px solid rgba(56,172,221,.35);border-radius:var(--radius);background-color:#f7fcfe;background-image:linear-gradient(to right,rgba(56,172,221,.18) 1px,transparent 1px),linear-gradient(to bottom,rgba(56,172,221,.18) 1px,transparent 1px);background-size:16.66% 10%;touch-action:none;overflow:hidden;cursor:crosshair}.pad__hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;color:var(--ink-muted);font-size:15px;pointer-events:none}.pad__dot{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:#001a722e;border:2px solid var(--ink);pointer-events:none}.pad__readout{position:absolute;left:8px;bottom:8px;display:flex;gap:12px;font-size:12px;color:var(--ink-muted);pointer-events:none}.playground-controls{display:flex;align-items:stretch;gap:12px;padding:0 0 calc(16px + env(safe-area-inset-bottom))}.timeline{display:block;width:100%;height:44px;margin-top:10px;background:var(--surface);border:2px solid var(--accent);border-radius:var(--radius)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:22px}.slider-card{padding:16px 12px}.slider-card__label{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}input[type=range]{width:100%;height:32px;accent-color:var(--ink);cursor:pointer}.timer{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:32px;padding:28px 15px}.timer__value{font-size:72px;line-height:1.1;font-weight:700;font-variant-numeric:tabular-nums}.timer__value--warning{color:#ff3b30}.dots{display:flex;align-items:flex-end;justify-content:center;gap:20px;height:90px;margin-top:28px}.dots__dot{width:12px;height:12px;border-radius:50%;background:var(--ink);animation:dot-wave 1.5s ease-in-out infinite}@keyframes dot-wave{0%{transform:translateY(0)}14%{transform:translateY(-30px)}28%{transform:translateY(0)}to{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.dots__dot{animation:none}}.toast{display:flex;align-items:center;gap:12px;padding:14px 15px;animation:toast-in .26s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}.toast__badge{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#fff}.toast__title{font-size:18px;font-weight:600}.toast__message{font-size:14px;color:var(--ink-muted)}.toast-slot{display:flex;align-items:center;min-height:92px;margin-top:20px}.banner{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;background:var(--surface);border:2px solid var(--accent);border-radius:var(--radius);font-size:14px;line-height:1.45}.banner__body{flex:1}.switch{display:flex;width:fit-content;align-items:center;gap:8px;margin-top:8px;font-size:14px;cursor:pointer}.empty{margin-top:20px;text-align:center}.placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:40px;padding:40px 20px;text-align:center}.placeholder__emoji{font-size:44px;line-height:1}.footer-link{display:block;margin:24px 0 0;text-align:center;font-size:13px;color:var(--ink-muted)}.scroll-top{position:absolute;right:18px;bottom:calc(var(--tabbar-height) + 18px);width:48px;height:48px;display:grid;place-items:center;padding:0;border-radius:var(--radius)}.shape-hud{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:14px 0 12px}.counter{display:flex;flex-direction:column;line-height:1.1}.counter--right{align-items:flex-end}.counter__label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.counter__slot{position:relative;display:block}.counter__value{display:inline-block;font-size:30px;font-weight:700;font-variant-numeric:tabular-nums;animation:counter-pop .42s cubic-bezier(.3,1.6,.5,1);transform-origin:center bottom}.counter--right .counter__value{transform-origin:right bottom}.counter__value--warn{color:var(--danger)}@keyframes counter-pop{0%{transform:scale(1)}28%{transform:scale(1.3);color:var(--accent);text-shadow:0 0 14px rgba(56,172,221,.85)}55%{transform:scale(.96)}to{transform:scale(1);text-shadow:none}}.counter--moves .counter__value{animation-name:counter-pop-moves}@keyframes counter-pop-moves{0%{transform:scale(1)}28%{transform:scale(1.22);color:var(--danger);text-shadow:0 0 12px rgba(255,98,89,.75)}55%{transform:scale(.97)}to{transform:scale(1);text-shadow:none}}.counter__delta{position:absolute;left:0;bottom:100%;padding:2px 8px;border-radius:999px;background:var(--accent);color:#fff;font-size:13px;font-weight:700;white-space:nowrap;pointer-events:none;animation:counter-delta .9s cubic-bezier(.2,.9,.3,1) forwards}.counter--right .counter__delta{left:auto;right:0}.counter--moves .counter__delta{background:var(--danger)}@keyframes counter-delta{0%{transform:translateY(6px) scale(.7);opacity:0}22%{transform:translateY(-2px) scale(1.06);opacity:1}38%{transform:translateY(-4px) scale(1)}to{transform:translateY(-26px) scale(.94);opacity:0}}.shape-board{position:relative;width:100%;aspect-ratio:1;border:2px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(135deg,#ffffffe6,#d5eef9e6),var(--surface);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.shape{position:absolute;top:0;left:0;width:12.5%;height:12.5%;transition:transform 265ms cubic-bezier(.35,1.35,.55,1);animation:shape-drop-in 265ms cubic-bezier(.35,1.35,.55,1)}.shape--grabbed,.shape--displaced{transition:transform 60ms linear;will-change:transform}.shape--rejecting{transition:transform var(--settle-ms, .14s) cubic-bezier(.22,.85,.3,1)}.shape--grabbed{z-index:2}.shape--grabbed .shape__art{transform:scale(1.14);filter:drop-shadow(0 0 8px var(--accent)) drop-shadow(0 4px 3px rgba(0,26,114,.28))}@keyframes shape-drop-in{0%{translate:0 -220%;opacity:0}to{translate:0 0;opacity:1}}.shape__art{pointer-events:none;width:86%;height:86%;margin:7%;display:block;transition:transform .15s ease,opacity .15s ease}.shape--special .shape__art{filter:drop-shadow(0 0 6px rgba(255,255,255,.95))}.shape--selected .shape__art{transform:scale(1.16);filter:drop-shadow(0 0 7px var(--accent))}.shape--hint .shape__art{filter:drop-shadow(0 0 9px var(--accent));animation:shape-hint 1.35s ease-in-out infinite}@keyframes shape-hint{0%,to{transform:scale(1)}50%{transform:scale(1.13)}}.shape--clearing{pointer-events:none}.shape--clearing .shape__art{animation:shape-pop 285ms ease-in forwards}@keyframes shape-pop{0%{transform:scale(1);opacity:1}35%{transform:scale(1.32);opacity:1}to{transform:scale(.1);opacity:0}}.shape-particles{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20}@property --banner-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.shape-combo{--heat: 0;--combo-hue: calc(195 + var(--heat) * 165);position:absolute;left:50%;top:13%;z-index:4;display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 18px;border-radius:999px;background:hsl(var(--combo-hue) 85% 30% / .82);border:2px solid hsl(var(--combo-hue) 95% 62%);box-shadow:0 0 calc(10px + var(--heat) * 26px) hsl(var(--combo-hue) 95% 60% / .75),inset 0 1px #ffffff4d;color:#fff;pointer-events:none;white-space:nowrap;transform:translate(-50%);animation:combo-pop .43s cubic-bezier(.25,1.7,.4,1)}.shape-combo__value{font-size:calc(24px + var(--heat) * 12px);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 0 calc(8px + var(--heat) * 18px) hsl(var(--combo-hue) 100% 70%)}.shape-combo__label{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.85}@keyframes combo-pop{0%{transform:translate(-50%) scale(1.75);opacity:0}22%{transform:translate(-50%) scale(.9);opacity:1}42%{transform:translate(-50%) scale(1.08) rotate(calc(var(--heat) * 2.5deg))}62%{transform:translate(-50%) scale(.98) rotate(calc(var(--heat) * -2deg))}to{transform:translate(-50%) scale(1) rotate(0)}}.shape-combo--out{animation:combo-out .4s cubic-bezier(.3,0,.6,1) forwards}@keyframes combo-out{0%{transform:translate(-50%) scale(1);opacity:1}to{transform:translate(-50%,-18px) scale(1.45);opacity:0}}.shape-banner{--banner-angle: 0deg;--banner-top: 38%;--banner-ring-speed: 2.2s;--banner-tint: rgba(0, 26, 114, .76);--banner-ring: conic-gradient( from var(--banner-angle), #38acdd, #ffc93c, #ff5a5f, #a06be8, #3dd68c, #38acdd );position:absolute;left:50%;top:var(--banner-top);z-index:4;display:flex;flex-direction:column;align-items:center;gap:2px;padding:13px 26px;border-radius:999px;background:var(--banner-tint);box-shadow:0 12px 32px #001a7261,inset 0 1px #ffffff47;color:#fff;text-align:center;pointer-events:none;white-space:nowrap;isolation:isolate;transform:translate(-50%)}.shape-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(130% 150% at 50% 0%,rgba(255,255,255,.3),transparent 62%),linear-gradient(100deg,transparent 22%,rgba(255,255,255,.4) 46%,transparent 68%);background-size:100% 100%,240% 100%;background-repeat:no-repeat;animation:banner-sheen 1.4s cubic-bezier(.3,0,.2,1)}@keyframes banner-sheen{0%{background-position:0 0,-130% 0}to{background-position:0 0,130% 0}}.shape-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;background:var(--banner-ring);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:banner-ring var(--banner-ring-speed) linear infinite}@keyframes banner-ring{to{--banner-angle: 360deg}}.shape-banner__title{position:relative;font-size:26px;font-weight:700;line-height:1.1;text-shadow:0 0 18px rgba(56,172,221,.75)}.shape-banner__detail{position:relative;font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.8}.shape-banner--bonus{--banner-tint: rgba(11, 92, 128, .78);--banner-ring: linear-gradient(120deg, var(--accent), #b5e1f1, var(--accent));animation:banner-bonus 1.7s cubic-bezier(.25,.9,.3,1) forwards}.shape-banner--bonus .shape-banner__title{font-size:21px;text-shadow:0 0 14px rgba(56,172,221,.9)}.shape-banner--bonus:after{animation:none}@keyframes banner-bonus{0%{transform:translate(-50%,30px) scale(.9);opacity:0}12%{transform:translate(-50%) scale(1.03);opacity:1}20%{transform:translate(-50%) scale(1)}82%{opacity:1}to{transform:translate(-50%,-16px) scale(.97);opacity:0}}.shape-banner--cascade{--banner-tint: rgba(104, 62, 6, .76);--banner-ring: conic-gradient(from var(--banner-angle), #ffc93c, #ff9f45, #ff5a5f, #ffc93c);--banner-ring-speed: 3.2s;animation:banner-cascade 1.3s cubic-bezier(.3,1.2,.4,1) forwards}.shape-banner--cascade .shape-banner__title{text-shadow:0 0 18px rgba(255,201,60,.85)}@keyframes banner-cascade{0%{transform:translate(-50%,14px) scale(.6) rotate(-7deg);opacity:0}14%{transform:translate(-50%) scale(1.16) rotate(3deg);opacity:1}26%{transform:translate(-50%) scale(1) rotate(0)}72%{opacity:1}to{transform:translate(-50%,-44px) scale(.9) rotate(0);opacity:0}}.shape-banner--combo{animation:banner-combo 1.5s cubic-bezier(.25,1,.35,1) forwards}@keyframes banner-combo{0%{transform:translate(-50%,-46px) scale(1.3);opacity:0}10%{transform:translate(-50%,7px) scale(.93);opacity:1}19%{transform:translate(-50%) scale(1.06)}28%{transform:translate(-50%) scale(1)}80%{opacity:1}to{transform:translate(-50%) scale(1.4);opacity:0}}.shape-banner--super{--banner-tint: rgba(9, 8, 34, .82);--banner-ring-speed: 1.1s;padding:16px 32px;box-shadow:0 16px 44px #001a7280,0 0 30px #a06be873,inset 0 1px #ffffff59;animation:banner-super 1.9s cubic-bezier(.2,1.1,.3,1) forwards}.shape-banner--super .shape-banner__title{font-size:33px;letter-spacing:-.01em;text-shadow:0 0 22px rgba(255,255,255,.9),0 0 44px rgba(160,107,232,.8)}@keyframes banner-super{0%{transform:translate(-50%) scale(.15);opacity:0}8%{transform:translate(-50%) scale(1.34);opacity:1}17%{transform:translate(-50%) scale(.94)}25%{transform:translate(-50%) scale(1.07)}33%{transform:translate(-50%) scale(1)}82%{opacity:1}to{transform:translate(-50%,-12px) scale(1.55);opacity:0}}.shape-banner__wave{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:2px solid rgba(255,255,255,.85);pointer-events:none;animation:banner-wave .76s cubic-bezier(.2,.7,.3,1) forwards}@keyframes banner-wave{0%{transform:scale(.85);opacity:.9}to{transform:scale(2.4);opacity:0}}.shape-banner--info{--banner-tint: rgba(43, 133, 171, .78);animation:banner-info 1.5s ease-out forwards}.shape-banner--info .shape-banner__title{font-size:21px;text-shadow:none}.shape-banner--info:after{background:none;border:1px solid rgba(255,255,255,.35);animation:none}@keyframes banner-info{0%{transform:translate(-50%) scale(.96);opacity:0}10%{transform:translate(-50%) scale(1);opacity:1}86%{opacity:1}to{transform:translate(-50%,-12px) scale(1);opacity:0}}.shape-over{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#e1f3faf0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.shape-over__title{font-size:28px;font-weight:700}.shape-over__score{font-size:18px;color:var(--ink-muted)}.shape-footnote{margin-top:12px}.panda{display:block;width:132px;aspect-ratio:599 / 715;margin:16px auto 0;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.panda:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:14px}.panda svg{display:block;width:100%;height:auto;overflow:visible}.panda g{transform-box:view-box}.panda .eye-r-lid{transform-origin:377px 211px}.panda .eye-l-lid{transform-origin:225px 260px}.panda .pupil-r,.panda .look-r{transform-origin:376px 211px}.panda .pupil-l,.panda .look-l{transform-origin:239px 257px}.panda .brow-r{transform-origin:344px 136px}.panda .brow-l{transform-origin:204px 175px}.panda .blush-r{transform-origin:414px 268px}.panda .blush-l{transform-origin:211px 343px}.panda .nose{transform-origin:329px 271px}.panda .mouth{transform-origin:332px 287px}.panda .bamboo{transform-origin:404px 472px}.panda .stage{transform-origin:279px 667px}@keyframes panda-breathe{0%,to{transform:scale(1)}50%{transform:scale(.994,1.018)}}@keyframes panda-blink{0%,88%,to{transform:scaleY(1)}91%{transform:scaleY(.06)}94%{transform:scaleY(1)}}@keyframes panda-drift{0%,12%,to{transform:translate(0)}22%,38%{transform:translate(-6px,2px)}50%,68%{transform:translate(7px,-1px)}80%{transform:translate(2px,4px)}}@keyframes panda-sway{0%,to{transform:rotate(-1.6deg)}50%{transform:rotate(1.6deg)}}@keyframes panda-bounce{0%,to{transform:translateY(0) scale(1)}22%{transform:translateY(-16px) scale(.97,1.05)}60%{transform:translateY(0) scale(1.05,.95)}78%{transform:translateY(-4px) scale(1)}}@keyframes panda-shiver{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes panda-lean{0%,to{transform:rotate(0)}40%,70%{transform:rotate(4.5deg)}}@keyframes panda-slump{0%,to{transform:translateY(4px) scale(1.02,.97)}50%{transform:translateY(7px) scale(1.025,.962)}}@keyframes panda-rock{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes panda-shake{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes panda-wave{0%,to{transform:rotate(-3deg)}25%{transform:rotate(9deg)}50%{transform:rotate(-4deg)}75%{transform:rotate(10deg)}}.panda .stage{animation:panda-breathe 4s ease-in-out infinite}.panda .eye-r-lid,.panda .eye-l-lid{animation:panda-blink 5.2s infinite}.panda .pupil-r,.panda .pupil-l{animation:panda-drift 7s ease-in-out infinite}.panda .bamboo{animation:panda-sway 3.4s ease-in-out infinite}.panda--sleepy .stage{animation:panda-breathe 6.5s ease-in-out infinite}.panda--sleepy .eye-r-lid,.panda--sleepy .eye-l-lid{animation:none;transform:scaleY(.2)}.panda--sleepy .pupil-r,.panda--sleepy .pupil-l{animation:none;transform:translateY(5px)}.panda--sleepy .mouth{transform:translateY(2px) scale(.7)}.panda--sleepy .blush-r,.panda--sleepy .blush-l{transform:scale(.9)}.panda--sleepy .bamboo{animation:panda-sway 6s ease-in-out infinite}.panda--curious .stage{animation:panda-lean 3.4s ease-in-out infinite}.panda--curious .eye-r-lid,.panda--curious .eye-l-lid{animation:panda-blink 3.1s infinite;transform:scaleY(1.1)}.panda--curious .pupil-r,.panda--curious .pupil-l{animation:panda-drift 2.2s ease-in-out infinite}.panda--curious .brow-l{transform:translateY(-10px) rotate(-9deg)}.panda--curious .brow-r{transform:translateY(-2px)}.panda--curious .mouth{transform:scale(.86)}.panda--happy .stage{animation:panda-bounce .62s cubic-bezier(.3,0,.3,1) infinite}.panda--happy .eye-r-lid,.panda--happy .eye-l-lid{animation:none;transform:scaleY(.42)}.panda--happy .pupil-r,.panda--happy .pupil-l{animation:none;transform:translateY(-2px)}.panda--happy .blush-r,.panda--happy .blush-l{transform:scale(1.28)}.panda--happy .mouth{transform:scale(1.18,1.28)}.panda--happy .brow-l,.panda--happy .brow-r{transform:translateY(-5px)}.panda--happy .bamboo{animation:panda-sway 1.1s ease-in-out infinite}.panda--excited .stage{animation:panda-bounce .34s cubic-bezier(.3,0,.3,1) infinite}.panda--excited .eye-r-lid,.panda--excited .eye-l-lid{animation:none;transform:scaleY(1.14)}.panda--excited .pupil-r,.panda--excited .pupil-l{animation:none;transform:scale(1.22)}.panda--excited .blush-r,.panda--excited .blush-l{transform:scale(1.45)}.panda--excited .mouth{transform:scale(1.3,1.4)}.panda--excited .brow-l,.panda--excited .brow-r{transform:translateY(-8px)}.panda--excited .bamboo{animation:panda-shake .18s ease-in-out infinite}.panda--love .stage{animation:panda-rock 1.6s ease-in-out infinite}.panda--love .eye-r-lid,.panda--love .eye-l-lid{animation:none;transform:scaleY(.55)}.panda--love .pupil-r,.panda--love .pupil-l{animation:none;transform:scale(1.3)}.panda--love .blush-r,.panda--love .blush-l{transform:scale(1.55)}.panda--love .mouth{transform:scale(1.2,1.3)}.panda--love .bamboo{animation:panda-sway 1.6s ease-in-out infinite}.panda--wave .stage{animation:panda-lean 1.2s ease-in-out infinite}.panda--wave .eye-r-lid,.panda--wave .eye-l-lid{animation:none;transform:scaleY(.5)}.panda--wave .blush-r,.panda--wave .blush-l{transform:scale(1.2)}.panda--wave .mouth{transform:scale(1.15,1.2)}.panda--wave .bamboo{animation:panda-wave 1s ease-in-out infinite}.panda--grumpy .stage{animation:panda-shiver .12s linear infinite}.panda--grumpy .eye-r-lid,.panda--grumpy .eye-l-lid{animation:none;transform:scaleY(.72)}.panda--grumpy .pupil-r,.panda--grumpy .pupil-l{animation:none;transform:scale(.9)}.panda--grumpy .brow-l{transform:translateY(9px) rotate(20deg)}.panda--grumpy .brow-r{transform:translateY(9px) rotate(-20deg)}.panda--grumpy .mouth{transform:scale(.78)}.panda--grumpy .bamboo{animation:panda-shake .14s ease-in-out infinite}.panda--sad .stage{animation:panda-slump 4.5s ease-in-out infinite}.panda--sad .eye-r-lid,.panda--sad .eye-l-lid{animation:panda-blink 6.4s infinite;transform:scaleY(.68)}.panda--sad .pupil-r,.panda--sad .pupil-l{animation:none;transform:translateY(6px)}.panda--sad .brow-l{transform:translateY(2px) rotate(-22deg)}.panda--sad .brow-r{transform:translateY(2px) rotate(22deg)}.panda--sad .mouth{transform:translateY(4px) scale(.62)}.panda--sad .blush-r,.panda--sad .blush-l{transform:scale(.8);opacity:.6}.panda--sad .bamboo{animation:panda-sway 5.5s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.shape,.shape__art,.shape--hint .shape__art{animation:none;transition:none}.shape--hint .shape__art{filter:drop-shadow(0 0 9px var(--accent))}.shape-combo,.shape-combo--out,.shape-banner,.shape-banner:before,.shape-banner:after,.shape-banner__wave,.shell--shaking,.counter__value,.counter__delta{animation:none}.counter__delta{display:none}.panda .stage,.panda .eye-r-lid,.panda .eye-l-lid,.panda .pupil-r,.panda .pupil-l,.panda .bamboo{animation:none}}