@keyframes ab-fade-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes ab-bounce{0%,to{transform:scale(1)}30%{transform:scale(1.08)}50%{transform:scale(.97)}70%{transform:scale(1.02)}}@keyframes ab-complete-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.ab-wrapper{display:flex;flex-direction:column;height:100%;padding:12px 24px 20px}.ab-header{flex-shrink:0;min-height:56px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 10px;padding:6px 16px}.ab-back-btn{width:40px;background:none;border:none;font-size:1.8rem;cursor:pointer;line-height:1}.ab-back-btn,.ab-header-name{margin:0;padding:0;color:#6b3f2b}.ab-header-name{font-size:18px;font-weight:700;text-align:center;text-shadow:2px 2px 0 #fbc69b;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ab-lang-row{display:flex;gap:4px;margin:0}.ab-lang-btn{border:2px solid transparent;border-radius:24px;padding:4px 10px;font-size:.8rem;font-weight:700;cursor:pointer;transition:.15s;background:#f0e6d8;color:#6b3f2b}.ab-lang-btn.active{border-color:#ff8a5c;background:#ffe3d0}.ab-header-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px}.ab-header .ab-hdr-btn{border:none;border-radius:60px;padding:6px 14px;font-size:.85rem;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 3px 0 rgba(0,0,0,.2);transition:.08s linear;letter-spacing:.5px;white-space:nowrap;font-family:inherit}.ab-header .ab-hdr-btn:active{transform:translateY(3px);box-shadow:0 0 0 rgba(0,0,0,.2)}.ab-header .ab-hdr-btn.orange{background:#ff8a5c}.ab-header .ab-hdr-btn.green{background:#6bcb77}.ab-header .ab-hdr-btn.purple{background:#a29bfe}.ab-progress{flex-shrink:0;text-align:center;margin-top:12px}.ab-progress-bar{margin-top:4px;margin-bottom:6px;position:relative;width:100%;height:10px;background:#f0e6d8;border-radius:20px;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.08)}.ab-progress-fill{height:100%;background:linear-gradient(90deg,#ffd700,#ffb347);border-radius:20px;transition:width .4s ease}.ab-main{flex:1;min-height:0;display:grid;grid-template-columns:1fr 140px;gap:24px;align-items:start;padding-top:12px}.ab-board-col{justify-self:center;width:100%;max-width:520px}.ab-tray-col{width:140px;display:flex;flex-direction:column;gap:18px}.debug-container{position:relative;width:520px;height:570px;max-width:100%;background:#fff;border-radius:32px;box-shadow:0 8px 40px rgba(0,0,0,.1);overflow:hidden}.debug-container img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain}.ab-stage-area{display:flex;justify-content:center}.ab-stage{position:relative;width:100%;aspect-ratio:514/564;background:#fff;border-radius:32px;box-shadow:0 8px 40px rgba(0,0,0,.1);overflow:hidden}.ab-stage-layer{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;display:block;padding:0;margin:0;border:none;transform:none;max-width:none;max-height:none;pointer-events:none}.ab-stage-layer.enter{animation:ab-fade-in .18s ease-out;filter:drop-shadow(0 6px 18px rgba(0,0,0,.15))}.ab-stage-layer.complete{animation:ab-complete-in .3s ease}.ab-ghost{display:flex;align-items:center;justify-content:center;font-size:min(50vw,22rem);opacity:.15;z-index:0}.ab-ghost,.ab-zone-highlight{position:absolute;inset:0;pointer-events:none}.ab-zone-highlight{z-index:15;border:3px solid transparent;border-radius:inherit;transition:border-color .15s,box-shadow .15s,background .15s}.ab-zone-highlight.active{border-color:#FFD54F;box-shadow:0 0 20px rgba(255,213,79,.6);background:rgba(255,213,79,.08)}.ab-tray{pointer-events:auto}.ab-tray,.ab-tray-pieces{display:flex;flex-direction:column;gap:18px}.ab-piece,.ab-tray-pieces{align-items:center}.ab-piece{width:110px;height:110px;border-radius:18px;background:#fff;border:3px solid #e8ddd0;display:flex;justify-content:center;cursor:grab;box-shadow:0 6px 24px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s;touch-action:none}.ab-piece:active{cursor:grabbing}.ab-piece-img{width:92%;height:92%;object-fit:contain;pointer-events:none;user-select:none}.ab-piece-placeholder{width:60%;height:60%;border-radius:16px;background:#f0e6d8}.ab-complete-animal{font-size:5rem;margin-bottom:8px;animation:ab-bounce .6s ease}.ab-complete-name{font-size:2rem!important}@media (max-width:750px){.ab-main{grid-template-columns:1fr;gap:16px}.ab-tray-col{width:100%}.ab-tray-pieces{flex-direction:row;flex-wrap:wrap;justify-content:center}}@media (max-width:420px){.ab-piece{width:90px;height:90px}.ab-tray-pieces{gap:10px}.ab-stage{border-radius:24px}}.ab-menu{text-align:center;padding:40px 24px}.ab-menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:24px 0;max-width:600px;margin:0 auto}.ab-menu-card{border-radius:24px;padding:20px;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.08);cursor:pointer;transition:transform .2s,box-shadow .2s;text-align:center}.ab-menu-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 10px 30px rgba(0,0,0,.12)}.ab-menu-card-img{width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:12px;min-height:180px}.ab-menu-card-img img{max-width:100%;max-height:240px;object-fit:contain}.ab-menu-card-name{font-size:1.2rem;font-weight:700;color:#6b3f2b;margin:0 0 4px}.ab-menu-card-stars{font-size:18px;color:#FFD54A;letter-spacing:2px;margin:6px 0 0}@media (max-width:600px){.ab-menu-grid{grid-template-columns:1fr;gap:16px}}