.beastagotchi-theme{--beast-bg:#141210;--beast-surface:#1c1a17;--beast-elevated:#272420;--beast-border:#362f28;--beast-text:#ede8e0;--beast-muted:#a89e90;--beast-dim:#948a7c;--beast-accent:#d4a853;--beast-green:#4ade80;--beast-red:#f87171;--beast-yellow:#fbbf24;--beast-blue:#60a5fa;--beast-purple:#c084fc;--beast-bond:#ec407a;--beast-bond-soft:#f48fb1;--beast-bond-glow:rgba(236,64,122,.15);--beast-bond-tint:rgba(244,143,177,.4);--beast-accent-bright:#e4bc6e;--beast-accent-glow:rgba(212,168,83,.25);--beast-bg-rgb:20 18 16;--beast-surface-rgb:28 26 23;--beast-elevated-rgb:39 36 32;--beast-border-rgb:54 47 40;--beast-text-rgb:237 232 224;--beast-muted-rgb:168 158 144;--beast-dim-rgb:148 138 124;--beast-accent-rgb:212 168 83;--beast-accent-bright-rgb:228 188 110;--beast-go:#d4a853;--beast-go-bright:#e4bc6e;--beast-on-go:#141210;--beast-xp:#d4a853;--beast-lamp:#f6c177;--beast-ember:#e8743b;--beast-rarity-common:#b4b4b4;--beast-rarity-uncommon:#50c878;--beast-rarity-rare:#648cff;--beast-rarity-epic:#b450ff;--beast-rarity-legendary:#f59e0b;--beast-accent-a08:rgb(var(--beast-accent-rgb)/0.08);--beast-accent-a15:rgb(var(--beast-accent-rgb)/0.15);--beast-accent-a20:rgb(var(--beast-accent-rgb)/0.2);--beast-accent-a30:rgb(var(--beast-accent-rgb)/0.3);--beast-accent-a40:rgb(var(--beast-accent-rgb)/0.4)}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slide-up .3s ease-out}@keyframes breathe{0%,to{box-shadow:0 0 12px rgba(138,162,132,.15)}50%{box-shadow:0 0 22px rgba(138,162,132,.3)}}.animate-breathe{animation:breathe 3s ease-in-out infinite}@keyframes flame-border{0%,to{box-shadow:0 0 10px hsla(40,81%,70%,.3),0 0 20px hsla(40,81%,70%,.15)}50%{box-shadow:0 0 16px hsla(40,81%,70%,.5),0 0 28px hsla(40,81%,70%,.25)}}.animate-flame{animation:flame-border 2s ease-in-out infinite}@keyframes gold-flame{0%,to{box-shadow:0 0 10px hsla(40,81%,70%,.4),0 0 20px hsla(40,81%,70%,.2)}50%{box-shadow:0 0 18px hsla(40,81%,70%,.6),0 0 32px hsla(40,81%,70%,.3)}}.animate-gold-flame{animation:gold-flame 2s ease-in-out infinite}@keyframes idle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.animate-idle{animation:idle-bounce 4s ease-in-out infinite}@keyframes sad-wobble{0%,to{transform:rotate(0deg)}25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}.animate-sad{animation:sad-wobble 3s ease-in-out infinite}@keyframes evo-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.03)}}@keyframes evo-float{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-8px) scale(1.1);opacity:.9}}@keyframes evo-spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bubble-in{0%{opacity:0;transform:translateX(-50%) scale(.8) translateY(4px)}50%{transform:translateX(-50%) scale(1.05) translateY(-2px)}to{opacity:1;transform:translateX(-50%) scale(1) translateY(0)}}.animate-bubble-in{animation:bubble-in .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes bar-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.4)}}.animate-bar-pulse{animation:bar-pulse .6s ease-out}@keyframes press-ripple{0%{transform:scale(0);opacity:.3}to{transform:scale(2.5);opacity:0}}@keyframes tab-content-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-tab-in{animation:tab-content-in .25s ease-out}@keyframes book-ink-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes beast-eat{0%,to{transform:scale(1)}50%{transform:scale(1.05) translateY(-2px)}}@keyframes beast-play{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes beast-rest{0%,to{transform:scale(1)}50%{transform:scale(.97)}}@keyframes beast-hit{0%{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}to{transform:translateX(0)}}@keyframes beast-levelup{0%{filter:brightness(1)}50%{filter:brightness(1.4)}to{filter:brightness(1)}}@keyframes stat-gain{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes feed-pulse{0%,to{box-shadow:0 0 0 0 rgba(212,168,83,0)}50%{box-shadow:0 0 15px 5px rgba(212,168,83,.4)}}.feed-pulse-glow{animation:feed-pulse 2s ease-in-out infinite;border-radius:12px}@keyframes hint-fade-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.animate-fade-in{animation:hint-fade-in .3s ease-out forwards}@keyframes landing-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.landing-float{animation:landing-float 4s ease-in-out infinite}@keyframes landing-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.landing-bounce{animation:landing-bounce 2s ease-in-out infinite}.landing-cta-btn:hover{transform:translateY(-2px);box-shadow:0 0 50px rgba(212,168,83,.4),0 8px 30px rgba(0,0,0,.4)!important}.landing-cta-btn:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-open{0%{opacity:0;max-height:0;transform:translateY(-8px)}to{opacity:1;max-height:2000px;transform:translateY(0)}}@keyframes panel-close{0%{opacity:1}to{opacity:0}}.landing-feature-card:hover{transform:translateY(-4px);border-color:rgba(212,168,83,.3)!important;box-shadow:0 8px 30px rgba(0,0,0,.3),0 0 20px rgba(212,168,83,.08)}.game-ambient{background:radial-gradient(ellipse 60% 40% at 50% 0,rgba(212,168,83,.04) 0,transparent 70%),radial-gradient(ellipse 40% 30% at 80% 100%,rgba(122,162,196,.03) 0,transparent 60%),var(--beast-bg)}@keyframes beast-ambient-pulse{0%,to{box-shadow:0 0 30px rgba(212,168,83,.08)}50%{box-shadow:0 0 40px rgba(212,168,83,.15)}}.beast-ambient-glow{box-shadow:0 0 30px var(--beast-accent-a08);animation:beast-ambient-pulse 4s ease-in-out 3}@keyframes stat-bar-shine{0%{background-position:-100% 0}to{background-position:200% 0}}.stat-bar-shine{background-image:linear-gradient(90deg,transparent,hsla(0,0%,100%,.08) 40%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.08) 60%,transparent);background-size:50% 100%;background-repeat:no-repeat;background-position:200% 0;animation:stat-bar-shine 3s ease-in-out 3}@media (prefers-reduced-motion:reduce){.animate-breathe,.animate-flame,.animate-gold-flame,.animate-idle,.animate-sad,.beast-ambient-glow,.beastagotchi-theme [style*=infinite],.feed-pulse-glow,.landing-bounce,.landing-float,.stat-bar-shine{animation:none!important}.animate-flame,.animate-gold-flame,.feed-pulse-glow{box-shadow:0 0 0 2px var(--beast-accent-a40),0 0 12px var(--beast-accent-a20)}}@media (min-width:768px){.device-frame{max-width:none!important}.device-frame-shell{background:transparent!important;padding:0!important}.device-frame-screen,.device-frame-shell{border:none!important;box-shadow:none!important}.device-frame-screen{border-radius:0!important}.game-beast-art>.speech-bubble-anchor{left:52px;right:52px;display:flex;justify-content:center;animation-name:bubble-in-lane}.game-beast-art>.speech-bubble-anchor>div{max-width:min(180px,100%)}}@media (min-width:768px) and (prefers-reduced-motion:reduce){.game-beast-art>.speech-bubble-anchor{animation:none}}@keyframes bubble-in-lane{0%{opacity:0;transform:scale(.8) translateY(4px)}50%{transform:scale(1.05) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (min-width:1024px){html:has(.game-two-pane){scroll-padding-top:80px}}@media (min-width:1024px){.game-two-pane .game-beast-art{max-width:min(100%,max(220px,calc(100vh - 480px)));max-width:min(100%,max(220px,calc(100dvh - 480px)));margin-left:auto;margin-right:auto}}