*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:Nunito,sans-serif;background:#dde8f0}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #7c3aed,0 4px 16px #7c3aed44}50%{box-shadow:0 0 0 6px #7c3aed,0 4px 24px #7c3aed66}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes failFlash{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@keyframes completePulse{0%,to{box-shadow:0 0 0 3px #22c55e,0 4px 16px #22c55e44}50%{box-shadow:0 0 0 6px #22c55e,0 4px 24px #22c55e66}}@keyframes completePulseRace{0%,to{box-shadow:0 0 0 3px #ea580c,0 4px 16px #ea580c44}50%{box-shadow:0 0 0 6px #ea580c,0 4px 24px #ea580c66}}@keyframes flagWave{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}@keyframes bonusAppear{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}80%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes streakPop{0%{transform:scale(1)}40%{transform:scale(1.35)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes powerReady{0%,to{box-shadow:0 0 0 2px #f59e0b,0 2px 8px #f59e0b44}50%{box-shadow:0 0 0 4px #f59e0b,0 4px 16px #f59e0b66}}@keyframes goldGlow{0%,to{box-shadow:0 0 0 2px #f59e0b,0 2px 10px #f59e0b55}50%{box-shadow:0 0 0 4px #f59e0b,0 4px 18px #f59e0b77}}@keyframes hourglassGlow{0%,to{box-shadow:0 0 0 2px #0ea5e9,0 2px 10px #0ea5e955}50%{box-shadow:0 0 0 4px #38bdf8,0 4px 18px #38bdf877}}@keyframes powerUp{0%{transform:scale(1)}20%{transform:scale(1.15)}50%{transform:scale(1.12);box-shadow:0 0 20px #0ea5e9,0 0 40px #38bdf8}80%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes fireGlow2{0%,to{box-shadow:0 0 0 2px #f97316,0 2px 10px #f9731655}50%{box-shadow:0 0 0 4px #ef4444,0 4px 18px #ef444477}}@keyframes megaGlow{0%,to{box-shadow:0 0 0 3px #a855f7,0 3px 12px #a855f755}50%{box-shadow:0 0 0 5px #ec4899,0 5px 20px #ec489977}}@keyframes lightGlow{0%,to{box-shadow:0 0 0 2px #eab308,0 2px 10px #eab30855}50%{box-shadow:0 0 0 4px #facc15,0 4px 18px #facc1577}}@keyframes starGlow{0%,to{box-shadow:0 0 0 2px #f59e0b,0 2px 10px #f59e0b55}50%{box-shadow:0 0 0 4px #fbbf24,0 4px 18px #fbbf2477}}@keyframes rocketGlow{0%,to{box-shadow:0 0 0 2px #3b82f6,0 2px 10px #3b82f655}50%{box-shadow:0 0 0 4px #60a5fa,0 4px 18px #60a5fa77}}@keyframes vortexErase{0%{transform:scale(1);opacity:1}25%{transform:scale(1.12)}to{transform:scale(0);opacity:0}}@keyframes hazardJumpIn{0%{transform:scale(0) rotate(-10deg);opacity:0}50%{transform:scale(1.2) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes animalWarning{0%,to{opacity:1;transform:scale(1)}15%{opacity:.3;transform:scale(.97)}30%{opacity:1;transform:scale(1)}45%{opacity:.4;transform:scale(.98)}60%{opacity:1;transform:scale(1)}80%{opacity:.5;transform:scale(.99)}}@keyframes animalExpire{0%{transform:scale(1) rotate(0);opacity:1}30%{transform:scale(1.1) rotate(-5deg)}to{transform:scale(0) rotate(180deg);opacity:0}}@keyframes crownGlow{0%,to{box-shadow:0 0 0 3px #d97706,0 3px 12px #d9770655}50%{box-shadow:0 0 0 5px #f59e0b,0 5px 20px #f59e0b88}}@keyframes vortexGlow{0%,to{border-color:#f87171}50%{border-color:#f87171}}@keyframes coinFloat{0%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,calc(-50% - 22px)) scale(1.2);opacity:.9}to{transform:translate(-50%,calc(-50% - 50px)) scale(.4);opacity:0}}@keyframes coinArcX{0%{transform:translate(-50%)}to{transform:translate(calc(28px - 50vw))}}@keyframes coinArcY{0%{transform:translateY(-50%) scale(3)}to{transform:translateY(calc(22px - 50vh)) scale(.65)}}@keyframes bonusPop{0%{transform:scale(0) rotate(-20deg);opacity:0}60%{transform:scale(1.2) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes cardFlip{0%{transform:perspective(500px) rotateX(-90deg);opacity:0}60%{transform:perspective(500px) rotateX(5deg)}to{transform:perspective(500px) rotateX(0);opacity:1}}@keyframes cardFlipOut{0%{transform:rotateX(0)}to{transform:rotateX(180deg)}}@keyframes diceSpin{0%{transform:rotate(-540deg) scale(0);opacity:0}60%{transform:rotate(15deg) scale(1.15);opacity:1}to{transform:rotate(0) scale(1);opacity:1}}.num-btn{transition:all .12s ease;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;font-weight:900;font-family:Nunito,sans-serif;padding:0;border-radius:6px;background:#ece1da;color:#1e1b4b;font-size:clamp(14px,3.5vw,20px);min-height:0;overflow:hidden}.num-btn:hover{transform:scale(1.06);background:#d8cfc0;box-shadow:0 2px 8px #7c3aed33}.num-btn.revealed{opacity:.3;cursor:default;background:#fecaca;color:#ef4444;font-size:clamp(11px,3vw,14px);text-decoration:line-through}.op-tab{border:none;padding:6px 0;font-weight:900;font-size:15;cursor:pointer;font-family:Nunito,sans-serif;background:transparent;color:#374151;border-bottom:2px solid transparent;flex:1;text-align:center}.op-tab.active{color:#7c3aed;border-bottom-color:#7c3aed}.menagerie-root{position:fixed;top:0;right:0;bottom:0;left:0;background:#eef2f8;z-index:1000;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;font-family:Nunito,sans-serif;color:#1f1b2e}.menagerie-inner{max-width:440px;margin:0 auto;padding:18px 16px 80px}.menagerie-top{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 14px;gap:10px}.menagerie-back{width:38px;height:38px;border-radius:50%;background:#fff;border:none;font-size:18px;color:#6b7280;cursor:pointer;box-shadow:0 1px 4px #0000001a;font-weight:900;font-family:inherit;flex-shrink:0}.menagerie-title{font-size:19px;font-weight:900;color:#1e1b4b;text-align:center;line-height:1.1}.menagerie-count{font-size:11px;color:#7c3aed;font-weight:800;letter-spacing:.5px;margin-top:2px}.menagerie-pill{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:22px;padding:12px 14px;color:#fff;position:relative;overflow:hidden;margin:0 2px 20px;box-shadow:0 4px 14px #7c3aed40}.menagerie-pill-fill{position:absolute;top:0;left:0;bottom:0;background:linear-gradient(90deg,#ffffff38,#ffffff1f);border-radius:22px 0 0 22px;transition:width .4s ease}.menagerie-pill-inner{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;width:100%;gap:6px}.menagerie-pill-stat{text-align:center}.menagerie-pill-stat-top{display:flex;align-items:center;justify-content:center;gap:5px;line-height:1}.menagerie-pill-stat-icon{font-size:18px;line-height:1}.menagerie-pill-big{font-size:22px;font-weight:900;line-height:1}.menagerie-pill-stat-label{font-size:9px;font-weight:800;opacity:.92;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.menagerie-group{margin-bottom:18px}.menagerie-flora-divider{margin:14px 0 8px;padding:8px 10px;font-size:13px;font-weight:900;color:#065f46;background:#ecfdf5;border-left:4px solid #10b981;border-radius:6px}.menagerie-slot-count{position:absolute;top:-3px;right:-3px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#ef4444;color:#fff;font-size:9px;font-weight:900;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 1px 3px #00000040;font-family:Nunito,sans-serif}.menagerie-group-header{display:flex;align-items:baseline;justify-content:flex-start;gap:8px;padding:0 4px 6px}.menagerie-group-title{font-size:14px;font-weight:900;color:#1e1b4b}.menagerie-group-count{font-size:11px;color:#7c3aed;font-weight:800}.menagerie-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:2px}.menagerie-slot{aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;position:relative;cursor:pointer;transition:transform .15s ease;border:2px solid transparent;background:#fff;-webkit-user-select:none;user-select:none}.menagerie-slot:hover{transform:scale(1.08)}.menagerie-slot.wild{background:#fff;border:2px dashed #cbd5e1;cursor:default}.menagerie-slot.wild:hover{transform:none}.menagerie-slot.wild .menagerie-slot-emoji{filter:grayscale(100%) brightness(.6) contrast(.7);opacity:.55}.menagerie-slot-emoji{display:inline-block;line-height:1;font-size:1.584em}.menagerie-slot.rescued{background:#fff;box-shadow:0 2px 8px #22c55e4d;border:3px solid #22c55e}.menagerie-slot.rescued.legendary{background:#fff;border-color:#f59e0b;box-shadow:0 2px 12px #f59e0b80}@keyframes latestPulseCommon{0%,to{box-shadow:0 2px 8px #22c55e4d,0 0 #22c55e99}50%{box-shadow:0 2px 12px #22c55e66,0 0 0 10px #22c55e00}}@keyframes latestPulseLegendary{0%,to{box-shadow:0 2px 12px #f59e0b80,0 0 #f59e0bb3}50%{box-shadow:0 2px 16px #f59e0b99,0 0 0 12px #f59e0b00}}.menagerie-slot.rescued.latest{animation:latestPulseCommon 1.8s ease-in-out infinite}.menagerie-slot.rescued.legendary.latest{animation:latestPulseLegendary 1.8s ease-in-out infinite}.menagerie-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0d208c;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px}.menagerie-modal{background:#fff;border-radius:18px;padding:20px 22px;width:100%;max-width:280px;text-align:center;border:3px solid #7c3aed;box-shadow:0 20px 40px #00000040;position:relative;font-family:Nunito,sans-serif}.menagerie-modal-close{position:absolute;top:8px;right:10px;background:none;border:none;font-size:20px;font-weight:900;color:#9ca3af;cursor:pointer;font-family:inherit;line-height:1;padding:4px 6px}.menagerie-modal-emoji{font-size:52px;margin-bottom:4px;line-height:1}.menagerie-modal-name{font-size:19px;font-weight:900;color:#1e1b4b}.menagerie-modal-rarity{font-size:10px;font-weight:800;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.menagerie-modal-rarity.common{color:#16a34a}.menagerie-modal-rarity.rare{color:#a855f7}.menagerie-modal-rarity.legendary{color:#d97706}.menagerie-modal-stats{border-top:1px solid #e5e7eb;padding-top:10px;font-size:12px;color:#4b5563;line-height:1.6;text-align:left}.menagerie-modal-stats b{color:#1e1b4b;font-weight:800}.menagerie-dropdown-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;background:#fff;border:2px solid #ede9fe;color:#6d28d9;border-radius:10px;padding:10px;font-size:13px;font-weight:800;cursor:pointer;font-family:Nunito,sans-serif;transition:background .15s ease}.menagerie-dropdown-btn:hover{background:#f5f3ff}.menagerie-embed{padding:12px 12px 14px}.menagerie-embed .menagerie-pill{margin:0 0 12px;padding:10px;border-radius:18px}.menagerie-embed .menagerie-pill-big{font-size:20px}.menagerie-embed .menagerie-pill-stat-icon{font-size:16px}.menagerie-embed .menagerie-pill-stat-label{font-size:9px}.menagerie-embed .menagerie-group{margin-bottom:12px}.menagerie-embed .menagerie-group-title{font-size:12px}.menagerie-embed .menagerie-group-count{font-size:10px}.menagerie-embed .menagerie-grid{gap:5px}.menagerie-embed .menagerie-slot{font-size:18px}.menagerie-play-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;border-radius:14px;padding:14px;font-size:16px;font-weight:900;cursor:pointer;font-family:Nunito,sans-serif;box-shadow:0 6px 16px #7c3aed4d;margin-top:4px}.menagerie-play-btn:hover{filter:brightness(1.05)}.menagerie-play-btn .arrow{font-size:18px}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawerSlideOut{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes drawerFadeOut{0%{opacity:1}to{opacity:0}}.nav-drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0d206b;z-index:1000;animation:drawerFadeIn .2s ease}.nav-drawer-scrim.closing{animation:drawerFadeOut .26s ease forwards}.nav-drawer{position:fixed;top:0;right:0;bottom:0;width:min(360px,100vw);background:#fff;z-index:1001;display:flex;flex-direction:column;box-shadow:-8px 0 30px #00000038;animation:drawerSlideIn .28s cubic-bezier(.2,.8,.2,1);overflow:hidden;font-family:Nunito,sans-serif}.nav-drawer.closing{animation:drawerSlideOut .26s cubic-bezier(.4,0,.2,1) forwards}.nav-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 10px 14px;padding-top:max(10px,env(safe-area-inset-top));padding-right:max(12px,env(safe-area-inset-right));border-bottom:1px solid #e5e7eb;flex-shrink:0;gap:10px}.nav-drawer-title{font-size:13px;font-weight:900;color:#1e1b4b;letter-spacing:.3px;text-transform:uppercase}.nav-drawer-close{background:none;border:none;font-size:24px;line-height:1;color:#6b7280;cursor:pointer;padding:4px 8px;font-weight:900;font-family:inherit;border-radius:8px}.nav-drawer-close:hover{background:#f3f4f6;color:#1e1b4b}.nav-drawer-body{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}