.itemGate{text-align:center}.itemGate h2{font-size:clamp(24px,4vw,36px);margin:8px 0}.itemDropZone{display:flex;flex-direction:column;align-items:center;gap:14px;margin:20px auto 12px;padding:18px;width:min(100%,360px);background:#f1e9dc;color:#292330;border:2px dashed #887158;border-radius:20px;transition:transform .15s,box-shadow .15s}.itemDropZone img{width:110px;height:110px;image-rendering:pixelated}.itemDropZone.over{transform:scale(1.04);box-shadow:0 0 0 6px #d4b78555;border-style:solid}.itemClue{font-size:15px;line-height:1.7}.itemGateBag{display:flex;overflow-x:auto;gap:12px;padding:12px 4px 20px;scroll-snap-type:x proximity}.itemGateTile{flex:0 0 118px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:#242530;border:1px solid #77717c;border-radius:14px;color:#fff;touch-action:none;user-select:none;scroll-snap-align:start;cursor:grab}.itemGateTile img,.itemDragGhost img{width:68px;height:68px;image-rendering:pixelated;pointer-events:none}.itemGateTile b{font-size:12px;line-height:1.5}.itemGateTile[aria-pressed=true]{outline:3px solid #dfbf84;background:#4a3c37}.itemDragGhost{position:fixed;z-index:1000;pointer-events:none;transform:translate(-50%,-60%);display:flex;flex-direction:column;align-items:center;background:#39303bee;padding:12px;border:2px solid #dfbf84;border-radius:12px;width:115px;color:white}.itemGateFeedback{min-height:54px;display:flex;align-items:center;justify-content:center;gap:14px;color:#ff7d8d}.itemWrongX{font:900 64px/1 sans-serif;display:block;color:#ff465f;text-shadow:0 2px 0 #590917;animation:itemWrong .4s ease-out}.itemGateFeedback strong{font-size:17px}@keyframes itemWrong{0%{transform:scale(2) rotate(-12deg);opacity:0}65%{transform:scale(.88) rotate(4deg)}100%{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.itemWrongX{animation:none}.itemDropZone{transition:none}}