:root{--bg-gradient:linear-gradient(135deg, #d4ecf0 0%, #e1ccff 100%);--glass-bg:#fff6;--glass-border:#ffffffb3;--glass-shadow:0 8px 32px 0 #8c96b433;--primary-color:#ce93d8;--primary-hover:#ba68c8;--secondary-color:#fff59d;--secondary-hover:#fff176;--text-color:#455a64;--text-light:#78909c;--success-color:#a5d6a7;--accent-color:#f48fb1}*{box-sizing:border-box}html,body,#root{height:100dvh;color:var(--text-color);background:var(--bg-gradient);margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px}.primary-btn,.secondary-btn{cursor:pointer;border:none;border-radius:50px;padding:1rem 2rem;font-size:1.2rem;font-weight:700;transition:all .2s;box-shadow:0 4px 15px #0000001a}.primary-btn:hover{background:var(--primary-hover);transform:translateY(-2px)}.secondary-btn{background:var(--glass-bg);color:var(--text-color);border:2px solid #fff}.secondary-btn:hover{background:#fff;transform:translateY(-2px)}.anim-pulse{animation:2s infinite pulse}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.smiley-container{justify-content:center;align-items:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.smiley-svg{width:100%;height:100%;overflow:visible}.face-base{fill:var(--primary-color);stroke:var(--primary-hover);stroke-width:2px;transition:fill .3s,stroke .3s}.eye{fill:#fff}.eye-line,.mouth-line{stroke:#fff}.mouth-open{fill:#fff}.sunglasses{fill:#111}.sunglasses-arm{stroke:#111}.eye-star{fill:#fff;transform-origin:50%;animation:1s infinite alternate twinkle}.anim-flap-left{transform-origin:15px 50px;animation:.5s ease-in-out infinite alternate flapLeft}.anim-flap-right{transform-origin:85px 50px;animation:.5s ease-in-out infinite alternate flapRight}@keyframes flapLeft{0%{transform:rotate(0)}to{transform:rotate(-20deg)}}@keyframes flapRight{0%{transform:rotate(0)}to{transform:rotate(20deg)}}.state-neutral .face-base{fill:#3b82f6}.state-excited .face-base{fill:#f59e0b;filter:drop-shadow(0 0 15px #f59e0b99)}.state-excited{transform:scale(1.1)}.state-sad .face-base{fill:#64748b}.state-cool .face-base{fill:#10b981;filter:drop-shadow(0 0 10px #10b98180)}@keyframes twinkle{0%{transform:scale(.9)rotate(-5deg)}to{transform:scale(1.1)rotate(5deg)}}.game-container{flex-direction:column;flex:1;align-items:center;width:100%;padding-bottom:2rem;display:flex;position:relative}.game-header{text-align:center;z-index:10;margin-top:1rem;padding:1rem 2rem}.game-header h2{color:var(--primary-hover);margin-bottom:.5rem;font-size:1.5rem}.score-display{color:var(--warning-color);min-height:2rem;font-size:1.25rem;font-weight:600}.play-area{flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.target-outline{border:4px dashed var(--primary-color);z-index:1;border-radius:50%;width:300px;height:300px;position:absolute;box-shadow:inset 0 0 20px #ce93d833}.growing-object{border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.controls{z-index:50;justify-content:center;gap:1rem;width:100%;display:flex;position:absolute;bottom:5dvh;left:0}.primary-btn,.secondary-btn{cursor:pointer;border:none;border-radius:99px;padding:1rem 2rem;font-family:inherit;font-size:1.25rem;font-weight:800;transition:all .2s;box-shadow:0 4px 15px #0000004d}.primary-btn{background:linear-gradient(135deg, var(--primary-color), var(--accent-color));color:#fff}.primary-btn:hover{box-shadow:var(--glow-shadow);transform:translateY(-2px)}.primary-btn:active{transform:translateY(1px)}.secondary-btn{background:var(--surface-color);color:#fff;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.secondary-btn:hover{background:#ffffff1a}.pendulum-area{flex:1;justify-content:center;width:100%;margin-top:1rem;display:flex;position:relative;overflow:hidden}.pendulum-pivot-container{justify-content:center;width:100%;height:40vh;display:flex;position:relative}.pendulum-target{border:4px dashed var(--primary-color);border-radius:50%;width:110px;height:110px;position:absolute;top:calc(40vh - 105px);box-shadow:inset 0 0 20px #ce93d833}.pendulum-arm{transform-origin:top;z-index:2;flex-direction:column;align-items:center;height:40vh;display:flex;position:absolute;top:0;transform:rotate(-60deg)}.pendulum-line{background:linear-gradient(to bottom, var(--primary-color), transparent);width:2px;height:calc(40vh - 100px)}.pendulum-bob{justify-content:center;align-items:center;width:100px;height:100px;display:flex}.bounce-area{flex:1;justify-content:center;align-items:flex-end;width:100%;height:50vh;display:flex;position:relative;overflow:hidden}.bounce-target{border:4px dashed var(--primary-color);z-index:1;border-radius:50%;width:110px;height:110px;position:absolute;bottom:150px;box-shadow:inset 0 0 20px #ce93d833}.bounce-bob{z-index:2;justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:absolute;bottom:400px}.pet-dashboard{z-index:50;flex-direction:column;flex-shrink:0;gap:.5rem;width:90%;max-width:400px;margin:1rem auto;padding:1rem;display:flex}.pet-stats{justify-content:space-between;align-items:flex-end;display:flex}.pet-level{color:var(--text-color);font-size:1.25rem;font-weight:800}.pet-xp-text{color:#ffffffb3;font-size:.875rem;font-weight:600}.xp-bar-container{background:#0000004d;border-radius:99px;width:100%;height:12px;overflow:hidden;box-shadow:inset 0 2px 4px #00000080}.xp-bar-fill{background:linear-gradient(90deg, var(--accent-color), var(--success-color));height:100%;box-shadow:0 0 10px var(--success-color);border-radius:99px;transition:width .5s cubic-bezier(.175,.885,.32,1.275)}