.hoop-drop{box-sizing:border-box;background:#fffdf5;border:1px solid #eadcae;border-radius:14px;gap:10px;width:100%;padding:14px;display:grid;position:relative}.hoop-drop-head{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.hoop-drop-head b{color:#332b1a;font-size:13px}.hoop-drop-count{color:#6b4e00;background:#fbf3d6;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}.hoop-drop-zone{text-align:center;cursor:pointer;box-sizing:border-box;background:#fff;border:2px dashed #d2a51f;border-radius:14px;align-content:start;justify-items:center;gap:2px;width:min(100%,340px);height:150px;margin:2px auto 58px;padding:14px 12px 0;transition:border-color .15s,background .15s;display:grid;position:relative}.hoop-drop-zone:hover{border-color:#e8590c}.hoop-drop.over .hoop-drop-zone{background:#fff1e6;border-color:#e8590c}.hoop-drop.busy .hoop-drop-zone{cursor:progress}.hoop-drop.disabled .hoop-drop-zone{cursor:not-allowed;opacity:.5}.hoop-drop-zone>svg:first-child{color:#6b4e00;width:24px;height:24px}.hoop-drop-zone b{color:#332b1a;font-size:14px}.hoop-drop-zone small{color:#7a7266;font-size:12px}.hoop-drop-zone input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.hoop-drop-rim{pointer-events:none;z-index:2;width:150px;height:92px;margin-left:-75px;position:absolute;top:calc(100% - 38px);left:50%;overflow:visible}.hoop-drop-net line{stroke:#9a9184;stroke-width:1.4px}.hoop-drop.swish .hoop-drop-net{transform-origin:50% 0;animation:.55s ease-out hoop-swish}.hoop-drop-plus{color:#e8590c;pointer-events:none;opacity:0;font-size:18px;font-weight:800;position:absolute;top:calc(100% - 44px);left:calc(50% + 40px)}.hoop-drop.swish .hoop-drop-plus{animation:1s ease-out hoop-plus}.hoop-fly{pointer-events:none;z-index:2000;box-sizing:border-box;background:#fff;border:1px solid #e6dcc4;border-radius:5px;place-items:end center;width:34px;height:42px;margin:-21px 0 0 -17px;padding-bottom:5px;display:grid;position:fixed;top:0;left:0;box-shadow:0 4px 10px #0000002e}.hoop-fly i{letter-spacing:.04em;color:#fff;background:#d6403a;border-radius:3px;padding:1px 4px;font-size:8px;font-style:normal;font-weight:800}.hoop-fly:before{content:"";background:#e6dcc4;border-radius:2px;height:3px;position:absolute;top:8px;left:6px;right:6px;box-shadow:0 6px #e6dcc4,0 12px #e6dcc4}.hoop-aim{pointer-events:none;z-index:1999;background:#e8590c;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:fixed;top:0;left:0}.hoop-drop-row{background:#fff;border:1px solid #e6dcc4;border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 10px;padding:9px 12px;display:grid}.hoop-drop-row b{overflow-wrap:anywhere;font-size:13px}.hoop-drop-row span{color:#6f675a;font-size:12px}.hoop-drop-row.ok span{color:#187550;font-weight:700}.hoop-drop-row.err span{color:#a33f31;font-weight:700}.hoop-drop-tag{color:#fff;background:#d6403a;border-radius:3px;padding:2px 4px;font-size:8px;font-weight:800}.hoop-drop-bar{background:#e6dcc4;border-radius:2px;grid-column:1/-1;height:4px;overflow:hidden}.hoop-drop-bar i{background:#d2a51f;width:35%;height:100%;animation:1.1s ease-in-out infinite hoop-bar;display:block}.hoop-drop-row.ok .hoop-drop-bar i{background:#187550;width:100%;animation:none}.hoop-drop-row.err .hoop-drop-bar i{background:#a33f31;width:100%;animation:none}@keyframes hoop-swish{0%{transform:scaleY(1)}25%{transform:scaleY(1.22)scaleX(.9)}55%{transform:scaleY(.94)scaleX(1.05)}to{transform:scaleY(1)}}@keyframes hoop-plus{0%{opacity:0;transform:translateY(6px)}20%{opacity:1}to{opacity:0;transform:translateY(-16px)}}@keyframes hoop-bar{0%{margin-left:-35%}to{margin-left:100%}}@media (prefers-reduced-motion:reduce){.hoop-drop.swish .hoop-drop-net,.hoop-drop.swish .hoop-drop-plus,.hoop-drop-bar i{animation:none}.hoop-drop-zone{transition:none}}