.popup-backdrop{z-index:5;background:#14283c73;justify-content:center;align-items:center;animation:.25s ease-out popup-fade;display:flex;position:fixed;inset:0}.popup-frame{background:#9fd8f0;border:6px solid #fff;border-radius:28px;width:min(92vw,1200px);height:min(86vh,800px);animation:.3s cubic-bezier(.34,1.56,.64,1) popup-grow;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000059}.popup-body{position:absolute;inset:0}.popup-body canvas{touch-action:none;display:block}.popup-close{z-index:1;color:#3b5a70;cursor:pointer;background:#ffffffd9;border:none;border-radius:50%;width:64px;height:64px;font-size:34px;line-height:64px;position:absolute;top:14px;right:14px;box-shadow:0 4px 12px #0003}.popup-close:active{transform:scale(.92)}.activity-go{z-index:1;cursor:pointer;background:#4caf50;border:5px solid #fff;border-radius:50%;width:92px;height:92px;margin-left:-46px;font-size:46px;line-height:1;transition:transform .15s,opacity .2s;position:absolute;bottom:18px;left:50%;box-shadow:0 6px 16px #00000040}.activity-go:active{transform:scale(.9)}.activity-go:disabled{opacity:.4}.activity-go.ready{animation:1s ease-in-out infinite go-pulse}@keyframes go-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.popup-backdrop.closing{pointer-events:none;animation:.2s ease-in reverse forwards popup-fade}@keyframes popup-fade{0%{opacity:0}to{opacity:1}}@keyframes popup-grow{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.tractor-slots{z-index:1;background:linear-gradient(#ffffffb8,#ffffffeb);flex-wrap:wrap;place-content:center;gap:8px;padding:8px 12px 10px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -6px 18px #0000001f}.popup-body:has(.tractor-slots) .activity-go{bottom:140px}.popup-body:has(.tractor-slots) .tractor-numbers{bottom:140px}.popup-body:has(.tractor-slots) .tractor-tray{bottom:140px}.tractor-slot{box-sizing:border-box;border:4px dashed #fffffff2;border-radius:16px;justify-content:center;align-items:center;width:clamp(46px,5.8vw,66px);height:clamp(46px,5.8vw,66px);display:flex;position:relative}.tractor-slot.filled{border-color:#0000}.tractor-slot.hover{background:#8ef07a8c;border-color:#5cc94a;box-shadow:0 0 0 3px #8ef07a99}.tractor-slot.hover.nofit{background:#ff817180;border-color:#e0604f;box-shadow:0 0 0 3px #ff81718c}.tractor-tray{z-index:1;grid-template-rows:repeat(3,76px);grid-template-columns:repeat(3,76px);place-items:center;gap:4px;display:grid;position:absolute;bottom:18px;left:18px}.tractor-numbers{z-index:1;grid-template-columns:repeat(2,68px);place-items:center;gap:8px;display:grid;position:absolute;bottom:18px;right:18px}.tractor-card,.tractor-number{box-sizing:border-box;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:0 4px #0000002e}.tractor-card{background:var(--card);border:4px solid #fff;border-radius:14px;justify-content:center;align-items:center;width:clamp(50px,6.2vw,66px);height:clamp(50px,6.2vw,66px);display:flex;position:relative}.tractor-card svg{fill:#fff;width:70%;height:70%;transform:rotate(var(--turn))}.tractor-badge{box-sizing:border-box;color:#5a3b00;text-align:center;background:#fff;border:3px solid #ffd23f;border-radius:16px;min-width:32px;height:32px;font:800 19px/26px system-ui,sans-serif;position:absolute;top:-12px;right:-12px}.tractor-number{color:#5a3b00;text-align:center;background:#fff;border:4px solid #ffd23f;border-radius:50%;width:62px;height:62px;font:800 32px/54px system-ui,sans-serif}.tractor-ghost{z-index:10;pointer-events:none;position:fixed;transform:translate(-50%,-50%)scale(1.12)}.tractor-slot.running .tractor-card{outline:5px solid #ffd23f;transition:transform .15s;transform:scale(1.1)}.tractor-slot.wrong .tractor-card{animation:.45s tractor-card-shake}@keyframes tractor-card-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)rotate(-6deg)}40%{transform:translate(8px)rotate(6deg)}60%{transform:translate(-6px)rotate(-4deg)}80%{transform:translate(6px)rotate(4deg)}}.tractor-slot.wasted .tractor-card{opacity:.45;filter:grayscale(.7)}.tractor-slot.wasted:after{content:"";pointer-events:none;border-top:5px solid #c0392b;position:absolute;inset:40% 12%;transform:rotate(-12deg)}.frog-cards{z-index:1;pointer-events:none;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;bottom:92px;left:0;right:0}.frog-cards>*{pointer-events:auto}.frog-card{color:#3b2a1a;cursor:pointer;background:#f7f0dc;border:3px solid #c9a227;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:clamp(52px,7vw,74px);height:clamp(52px,7vw,74px);display:flex;box-shadow:0 3px 8px #0000002e}.frog-card .frog-hop{letter-spacing:1px;color:#5fbf4a;font-size:11px}.frog-card .frog-num{font-size:clamp(20px,2.6vw,28px);font-weight:700}.frog-card.frog-way{font-size:clamp(20px,2.6vw,28px)}.frog-card.chosen{background:#8ef07a;border-color:#4aa53a}.frog-counter{background:#ffffffd9;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:4px 10px;display:flex;box-shadow:0 3px 8px #0000002e}.frog-step{color:#3b2a1a;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:18px;line-height:1}.frog-count{color:#3b2a1a;font-size:clamp(22px,3vw,30px);font-weight:700}.popup-body:has(.frog-cards) .activity-go{bottom:16px}.birds-board{z-index:1;background:linear-gradient(#ffffffb8,#ffffffeb);justify-content:center;align-items:center;gap:10px;height:96px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -6px 18px #0000001f}.birds-question{color:#3b2a1a;padding-right:6px;font-size:24px}.birds-step{color:#3b2a1a;cursor:pointer;background:#f7f0dc;border:3px solid #c9a227;border-radius:12px;width:46px;height:46px;font-size:20px}.birds-value{color:#3b2a1a;text-align:center;min-width:52px;font-size:34px;font-weight:700}.birds-dots{grid-template-columns:repeat(10,12px);gap:3px;max-width:150px;display:grid}.birds-dot{background:#e8c95a;border-radius:50%;width:10px;height:10px;box-shadow:inset 0 -2px #00000026}.birds-board.wrong{animation:.5s birds-shake}.birds-board.right .birds-value{color:#2e9b2e}@keyframes birds-shake{25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}.popup-body:has(.birds-board) .activity-go{bottom:108px}