body:has(.canvas-wrap){--accent: #bfd0a0}.ball-top{display:flex;justify-content:space-between;align-items:center;color:#c1cbbb;font-size:12px}.ball-top #kind{border:1px solid #56634e;padding:8px 18px;border-radius:24px}.today{font-size:9px;letter-spacing:1.3px}.today strong{font-size:24px;margin-left:10px;color:#e7eed8;font-weight:400}.canvas-wrap{position:relative;margin:12px 0 20px;background:radial-gradient(ellipse at 50% 35%,#354335,#263127 70%);border:1px solid #465341;border-radius:16px;overflow:hidden}canvas{display:block;width:100%;height:370px;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.ball-instruction{position:absolute;bottom:33px;left:10px;right:10px;text-align:center;font-size:12px;color:#bdc9b3;pointer-events:none}.hold-progress{position:absolute;bottom:17px;width:90px;height:2px;background:#637058;left:calc(50% - 45px)}.hold-progress i{display:block;height:100%;background:#e7ce95;width:0}.ball-actions{display:flex;justify-content:center;gap:12px}.ball-actions button{min-width:140px;border-radius:28px;font-size:12px}.ball-actions .primary{background:#bfcea1;color:#253324;border-color:#bfcea1}.primary span{margin-left:24px}.status{text-align:center;margin:10px 0}.collection{border-top:1px solid #43503f;margin-top:20px;padding-top:20px}.collection-title{display:flex;justify-content:space-between;color:#9bab91;font-size:9px;letter-spacing:1.6px}.collection-items{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-top:20px}.collection-items>div{text-align:center;opacity:.35}.collection-items .found{opacity:1}.collection-items i{display:block;width:32px;height:32px;margin:0 auto 8px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff7,var(--color) 40%,#243627);filter:grayscale(1)}.collection-items .found i{filter:none}.collection-items span{display:block;font-size:10px;color:#b8c6aa}.collection-items small{display:block;color:#dfc286;font-size:7px;margin-top:4px;letter-spacing:1px}@media(max-width:650px){canvas{height:360px}.ball-actions{gap:7px}.ball-actions button{min-width:0;padding:12px 16px;font-size:11px}.primary span{margin-left:10px}.collection-items{gap:14px 5px;grid-template-columns:repeat(4,1fr)}.collection-items i{width:26px;height:26px}.collection{margin-top:16px}.collection-items span{font-size:9px}}