.bucket-app{max-width:1200px;margin:0 auto;padding:26px 8px;color:var(--ui-text,#26334b)}.bucket-app [hidden]{display:none!important}.bucket-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.bucket-heading h1{font-size:clamp(30px,4vw,48px);margin:7px 0;letter-spacing:-1.5px}.bucket-heading p{margin:0;color:var(--ui-muted,#61748e)}.bucket-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0}.bucket-toolbar label{display:flex;align-items:center;gap:7px;font-size:13px}.bucket-toolbar button[aria-pressed=true]{background:var(--ui-selected,#d5eee4);border-color:var(--ui-accent,#67bba3)}.bucket-console{border:1px solid var(--ui-border,#d9e1eb);border-radius:27px;overflow:hidden;background:var(--ui-panel,#fff);box-shadow:0 14px 45px #1822380a}.bucket-hud{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px}.bucket-hud>div:nth-child(2){text-align:center}.bucket-hud small{display:block;font-size:9px;letter-spacing:1.2px;color:var(--ui-muted);font-weight:850}.bucket-hud b{font-size:25px}.bucket-hud strong{display:block;margin-top:5px;font-size:16px}.bucket-stage{height:clamp(400px,57vw,570px);position:relative;overflow:hidden;background:#182846}.bucket-scenery{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.65}.bucket-stage:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101c3bd6,#1e234c6b);z-index:1}.bucket-highway{position:absolute;inset:0;width:min(480px,90%);left:50%;transform:translateX(-50%);z-index:2;background:linear-gradient(0deg,#172441cf,#2e2c57a8 75%,transparent);border-left:1px solid #c6dfff44;border-right:1px solid #c6dfff44}.bucket-lane-guides{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr)}.bucket-lane-guides>div{position:relative;border-right:1px solid #ced7ff15;background:linear-gradient(0deg,color-mix(in srgb,var(--hit) 9%,transparent),transparent 65%)}.bucket-target{position:absolute;left:50%;bottom:60px;width:56px;height:56px;transform:translateX(-50%);color:var(--hit);border-radius:50%;z-index:3}.bucket-target svg{width:56px;height:56px;filter:drop-shadow(0 0 8px var(--hit))}.bucket-target b{position:absolute;top:58px;left:0;right:0;text-align:center;font-size:16px;color:#fff}.bucket-target small{position:absolute;top:78px;left:-20px;right:-20px;font-size:9px;color:#e1eaff;text-align:center}.bucket-target.hit svg{animation:bucket-hit .18s ease-out;filter:brightness(1.4) drop-shadow(0 0 15px var(--hit))}.bucket-goal{position:absolute;left:0;right:0;bottom:87px;height:2px;background:linear-gradient(90deg,#74d8ff,#ffd17c,#c6a1ff,#ff92a7);box-shadow:0 0 18px #b6d2ff}.bucket-note{position:absolute;width:52px;height:52px;transform:translate(-50%,-50%);color:var(--hit);z-index:4}.bucket-note svg{width:52px;height:52px;filter:drop-shadow(0 0 7px var(--hit))}.bucket-note small{position:absolute;left:50%;top:-15px;transform:translateX(-50%);font-size:17px;font-weight:900;color:#f6f5ff}.bucket-rest{position:absolute;left:50%;transform:translate(-50%,-50%);font-size:35px;color:#e4e2ff;display:flex;gap:7px;align-items:center;padding:2px 20px;border:1px dashed #bbcafa88;background:#1c294aeb;border-radius:100px;z-index:5;white-space:nowrap}.bucket-rest b{font-size:11px;letter-spacing:1px}.bucket-count{position:absolute;z-index:7;top:35%;left:50%;transform:translateX(-50%);font-size:80px;color:#fff2ba;font-weight:900;text-shadow:0 5px 0 #182441}.bucket-verdict{position:absolute;z-index:6;top:42px;left:0;right:0;text-align:center;color:#e3fff4;font-weight:900;text-shadow:0 3px 8px #0d1734;font-size:20px}.bucket-beat-dots{position:absolute;z-index:6;top:12px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.bucket-beat-dots span{height:22px;width:22px;border-radius:50%;border:1px solid #c6dfff88;color:#d1dcf3;text-align:center;font-size:11px;line-height:20px}.bucket-beat-dots span.active{background:#d4ffee;color:#24453e;border-color:#fff}.bucket-overlay{position:absolute;inset:0;z-index:9;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;background:linear-gradient(0deg,#102240ed,#21365b77),url('/bucket-art/cover.svg') center/cover;color:#fff}.bucket-overlay span{font-size:36px;letter-spacing:7px;color:#ffde9e}.bucket-overlay h2{font-size:clamp(27px,3vw,42px);letter-spacing:-1px;margin:16px 0;color:white!important}.bucket-overlay p{max-width:420px;color:#e9f2ff;margin:0 0 22px;line-height:1.5}.bucket-overlay button{border:0;background:#c7ffd6;color:#194c40;border-radius:99px;font-weight:850;padding:16px 35px;box-shadow:0 5px 0 #69aa7e;font-size:17px;min-height:54px}.bucket-progress{height:4px;background:var(--ui-soft,#e7edf5)}.bucket-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#74d8ff,#c6a1ff,#ff92a7)}.bucket-pads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:20px 24px}.bucket-pads button{touch-action:none;user-select:none;min-height:98px;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;background:color-mix(in srgb,var(--hit) 14%,var(--ui-panel,#fff));border:2px solid color-mix(in srgb,var(--hit) 70%,var(--ui-border));box-shadow:0 4px 0 color-mix(in srgb,var(--hit) 30%,var(--ui-border));color:var(--ui-text,#26334b)}.bucket-pads svg{width:42px;height:42px;color:var(--hit);filter:drop-shadow(0 2px 1px #23315244)}.bucket-pads strong{font-size:24px}.bucket-pads span{font-size:12px;font-weight:800;width:100%}.bucket-pads button:active{transform:translateY(3px);filter:brightness(1.1)}.bucket-transport{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;padding:0 20px 16px}.bucket-transport button{border-radius:14px;min-height:46px}.bucket-transport>span{font-size:11px;color:var(--ui-muted)}#bucket-status{font-size:13px;padding:0 20px 18px;min-height:30px;text-align:center;color:var(--ui-muted)}.bucket-instructions,.bucket-journey{margin-top:25px;padding:25px;background:var(--ui-panel,#fff);border:1px solid var(--ui-border,#d9e1eb);border-radius:25px}.bucket-instructions p{font-size:14px;line-height:1.7;color:var(--ui-muted)}.bucket-journey>div:first-child{position:relative}.bucket-journey h2{margin:8px 0 20px;font-size:25px}.bucket-journey>div>button{position:absolute;right:0;top:0}#bucket-levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}#bucket-levels button{padding:15px;text-align:left;border-radius:18px;background:var(--ui-soft,#f4f7fa);border:1px solid var(--ui-border,#d9e1eb);display:grid;gap:7px;color:var(--ui-text,#26334b)}#bucket-levels button.selected{border-color:var(--ui-accent,#75bfa9);box-shadow:0 0 0 1px var(--ui-accent,#75bfa9)}#bucket-levels button:disabled{opacity:.55}#bucket-levels button>b{font-size:21px}#bucket-levels strong{font-size:13px}#bucket-levels small{font-size:11px;color:var(--ui-muted)}#bucket-levels span{color:var(--ui-accent,#568d81);letter-spacing:2px;font-size:18px}#bucket-levels progress{width:100%;height:5px;accent-color:#64bba6}#bucket-summary{font-weight:800}.bucket-journey>small{color:var(--ui-muted);font-size:11px}.bucket-burst{position:absolute;bottom:96px;font-size:21px;white-space:nowrap;transform:translateX(-50%);text-shadow:0 2px 6px #10223c;animation:bucket-score .65s ease-out forwards}.bucket-burst.still{animation:none}.bucket-app button:focus-visible{outline:3px solid var(--ui-accent,#64bba6);outline-offset:4px}@keyframes bucket-hit{50%{transform:scale(1.18)}}@keyframes bucket-score{from{opacity:1;transform:translate(-50%,0) scale(.85)}30%{opacity:1;transform:translate(-50%,-16px) scale(1.1)}to{opacity:0;transform:translate(-50%,-52px) scale(1)}}@media(max-width:650px){.bucket-app{padding:17px 0}.bucket-heading h1{font-size:29px}.bucket-heading p{font-size:12px}.bucket-hud{padding:14px}.bucket-hud strong{font-size:13px}.bucket-pads{padding:16px 12px;gap:7px}.bucket-pads button{padding:8px 4px;gap:4px;min-height:94px}.bucket-pads svg{width:34px;height:34px}.bucket-pads span{font-size:9px}.bucket-highway{width:100%;border:0}#bucket-levels{grid-template-columns:repeat(2,minmax(0,1fr))}.bucket-journey{padding:18px}.bucket-journey>div>button{position:static}.bucket-journey h2{font-size:23px}.bucket-toolbar button{font-size:11px}.bucket-verdict{font-size:17px}.bucket-overlay p{font-size:13px}.bucket-transport button{font-size:12px}}@media(prefers-reduced-motion:reduce){.bucket-target.hit svg,.bucket-burst{animation:none}.bucket-burst{opacity:1}}.motion-off .bucket-target.hit svg{animation:none}
.bucket-note small svg.rhythm-glyph{width:17px;height:23px;fill:#fff1d5;filter:none;overflow:visible}
.dashboard-module.bucket{--accent:#805daa;--soft:#efe7fa}.dashboard-module.bucket .dashboard-module-art{height:210px;background-position:center}.dashboard-module.bucket .dashboard-module-mark{background:#f7f0ffec;color:#784b9e}