:root{--color-bg-dark: #1a1c2c;--color-bg-mid: #29366f;--color-bg-light: #3b5dc9;--color-primary: #41a6f6;--color-secondary: #73eff7;--color-accent: #f4b41b;--color-danger: #e43b44;--color-success: #63c74d;--color-text: #f0f6f0;--color-text-dim: #8b9bb4;--color-text-dark: #1a1c2c;--color-border: #566c86;--color-border-light: #94b0c2;--gradient-sky: linear-gradient(180deg, #3b5dc9 0%, #41a6f6 50%, #73eff7 100%);--gradient-night: linear-gradient(180deg, #1a1c2c 0%, #29366f 50%, #3b5dc9 100%);--font-pixel: "Press Start 2P", "Silkscreen", monospace;--font-ui: "Silkscreen", "Press Start 2P", monospace;--pixel-size: 4px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;image-rendering:pixelated;image-rendering:crisp-edges}body{font-family:var(--font-ui);background:var(--gradient-night);color:var(--color-text);min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}.pixel-btn{font-family:var(--font-pixel);font-size:.625rem;padding:12px 20px;background:var(--color-primary);color:var(--color-text);border:none;cursor:pointer;position:relative;text-transform:uppercase;letter-spacing:1px;transition:transform .1s;box-shadow:inset -4px -4px #0000004d,inset 4px 4px #fff3,0 4px #2563eb}.pixel-btn:hover{transform:translateY(-2px);box-shadow:inset -4px -4px #0000004d,inset 4px 4px #fff3,0 6px #2563eb}.pixel-btn:active{transform:translateY(2px);box-shadow:inset -4px -4px #0000004d,inset 4px 4px #fff3,0 2px #2563eb}.pixel-btn.secondary{background:var(--color-border);box-shadow:inset -4px -4px #0000004d,inset 4px 4px #fff3,0 4px #3d4f5f}.pixel-btn.accent{background:var(--color-accent);color:var(--color-text-dark);box-shadow:inset -4px -4px #0000004d,inset 4px 4px #fff3,0 4px #b8860b}.pixel-btn.danger{background:var(--color-danger);box-shadow:inset -4px -4px #0000004d,inset 4px 4px #fff3,0 4px #991b1b}.pixel-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.pixel-input{font-family:var(--font-ui);font-size:16px;padding:12px 16px;background:var(--color-bg-dark);color:var(--color-text);border:4px solid var(--color-border);outline:none;width:100%;box-shadow:inset 4px 4px #0000004d}.pixel-input:focus{border-color:var(--color-primary)}.pixel-input::placeholder{color:var(--color-text-dim)}.pixel-card{background:var(--color-bg-dark);border:4px solid var(--color-border);padding:20px;position:relative;box-shadow:8px 8px #0000004d}.pixel-progress{height:20px;background:var(--color-bg-dark);border:3px solid var(--color-border);position:relative;overflow:hidden}.pixel-progress-bar{height:100%;transition:width .3s ease;position:relative}.pixel-progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.3),transparent)}.pixel-progress.hunger .pixel-progress-bar{background:var(--color-accent)}.pixel-progress.mood .pixel-progress-bar{background:var(--color-success)}.pixel-progress.exp .pixel-progress-bar{background:var(--color-secondary)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes blink{0%,90%,to{opacity:1}95%{opacity:0}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-bounce{animation:bounce .6s ease-in-out infinite}.animate-float{animation:float 2s ease-in-out infinite}.animate-slide-up{animation:slide-up .4s ease-out}@media (max-width: 768px){:root{--pixel-size: 3px}.pixel-btn{font-size:.5rem;padding:10px 16px}}