.xod-quiz,.xod-quiz *{box-sizing:border-box;color:#000}
.xod-quiz{max-width:1100px;margin:20px auto;font-family:inherit}
.xod-instructions{margin-bottom:15px;font-weight:600;color:#000}
.xod-tray{display:flex;flex-wrap:wrap;gap:12px;padding:14px;border:1px solid #ccc;background:#fff;margin-bottom:18px;min-height:90px}
.xod-drag-item{width:90px;height:90px;border:1px solid #bbb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none;user-select:none;padding:5px}
.xod-drag-item img{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}
.xod-stage{position:relative;display:inline-block;max-width:100%;line-height:0;border:1px solid #bbb}
.xod-base{display:block;max-width:100%;height:auto}
.xod-targets,.xod-dropped{position:absolute;inset:0}
.xod-target{position:absolute;border:2px solid rgba(0,0,0,.45);background:rgba(255,255,255,.20);border-radius:50%;pointer-events:none}
.xod-target.correct{background:rgba(0,0,0,.10);border-color:rgba(0,0,0,.75)}
.xod-target.wrong{border-color:rgba(0,0,0,.75)}
.xod-dropped-item{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none}
.xod-dropped-item img{max-width:100%;max-height:100%;object-fit:contain}
.xod-drag-item.used{opacity:.35}
.xod-controls{margin-top:15px;display:flex;gap:10px}
.xod-controls button{color:#000;background:#fff;border:1px solid #000;padding:8px 14px;cursor:pointer}
.xod-result{margin-top:12px;font-weight:700;min-height:24px;color:#000}
.xod-dragging{position:fixed!important;z-index:999999;pointer-events:none;opacity:.9}
@media(max-width:600px){.xod-drag-item{width:70px;height:70px}}