.block-drag{--bd-bg:#0e0f1a;--bd-panel:#161826;--bd-line:#2a2d47;--bd-text:#eef0ff;--bd-muted:#7d81a0;--bd-accent:#3bffb0;width:100%;max-width:420px;margin:0 auto;position:relative}.block-drag *{box-sizing:border-box}.block-drag-wrap{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.block-drag-hud{gap:14px;width:100%;display:flex}.block-drag-hud .bd-stat{background:var(--bd-panel);border:1px solid var(--bd-line);text-align:center;border-radius:12px;flex:1;padding:8px 14px}.block-drag-hud .bd-stat-label{letter-spacing:1.5px;color:var(--bd-muted);text-transform:uppercase;font-size:10px}.block-drag-hud .bd-stat-value{color:var(--bd-accent);font-size:22px;font-weight:800}.block-drag-board-holder{box-shadow:0 20px 60px #0009, 0 0 0 1px var(--bd-line);border-radius:14px;position:relative;overflow:hidden}.block-drag canvas.bd-board{touch-action:none;background:#101223;display:block}.block-drag-tray{background:var(--bd-panel);border:1px solid var(--bd-line);border-radius:14px;justify-content:center;gap:14px;width:100%;padding:10px;display:flex}.block-drag-slot{border-radius:10px;flex:1;justify-content:center;align-items:center;min-height:82px;display:flex;position:relative}.block-drag-slot canvas{cursor:grab;touch-action:none}.block-drag-slot canvas.dragging{opacity:.15}.block-drag-ghost{pointer-events:none;z-index:50;display:none;position:fixed;top:0;left:0}.block-drag-overlay{text-align:center;z-index:10;background:#0a0a12e6;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;display:flex;position:absolute;inset:0}.block-drag-overlay h1{letter-spacing:2px;color:var(--bd-accent);text-shadow:0 0 20px #3bffb080;margin:0;font-size:28px}.block-drag-overlay p{color:var(--bd-muted);max-width:280px;margin:0;font-size:13px;line-height:1.6}.block-drag-btn{background:linear-gradient(135deg, var(--bd-accent), #1fa87a);color:#06110c;letter-spacing:1px;cursor:pointer;border:none;border-radius:30px;padding:11px 26px;font-size:14px;font-weight:800;transition:transform .1s;box-shadow:0 8px 20px #3bffb04d}.block-drag-btn:hover{transform:translateY(-2px)}.block-drag-btn:active{transform:translateY(0)}.block-drag-flash{opacity:0;pointer-events:none;z-index:5;background:#fff;position:absolute;inset:0}.block-drag-hint{color:var(--bd-muted);text-align:center;pointer-events:none;font-size:12px}.block-drag-notifications{z-index:1000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:80px;right:20px}.block-drag-toast{color:#fff;white-space:nowrap;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:700;animation:.3s bd-toast-in;box-shadow:0 8px 24px #00000080}.block-drag-toast.bd-toast-streak{background:linear-gradient(135deg,#ff6b35,#ff3b5c);border:1px solid #ff6b3580}.block-drag-toast.bd-toast-achievement{color:#0a1a14;background:linear-gradient(135deg,#3bffb0,#1a9a6a);border:1px solid #3bffb080}@media (width<=480px){.block-drag{max-width:100%}.block-drag-hud{gap:8px}.block-drag .bd-stat{padding:6px 10px}.block-drag .bd-stat-value{font-size:18px}.block-drag-overlay{padding:12px}.block-drag-overlay h1{letter-spacing:1px;font-size:22px}.block-drag-overlay p{font-size:12px}.block-drag-btn{padding:10px 20px;font-size:13px}.block-drag-tray{gap:8px;padding:8px}.block-drag-slot{min-height:70px}}@keyframes bd-toast-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}