/* Light stays behind artifacts, does not resize or move grid cells. */
#mergeBoard .artifactCell>.depot-cell-light{position:absolute;inset:2px;display:block;pointer-events:none;border-radius:inherit;border:1px solid transparent;opacity:0;z-index:0;background:radial-gradient(ellipse at 50% 100%,#9d77e829,transparent 75%);box-shadow:inset 0 -3px 10px -6px #c6a4ff;animation:depot-cell-breathe 5.8s ease-in-out infinite;animation-delay:var(--glow-delay,0s);animation-play-state:paused}
#depot.active #mergeBoard .artifactCell:not(.locked)>.depot-cell-light{animation-play-state:running}
#mergeBoard .artifactCell.empty>.depot-cell-light{border-color:#bb9cf51f;background:radial-gradient(ellipse at 50% 85%,#9d77e81f,transparent 75%)}
#depot.active #mergeBoard .artifactCell.mergeTarget>.depot-cell-light{opacity:.9!important;border-color:#f3d391!important;background:radial-gradient(ellipse,#efd79818,transparent 75%);box-shadow:inset 0 0 12px -5px #ffe7a6;animation:none!important}
#mergeBoard .artifactCell.dragSource>.depot-cell-light,#mergeBoard .artifactCell.locked>.depot-cell-light{display:none}
.depot-success{position:fixed;width:0;height:0;z-index:120;pointer-events:none;color:#f6d394}
.depot-open-success{color:#dcecff}
.depot-success-ring{position:absolute;width:var(--ring-size);height:var(--ring-size);margin:calc(var(--ring-size) / -2);border:1.5px solid currentColor;border-radius:50%;opacity:0;animation:depot-success-wave .7s ease-out both}
.depot-success-spark{position:absolute;width:4px;height:4px;border-radius:50%;background:currentColor;box-shadow:0 0 5px currentColor;opacity:0;animation:depot-success-scatter .62s ease-out both;animation-delay:var(--spark-delay)}
@keyframes depot-cell-breathe{0%,100%{opacity:.12}50%{opacity:.52}}
@keyframes depot-success-wave{0%{transform:scale(.35);opacity:.65}100%{transform:scale(1.65);opacity:0}}
@keyframes depot-success-scatter{0%{transform:translate(-2px,-2px) scale(.6);opacity:0}18%{opacity:.8}100%{transform:translate(var(--spark-x),var(--spark-y)) scale(.15);opacity:0}}
.depot-effects-paused #mergeBoard .artifactCell>.depot-cell-light{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){#mergeBoard .artifactCell>.depot-cell-light{animation:none!important;opacity:.15}.depot-success{display:none}}
/* Readable unlock prices on seven-column phone boards. */
#app #depot #mergeBoard .artifactCell.locked b{
 position:absolute!important;left:2px!important;right:2px!important;bottom:2px!important;top:auto!important;
 width:auto!important;min-height:16px!important;height:auto!important;margin:0!important;padding:1px 0!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 font:800 clamp(10px,2.7vw,13px)/16px system-ui!important;letter-spacing:-.3px!important;white-space:nowrap!important;
 color:#f4edff!important;background:#0b1025e8!important;border:1px solid #c5b0ff50!important;border-radius:6px!important;
 opacity:1!important;text-shadow:0 1px 2px #000!important;z-index:6!important;pointer-events:none!important;
}
#app #depot #mergeBoard .artifactCell.locked .slotPadlock{top:34%!important}