#board .cell.locked{background:#60465c url('art/expansion-gate.webp') center 47%/83% 83% no-repeat!important;border-color:#89667f;box-shadow:inset 0 3px 8px #34233966;filter:saturate(.65) brightness(.85);overflow:hidden}
#board .cell.nextlock{background-color:#937047!important;border-color:#ffd483!important;filter:none;box-shadow:inset 0 2px 3px #ffe7ab55,0 0 0 2px #86502b}
#board .nextlock>span{display:flex;align-items:center;justify-content:center;gap:5px;min-width:66%;box-shadow:0 2px 3px #54331e66}
#board .nextlock>span::before{content:"";width:13px;height:13px;flex:none;border-radius:50%;border:2px solid #ad6f21;background:#ffda71;box-shadow:inset 0 0 0 1px #fff2ae}
#board .nextlock.gate-affordable{border-color:#fff0b1!important}
#board .nextlock.gate-affordable::after{content:"";position:absolute;inset:-40%;pointer-events:none;background:linear-gradient(110deg,transparent 44%,#fff4bd77 49%,transparent 54%);transform:translateX(-100%);animation:gate-glint 8s ease-in-out infinite}
.gate-fx{position:fixed;object-fit:contain;z-index:48;pointer-events:none;will-change:transform,opacity}.gate-lock svg{width:100%;height:100%}.gate-dust{width:13px;height:9px;border-radius:50%;background:#f3d9a2}
@keyframes gate-glint{0%,85%{transform:translateX(-100%)}95%,100%{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){#board .nextlock.gate-affordable::after{display:none}.gate-fx{display:none}}