.basket-shell{max-width:1160px;margin:auto;padding:12px 22px 90px}.basket-layout{display:grid;grid-template-columns:minmax(0,650px) 280px;gap:24px;justify-content:center}.basket-stage{position:relative;aspect-ratio:.8;max-height:calc(100svh - 168px);min-height:450px;overflow:hidden;border-radius:18px;background:#d6c6a3;box-shadow:0 18px 55px #494d3225}.basket-stage canvas{height:100%;width:100%;display:block;touch-action:none;cursor:grab}.basket-hud{position:absolute;top:17px;left:20px;right:20px;display:flex;gap:20px;color:#fff9e8;text-shadow:0 2px 8px #263b3c66;pointer-events:none}.basket-hud h3{margin:0 auto 0 0;font:italic 26px Georgia}.basket-hud small{display:block;font-size:8px;letter-spacing:.15em}.basket-hud b{font:25px Georgia}.basket-hud button{pointer-events:auto;background:#fff7e8d9;color:#4c6148;border:0;border-radius:7px;width:32px;height:32px}.basket-bottom{position:absolute;bottom:16px;left:20px;right:20px;text-align:center;color:#fff6de;text-shadow:0 2px 5px #45422b;font-size:12px;pointer-events:none}.basket-feedback{position:absolute;top:95px;left:10px;right:10px;text-align:center;color:#fff7d7;font:italic 25px Georgia;text-shadow:0 2px 6px #3c4a37;pointer-events:none}.basket-power{width:120px;height:5px;margin:10px auto;border-radius:5px;background:#fff6;overflow:hidden}.basket-power i{display:block;height:100%;width:0;background:#f0c76c}.basket-dots{display:flex;justify-content:center;gap:6px;margin:14px 0}.basket-dots i{display:block;width:14px;height:14px;border-radius:50%;background:#d9dcca;border:1px solid #b6bea4}.basket-dots i.hit{background:#6f8656}.basket-dots i.miss{background:#bc8f78}.basket-dots i.current{box-shadow:0 0 0 3px #c0a46788}.basket-side{background:#fffdf5;border:1px solid #e0e2d4;border-radius:15px;padding:24px;color:#586948}.basket-side h3{font:29px Georgia;line-height:1.15;margin:14px 0}.basket-side p{font-size:11px;color:#81866f;line-height:1.8}.basket-side label{font-size:11px;display:block;margin-top:15px}.basket-side input{width:100%;accent-color:#788c5e;margin:12px 0}.basket-side .primary{width:100%;margin-top:10px}.basket-side .boat-spec{font-size:11px}.basket-side details{margin-top:18px;font-size:11px}.basket-side summary{cursor:pointer}.basket-cover{height:100%;width:100%;display:block;background:linear-gradient(160deg,#728471,#d1b57a);position:relative}.basket-cover:before{content:'';position:absolute;inset:34% 12% 12%;border:2px solid #f8ead1;transform:perspective(250px) rotateX(35deg);border-radius:50% 50% 0 0}.basket-cover:after{content:'◉';font-size:70px;color:#bf7445;position:absolute;left:42%;top:35%;text-shadow:2px 4px 12px #334c3a66}.basket-card .cover-art{display:none!important}.basket-card .level-row{display:block}.basket-card .level-row small{font-size:11px;color:#7e8769}@media(max-width:700px){.basket-shell{padding:10px 12px 90px}.basket-layout{display:flex;flex-direction:column;gap:15px}.basket-stage{width:100%;aspect-ratio:.76;min-height:min(470px,calc(100svh - 175px))}.basket-side{width:100%}.basket-hud{left:15px;right:15px;gap:13px}.basket-hud h3{font-size:22px}.basket-hud b{font-size:22px}}

.basket-shell .back{margin-bottom:9px}.basket-shell .arcade-heading{margin:0 0 10px}.basket-layout{grid-template-columns:minmax(0,540px) 280px}.basket-stage{max-height:calc(100svh - 175px)}

.basket-stage{background:#284336;border:1px solid #ded8bc;box-shadow:0 20px 65px #2e443c30}.basket-hud{padding:12px 13px;top:10px;left:10px;right:10px;border-radius:12px;background:linear-gradient(120deg,#223d35cc,#35544755);backdrop-filter:blur(9px);gap:12px}.basket-hud h3{font-size:23px}.basket-hud b{font-size:23px}.basket-hud button.off{opacity:.5}.basket-bottom{background:#203d34df;border:1px solid #f4e6c433;border-radius:13px;padding:12px 10px;left:13px;right:13px;bottom:12px;font-size:10px;backdrop-filter:blur(8px)}.basket-power{position:relative;width:180px;height:8px;background:#e8e9d32b;margin:10px auto 7px;overflow:visible}.basket-power span{position:absolute;left:55%;width:13%;top:-3px;bottom:-3px;border:1px solid #e8c16a;border-radius:3px;background:#ddbf6b3d}.basket-power i{position:relative;border-radius:5px;background:linear-gradient(90deg,#b2cbb0,#f1d292);transition:width .04s}.basket-aim-label{font-size:8px;letter-spacing:.15em;margin-bottom:6px;color:#e6d6aa}.basket-feedback{top:100px;font-size:21px;transition:opacity .2s}.basket-feedback.is-basket{background:#fff8dfed;color:#355b43;text-shadow:none;left:18%;right:18%;padding:13px;border-radius:10px;font:700 19px Georgia;box-shadow:0 8px 26px #14362922}.basket-stage canvas:active{cursor:grabbing}@media(prefers-reduced-motion:reduce){.basket-power i{transition:none}}

.basket-feedback.is-miss{background:#fff0e3eb;color:#874f3d;text-shadow:none;left:28%;right:28%;padding:10px;border-radius:10px;font:bold 19px Georgia}
