#bg-hills{bottom:0;top:auto;height:20%;background:linear-gradient(180deg,rgba(120,180,80,.45) 0%,transparent 100%);z-index:1}#animal-layer,#kennel-layer{position:absolute;inset:0;z-index:8}.animal-card{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:grab;will-change:transform;z-index:10;user-select:none;-webkit-user-select:none;touch-action:none}.animal-card.grabbed{cursor:grabbing;transform:scale(1.12);filter:drop-shadow(0 8px 20px rgba(0,0,0,.5));z-index:20}.animal-card.selected{filter:drop-shadow(0 0 12px rgba(var(--skin-accent-rgb),.8))}.animal-card.placed{pointer-events:none;animation:animalPlaced .65s cubic-bezier(.34,1.56,.64,1) forwards}.animal-card.escaped{pointer-events:none;animation:animalEscaped .5s ease-in forwards}.animal-emoji-wrap{font-size:3rem;line-height:1;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35))}.animal-label{font-size:.75rem;font-weight:900;color:var(--skin-text, #fff);background:#0000008c;border-radius:20px;padding:2px 8px;white-space:nowrap;pointer-events:none}.kennel-target{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:50%;border:3px solid rgba(var(--skin-ink-rgb),.35);background:rgba(var(--skin-ink-rgb),.06);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:default;transition:border-color .2s ease,background .2s ease,transform .15s ease;z-index:5;pointer-events:all;-webkit-user-select:none;user-select:none}.kennel-target .kennel-emoji{font-size:2rem;line-height:1;pointer-events:none}.kennel-target .kennel-label{font-size:.62rem;font-weight:900;color:rgba(var(--skin-ink-rgb),.55);white-space:nowrap;pointer-events:none}.gate-indicator{position:absolute;top:-10px;right:-4px;font-size:.9rem;line-height:1;pointer-events:none}.kennel-target.open{border-color:#4ade80cc;background:#4ade801a;animation:kennelOpenPulse 1.5s ease-in-out infinite}.kennel-target.closed{border-color:#ef44448c;background:#ef44440f;cursor:pointer}.kennel-target.nearby{border-color:rgba(var(--skin-accent-rgb),.85);background:rgba(var(--skin-accent-rgb),.12);transform:scale(1.08);box-shadow:0 0 16px rgba(var(--skin-accent-rgb),.35)}.kennel-target.filled{border-color:#4ade8073;background:#4ade801f;opacity:.55}.kennel-target.wrong-flash{animation:kennelWrongFlash .4s ease-out forwards!important}.skill-hint{position:absolute;top:10px;right:10px;background:#0000008c;border:1.5px solid rgba(var(--skin-ink-rgb),.18);border-radius:10px;padding:5px 12px;font-size:.78rem;font-weight:800;color:rgba(var(--skin-ink-rgb),.65);z-index:30;pointer-events:none;white-space:nowrap}.skill-hint.hidden{display:none}#streak-badge{position:absolute;top:10px;left:10px;background:#0009;border:2px solid rgba(var(--skin-accent-rgb),.5);border-radius:20px;padding:5px 14px;font-size:1rem;font-weight:900;color:var(--skin-accent,#fbbf24);z-index:30;white-space:nowrap;pointer-events:none;animation:streakPulse 1.2s ease-in-out infinite}#streak-badge.hidden{display:none}#streak-badge.streak-hot{color:#ef4444;border-color:#ef44448c;text-shadow:0 0 10px rgba(239,68,68,.5)}#btn-menu-end-daily{width:100%;text-align:left;padding:.55rem .9rem;border:none;border-radius:.6rem;background:#eab3081a;color:#eab308;font-size:.85rem;font-weight:700;font-family:inherit;cursor:pointer;margin-top:.4rem;transition:background .15s ease}#btn-menu-end-daily:hover{background:#eab30838}#btn-menu-end-daily.hidden{display:none}.daily-mode-block{width:100%;background:rgba(var(--skin-accent-deep-rgb),.07);border:1px solid rgba(var(--skin-accent-deep-rgb),.22);border-radius:1rem;padding:.9rem 1.25rem;text-align:center}.daily-mode-name{font-size:1.1rem;font-weight:900;color:var(--skin-accent-deep,#f59e0b);margin-bottom:.35rem}.daily-mode-desc{font-size:.85rem;font-weight:600;color:rgba(var(--skin-ink-rgb),.6);line-height:1.5}.daily-intro-best{font-size:.9rem;font-weight:700;color:rgba(var(--skin-ink-rgb),.5);text-align:center}.daily-intro-best strong{color:var(--skin-accent,#fbbf24);font-weight:900}.daily-intro-best.hidden{display:none}.daily-final-score{display:flex;flex-direction:column;align-items:center;gap:.2rem;background:rgba(var(--skin-accent-deep-rgb),.07);border:1px solid rgba(var(--skin-accent-deep-rgb),.25);border-radius:1.25rem;padding:1rem 2rem;width:100%}.daily-score-label{font-size:.6rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:rgba(var(--skin-accent-deep-rgb),.6)}.daily-score-value{font-size:3.5rem;font-weight:900;color:var(--skin-accent-deep,#f59e0b);line-height:1.1}.daily-score-sub{font-size:.68rem;font-weight:600;color:rgba(var(--skin-ink-rgb),.28);letter-spacing:.06em}.daily-streak-badge{background:linear-gradient(135deg,#fb923c26,rgba(var(--skin-accent-deep-rgb),.1));border:1px solid rgba(251,146,60,.35);border-radius:1rem;padding:.5rem 1.25rem;font-size:.9rem;font-weight:800;color:#fb923c;text-align:center}.daily-streak-badge.hidden{display:none}#daily-grid{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;grid-template-columns:repeat(7,72px);grid-template-rows:repeat(6,72px);gap:40px;padding:12px;z-index:15;pointer-events:none}#game-canvas:has(#daily-grid){max-width:768px;height:656px}#play-area-wrap:has(#daily-grid){align-items:center}.daily-cell{display:flex;align-items:center;justify-content:center;pointer-events:none}.daily-animal{width:var(--bubble-size, 72px);height:var(--bubble-size, 72px);border-radius:50%;background:radial-gradient(circle at 38% 36%,rgba(var(--skin-ink-rgb),.18),rgba(var(--skin-ink-rgb),.07));border:3px solid rgba(var(--skin-ink-rgb),.38);box-shadow:0 3px 12px #0000004d,inset 0 1px rgba(var(--skin-ink-rgb),.18);display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:all;user-select:none;-webkit-user-select:none;transition:transform .08s ease,border-color .1s ease,box-shadow .1s ease,background .1s ease;animation:dailyCircleIn .15s cubic-bezier(.34,1.56,.64,1)}.daily-animal:hover{background:radial-gradient(circle at 38% 36%,rgba(var(--skin-accent-rgb),.35),rgba(var(--skin-accent-rgb),.14));border-color:rgba(var(--skin-accent-rgb),.82);box-shadow:0 0 22px rgba(var(--skin-accent-rgb),.5),0 3px 12px #0000004d,inset 0 1px rgba(var(--skin-ink-rgb),.22);transform:scale(1.12)}.daily-animal:active{transform:scale(.86)}.daily-animal.cell-pop{animation:dailyCirclePop .17s ease-out forwards;pointer-events:none}.daily-animal-emoji{font-size:var(--bubble-emoji-size, 2.6875rem);line-height:1;pointer-events:none;filter:drop-shadow(0 2px 5px rgba(0,0,0,.45))}.daily-animal-label{display:none}.bubble-intro-card{max-width:480px;gap:1rem}.bubble-mode-list{width:100%;display:flex;flex-direction:column;gap:.45rem}.bubble-mode-btn{display:flex;align-items:center;gap:.8rem;width:100%;padding:.65rem .9rem;background:rgba(var(--skin-ink-rgb),.05);border:2px solid rgba(var(--skin-ink-rgb),.11);border-radius:.85rem;color:var(--skin-text, #fff);font-family:inherit;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease}.bubble-mode-btn:hover{background:rgba(var(--skin-accent-deep-rgb),.12);border-color:rgba(var(--skin-accent-deep-rgb),.45);transform:translate(4px)}.bubble-mode-btn:active{transform:translate(2px) scale(.99)}.bm-emoji{font-size:1.55rem;line-height:1;flex-shrink:0}.bm-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.bm-name{font-size:.9rem;font-weight:800;color:rgba(var(--skin-ink-rgb),.9)}.bm-desc{font-size:.67rem;font-weight:600;color:rgba(var(--skin-ink-rgb),.38)}.bm-mult{font-size:1rem;font-weight:900;color:var(--skin-accent-deep,#f59e0b);white-space:nowrap;flex-shrink:0}.bm-start-here{font-size:.67rem;font-weight:800;color:#4ade80;letter-spacing:.02em}.match-teaser-wrap{background:linear-gradient(135deg,#8b5cf61a,#6d28d90d);border-color:#8b5cf64d}.match-teaser-label{color:#8b5cf6a6}.match-teaser-modifier{color:#a78bfa}.match-teaser-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.match-teaser-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.match-teaser-btn:disabled{opacity:.32;cursor:not-allowed;pointer-events:none}.match-mode-btn{display:flex;align-items:center;gap:.8rem;width:100%;padding:.65rem .9rem;background:rgba(var(--skin-ink-rgb),.05);border:2px solid rgba(var(--skin-ink-rgb),.11);border-radius:.85rem;color:var(--skin-text, #fff);font-family:inherit;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease}.match-mode-btn:hover{background:#8b5cf624;border-color:#8b5cf680;transform:translate(4px)}.match-mode-btn:active{transform:translate(2px) scale(.99)}.bm-mult--match{color:#a78bfa}#btn-menu-end-match{width:100%;text-align:left;padding:.55rem .9rem;border:none;border-radius:.6rem;background:#8b5cf61a;color:#a78bfa;font-size:.85rem;font-weight:700;font-family:inherit;cursor:pointer;margin-top:.4rem;transition:background .15s ease}#btn-menu-end-match:hover{background:#8b5cf638}#btn-menu-end-match.hidden{display:none}.match-score-value{color:#a78bfa}#match-grid{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;padding:12px;z-index:15}#game-canvas:has(#match-grid){max-width:768px;height:656px}#play-area-wrap:has(#match-grid){align-items:center}.match-card{cursor:pointer;user-select:none;-webkit-user-select:none;perspective:600px;animation:matchCardIn .22s cubic-bezier(.34,1.56,.64,1) both}.match-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .32s cubic-bezier(.4,0,.2,1);border-radius:.7rem}.match-card.flipped .match-card-inner,.match-card.matched .match-card-inner{transform:rotateY(180deg)}.match-card-front,.match-card-back{position:absolute;inset:0;border-radius:.7rem;display:flex;flex-direction:column;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}.match-card-front{background:linear-gradient(145deg,#1e1b4b,#2d2a6e 60%,#1a183e);border:2px solid rgba(99,102,241,.35);font-size:1.4rem;color:#a5b4fc4d;box-shadow:inset 0 1px rgba(var(--skin-ink-rgb),.06),0 2px 8px #00000059}.match-card:not(.flipped):not(.matched):hover .match-card-front{border-color:#8b5cf6b3;background:linear-gradient(145deg,#2d2566,#3d3a8e 60%,#2a2860)}.match-card-back{background:radial-gradient(circle at 40% 35%,rgba(var(--skin-ink-rgb),.15),rgba(var(--skin-ink-rgb),.04));border:2px solid rgba(var(--skin-ink-rgb),.28);transform:rotateY(180deg);gap:.25rem;box-shadow:0 2px 10px #0000004d,inset 0 1px rgba(var(--skin-ink-rgb),.1)}.match-card.matched .match-card-back{border-color:#4ade80bf;box-shadow:0 0 18px #4ade8066,0 2px 10px #0000004d}.match-card.wrong .match-card-back{border-color:#ef4444d9;box-shadow:0 0 14px #ef444461,0 2px 10px #0000004d;transition:border-color .12s ease,box-shadow .12s ease}.match-card-emoji{line-height:1;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.match-card-name{font-size:.58rem;font-weight:800;color:rgba(var(--skin-ink-rgb),.6);text-transform:uppercase;letter-spacing:.08em;pointer-events:none;text-align:center}.tracer-teaser-wrap{background:linear-gradient(135deg,#d97706,#b45309)}.tracer-teaser-label{color:#fef3c7}.tracer-teaser-modifier{color:#fffbeb}.tracer-teaser-btn{background:rgba(var(--skin-ink-rgb),.22);color:var(--skin-text, #fff)}.tracer-teaser-btn:hover:not(:disabled){background:rgba(var(--skin-ink-rgb),.38)}.tracer-mode-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.65rem .9rem;background:rgba(var(--skin-ink-rgb),.04);border:1.5px solid rgba(var(--skin-ink-rgb),.12);border-radius:.7rem;cursor:pointer;color:var(--skin-text, #fff);font-family:inherit;font-size:.88rem;text-align:left;transition:background .15s,border-color .15s}.tracer-mode-btn:hover{background:#d977062e;border-color:#d97706}.bm-mult--tracer{margin-left:auto;padding:.18rem .55rem;border-radius:.35rem;background:#d97706;color:var(--skin-text, #fff);font-size:.75rem;font-weight:800;white-space:nowrap}#btn-menu-end-tracer{color:#d97706}#btn-menu-end-tracer:hover{background:#d9770626}.tracer-score-value{color:var(--skin-accent-deep,#f59e0b)}.tracer-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.tracer-animal{position:absolute;width:68px;height:68px;border-radius:50%;border:3px solid #4ade80;background:#00000073;display:flex;align-items:center;justify-content:center;font-size:36px;z-index:20;cursor:grab;user-select:none;-webkit-user-select:none;pointer-events:none;box-shadow:0 2px 16px #0000008c;transition:border-color .08s}@keyframes animalPlaced{0%{transform:scale(1);opacity:1}30%{transform:scale(1.25) translateY(-12px);opacity:1}to{transform:scale(.4) translateY(-60px);opacity:0}}@keyframes animalEscaped{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(80px)}}@keyframes kennelOpenPulse{0%,to{box-shadow:0 0 #4ade8000}50%{box-shadow:0 0 0 6px #4ade8033}}@keyframes kennelWrongFlash{0%{border-color:#ef4444e6;background:#ef444433;transform:scale(1.05)}40%{border-color:#ef444499;background:#ef44441f;transform:scale(1)}to{border-color:rgba(var(--skin-ink-rgb),.35);background:rgba(var(--skin-ink-rgb),.06);transform:scale(1)}}@keyframes matchCardIn{0%{opacity:0;transform:scale(.55) rotateY(-12deg)}to{opacity:1;transform:scale(1) rotateY(0)}}@keyframes dailyCircleIn{0%{transform:scale(.35);opacity:0}to{transform:scale(1);opacity:1}}@keyframes dailyCirclePop{0%{transform:scale(1.25);opacity:1}to{transform:scale(0);opacity:0}}#nest-field{position:absolute;top:0;left:0;width:100%;height:65%;z-index:12;pointer-events:none}#mat-collection-zone{position:absolute;bottom:0;left:0;width:100%;height:35%;background:#00000038;border-top:2px solid rgba(var(--skin-ink-rgb),.1);z-index:12;pointer-events:none}.nest-target{position:absolute;width:110px;height:110px;transform:translate(-50%,-50%);border-radius:50%;border:3px solid rgba(var(--skin-ink-rgb),.28);background:radial-gradient(circle at 40% 38%,#b4783c38,#78501e1a);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;pointer-events:all;transition:border-color .2s ease,background .2s ease,transform .15s ease;z-index:13;-webkit-user-select:none;user-select:none}.nest-animal-label{font-size:.6rem;font-weight:900;color:rgba(var(--skin-ink-rgb),.7);white-space:nowrap;pointer-events:none;text-align:center}.nest-material-hint{font-size:1rem;line-height:1;opacity:.5;pointer-events:none}.nest-slots{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;pointer-events:none;max-width:84px}.nest-slot{width:14px;height:14px;border-radius:50%;border:1.5px solid rgba(var(--skin-ink-rgb),.28);background:rgba(var(--skin-ink-rgb),.06);transition:background .2s ease,border-color .2s ease;display:flex;align-items:center;justify-content:center;font-size:.55rem}.nest-slot--filled{background:#4ade8040;border-color:#4ade80b3}.nest-target--snap-ready{border-color:rgba(var(--skin-accent-rgb),.9);background:radial-gradient(circle at 40% 38%,rgba(var(--skin-accent-rgb),.2),rgba(var(--skin-accent-rgb),.06));transform:translate(-50%,-50%) scale(1.08);box-shadow:0 0 18px rgba(var(--skin-accent-rgb),.4)}.nest-target--complete{border-color:#4ade80bf;background:radial-gradient(circle at 40% 38%,#4ade802e,#4ade800f);animation:nestCompletePulse 1.4s ease-in-out 2}.nest-target--wrong{animation:nestWrongFlash .4s ease-out forwards!important}.mat-item{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;pointer-events:all;z-index:14;transition:transform .1s ease;animation:matItemIn .22s cubic-bezier(.34,1.56,.64,1) both}.mat-item:hover{transform:scale(1.12)}.mat-emoji{font-size:3.4rem;line-height:1;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4));pointer-events:none}.mat-label{font-size:.72rem;font-weight:800;color:var(--skin-text, #fff);background:#00000080;border-radius:20px;padding:1px 6px;white-space:nowrap;pointer-events:none}.mat-item--dragging{cursor:grabbing;transform:scale(1.18)!important;filter:drop-shadow(0 10px 24px rgba(0,0,0,.55));z-index:50;transition:none}.mat-item--placed{opacity:0;pointer-events:none}.mat-item--distractor .mat-emoji{filter:drop-shadow(0 3px 6px rgba(0,0,0,.4)) saturate(.55)}#btn-menu-end-nest{width:100%;text-align:left;padding:.55rem .9rem;border:none;border-radius:.6rem;background:#4ade801a;color:#4ade80;font-size:.85rem;font-weight:700;font-family:inherit;cursor:pointer;margin-top:.4rem;transition:background .15s ease}#btn-menu-end-nest:hover{background:#4ade8038}#btn-menu-end-nest.hidden{display:none}.nest-bm-mult,.nest-score-value{color:#4ade80}@keyframes nestCompletePulse{0%,to{box-shadow:0 0 #4ade8000}50%{box-shadow:0 0 28px #4ade808c}}@keyframes nestWrongFlash{0%{border-color:#ef4444e6;background:#ef44442e}to{border-color:rgba(var(--skin-ink-rgb),.28);background:#78501e1a}}@keyframes matItemIn{0%{opacity:0;transform:scale(.6) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}.patrol-wrap{position:absolute;inset:0;overflow:hidden;cursor:default}.patrol-enclosure{position:absolute;top:0;left:0;right:0;will-change:transform}.patrol-pen{position:absolute;left:50%;transform:translate(-50%);width:min(480px,90%);display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1.1rem;background:rgba(var(--skin-ink-rgb),.1);border:2px solid rgba(74,222,128,.45);border-radius:1rem;transition:border-color .2s ease,background .2s ease;cursor:default}.patrol-pen.escaping{border-color:#ef4444d9;background:#ef44441f;animation:pen-pulse .55s ease-in-out infinite;cursor:pointer}.patrol-pen.escaping:hover{background:#ef444438;transform:translate(-50%) scale(1.03)}.patrol-pen-left{display:flex;align-items:center;gap:.7rem;pointer-events:none}.patrol-pen-emoji{font-size:2.4rem;line-height:1;filter:drop-shadow(0 3px 8px rgba(0,0,0,.4))}.patrol-pen-info{display:flex;flex-direction:column;gap:.1rem}.patrol-pen-name{font-size:1rem;font-weight:800;color:rgba(var(--skin-ink-rgb),.95)}.patrol-pen-status{font-size:.75rem;font-weight:600;color:#4ade80d9}.patrol-pen.escaping .patrol-pen-status{color:#fca532f2}.patrol-countdown-ring{width:48px;height:48px;position:relative;flex-shrink:0;pointer-events:none}.patrol-countdown-ring.hidden{display:none}.patrol-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.patrol-ring-track{fill:none;stroke:rgba(var(--skin-ink-rgb),.15);stroke-width:3.5}.patrol-ring-fill{fill:none;stroke:#ef4444;stroke-width:3.5;stroke-linecap:round;transition:stroke-dashoffset .1s linear}.patrol-ring-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:900;color:#ef4444}.patrol-scroll-hint{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);background:#0000008c;color:rgba(var(--skin-ink-rgb),.85);font-size:.85rem;font-weight:700;padding:.45rem 1rem;border-radius:2rem;pointer-events:none;animation:hint-bob 1.2s ease-in-out infinite;z-index:20}.patrol-scroll-hint.hidden{display:none}.mini-games-row{margin-top:.8rem}.mini-games-label{font-size:.72rem;font-weight:800;color:rgba(var(--skin-ink-rgb),.38);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.45rem}.mini-games-btns{display:flex;flex-wrap:wrap;gap:.4rem}.mini-game-btn{padding:.42rem .85rem;border:1.5px solid rgba(var(--skin-ink-rgb),.18);border-radius:2rem;background:rgba(var(--skin-ink-rgb),.07);color:rgba(var(--skin-ink-rgb),.8);font-size:.8rem;font-weight:700;font-family:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease}.mini-game-btn:not(:disabled):hover{background:rgba(var(--skin-ink-rgb),.14);border-color:rgba(var(--skin-ink-rgb),.36)}.mini-game-btn:disabled{opacity:.4;cursor:default}#btn-menu-end-patrol{width:100%;text-align:left;padding:.55rem .9rem;border:none;border-radius:.6rem;background:#ef44441a;color:#ef4444;font-size:.85rem;font-weight:700;font-family:inherit;cursor:pointer;margin-top:.4rem;transition:background .15s ease}#btn-menu-end-patrol:hover{background:#ef444438}#btn-menu-end-patrol.hidden{display:none}.patrol-score-value,.patrol-bm-mult{color:#ef4444}@keyframes pen-pulse{0%,to{box-shadow:0 0 0 8px #ef444400}50%{box-shadow:0 0 22px 6px #ef444466}}@keyframes hint-bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-6px)}}