.animation-tools{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:12px 0 0;color:var(--jade);font-size:11px}.animation-tools .small-button{min-height:38px;font-size:11px;background:#fffaf0}.animation-badge{display:inline-flex;align-items:center;gap:6px;font-weight:700}.animation-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:#e75d3b}.relay-canvas{display:block;width:100%;height:auto;aspect-ratio:64/35;border-radius:13px;background:#f5ecd7}.ready-animation{margin:16px 0 10px;border:1px solid #e4d8bd;overflow:hidden;border-radius:14px}.ready-animation .relay-canvas{border-radius:0}.ready-animation p{font-size:10px;color:var(--muted);padding:6px 10px;background:#fff9e9;text-align:center}.result-animation{margin:14px 0;border:1px solid #e4d8bd;border-radius:14px;overflow:hidden}.result-animation .relay-canvas{border-radius:0}.arena.animated-arena{padding:0 0 14px;overflow:hidden;background:#f7f1df}.animated-arena .relay-canvas{border-radius:12px 12px 0 0}.animated-arena .meter{height:70px;margin:10px 22px 0}.animated-arena .meter-baseline{top:36px}.animated-arena .target-zone{top:14px}.animated-arena .cursor{top:16px}.animated-arena .meter-guide{padding:0 18px;font-size:11px}.animated-arena .practice-control{margin:8px 18px 0}.game-panel .intro-text{line-height:1.65}.game-panel:has(.ready-animation) .mini-demo{display:none}.game-panel:has(.ready-animation) .intro-heading h2 br{display:none}.game-panel:has(.ready-animation) .intro-heading h2{font-size:39px}.game-panel:has(.ready-animation) .intro-heading i{display:none}.game-panel:has(.ready-animation) .intro-heading h2 span{margin-left:7px}.game-panel:has(.ready-animation) .steps{margin-top:12px}.game-panel:has(.ready-animation) .screen{padding-top:16px}.story{min-height:0}.game-layout .story{align-self:stretch}
@media(max-width:690px){.ready-animation{margin-top:12px}.game-panel:has(.ready-animation) .intro-heading h2{font-size:35px}.animation-tools{margin-top:8px;font-size:10px}.animation-tools .small-button{font-size:10px;padding:6px 10px}.animated-arena .meter{margin-left:17px;margin-right:17px}.game-panel:has(.ready-animation){padding-top:18px}.game-panel:has(.ready-animation) .panel-top{padding-bottom:10px}.game-panel:has(.ready-animation) .play-heading h2{font-size:27px}.game-panel:has(.ready-animation) .round-dots{margin:12px 0}.game-panel:has(.ready-animation) .arena{margin-top:10px}.game-panel:has(.ready-animation) .feedback{height:43px}.game-panel:has(.ready-animation) .catch-button{height:58px}.game-panel:has(.ready-animation) .screen{padding-top:12px}}
@media(max-width:360px){.game-panel:has(.ready-animation) .intro-heading h2{font-size:30px}.animation-badge{font-size:9px}.ready-animation p{font-size:9px}.animated-arena .meter-guide{font-size:10px}.game-panel:has(.ready-animation) .game-panel{padding:16px}}
.animated-arena .meter{height:76px}.animated-arena .meter-baseline{top:43px}.animated-arena .target-zone{top:22px;height:43px}.animated-arena .cursor{top:15px;height:57px}