@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;700;900&display=swap";:root{--font-family: "Outfit", system-ui, sans-serif;--color-bg-deep: #05010f;--color-bg-mid: #150a2e;--color-panel-glass: rgba(255, 255, 255, .04);--color-panel-border: rgba(255, 255, 255, .08);--color-accent-primary: #9d4edd;--color-accent-secondary: #00b4d8;--color-accent-warning: #ffbe0b;--color-accent-success: #06d6a0;--color-accent-error: #ef476f;--color-text-main: #ffffff;--color-text-dim: #94a3b8;--glow-primary: 0 0 25px rgba(157, 78, 221, .5);--glow-secondary: 0 0 25px rgba(0, 180, 216, .5);--glow-success: 0 0 25px rgba(6, 214, 160, .5);--glow-error: 0 0 25px rgba(239, 71, 111, .5)}body{margin:0;padding:0;font-family:var(--font-family);background:var(--color-bg-deep);background-image:radial-gradient(circle at 20% 40%,rgba(157,78,221,.15) 0%,transparent 40%),radial-gradient(circle at 80% 60%,rgba(0,180,216,.15) 0%,transparent 40%),url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2' cy='2' r='1' fill='rgba(255,255,255,0.05)'/%3E%3Ccircle cx='40' cy='30' r='1.5' fill='rgba(255,255,255,0.05)'/%3E%3Ccircle cx='80' cy='80' r='1' fill='rgba(255,255,255,0.05)'/%3E%3C/svg%3E");color:var(--color-text-main);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}#root{display:flex;flex:1;width:100%}*{box-sizing:border-box}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none;-webkit-tap-highlight-color:transparent}.glass-panel{background:var(--color-panel-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-panel-border);border-radius:32px;box-shadow:0 10px 40px #0006,inset 0 1px #ffffff1a}.text-gradient{background:linear-gradient(135deg,var(--color-text-main),var(--color-text-dim));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-purple{background:linear-gradient(135deg,#c77dff,#9d4edd);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pony-house-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg-deep)}.house-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;z-index:10}.house-header h2{margin:0;display:flex;align-items:center;gap:.5rem;font-size:1.5rem;color:#ffb6b9}.house-scene{flex:1;position:relative;background:linear-gradient(to bottom,#2b1055,#7597de);border-radius:20px;margin:0 1rem;border:2px solid rgba(255,255,255,.1);overflow:hidden}.ground{position:absolute;bottom:0;width:100%;height:30%;background:#2d6a4f;border-top:5px solid #1b4332;display:flex;justify-content:center;align-items:flex-end}.carpet{width:80%;height:30px;background:radial-gradient(ellipse at center,#9d4edd,#5a189a);border:2px dashed #e0aaff;border-radius:50%/100% 100% 0 0;margin-bottom:5px}.pony{position:absolute;font-size:4rem;filter:drop-shadow(0 5px 5px rgba(0,0,0,.3))}.pink-pony{bottom:15%;left:30%;z-index:2}.blue-pony{bottom:18%;right:25%;z-index:1;font-size:3.5rem}.bed{position:absolute;bottom:12%;left:10%;font-size:5rem;z-index:3}.resources-hud{position:absolute;top:10px;left:10px;background:#00000080;padding:.5rem 1rem;border-radius:12px;display:flex;gap:1.5rem}.resource-item{display:flex;align-items:center;gap:.5rem;font-weight:700;color:#fff}.house-msg{text-align:center;background:#ffffff1a;margin:1rem 2rem;padding:1rem;border-radius:12px;color:#f8edeb;font-weight:700}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;max-width:600px;margin:0 auto;padding:1rem}.hud{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;border-radius:24px;background:var(--color-panel-glass);margin-bottom:2rem;z-index:10}.stat{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.25rem}.stat.highlight span{color:var(--color-accent-primary);text-shadow:0 0 10px rgba(157,78,221,.4)}.hearts{gap:.25rem}.main-content{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative}.start-screen,.game-over{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;gap:1.5rem}.start-screen h1{font-size:4rem;margin:0;line-height:1}.start-screen p,.game-over p{color:var(--color-text-dim);font-size:1.25rem;margin:0}.mode-selector{display:flex;gap:1rem;margin:2rem 0}.btn{padding:.75rem 1.5rem;border-radius:100px;border:1px solid var(--color-panel-border);background:#ffffff0d;color:var(--color-text-dim);font-weight:500;transition:all .2s ease}.btn.active{background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary);box-shadow:var(--glow-primary)}.btn-primary{padding:1rem 2rem;border-radius:100px;background:linear-gradient(135deg,var(--color-accent-secondary),#0077b6);color:#fff;font-weight:700;font-size:1.25rem;border:none;box-shadow:var(--glow-secondary)}.mt-4{margin-top:1rem}.game-board{display:flex;flex-direction:column;align-items:center;width:100%}.combo-multiplier{position:absolute;top:-2rem;color:var(--color-accent-warning);font-weight:900;font-size:1.5rem;text-shadow:0 0 15px var(--color-accent-warning);letter-spacing:1px}.hint-box{background:#9d4edd1a;border:1px solid rgba(157,78,221,.3);color:#d8b4fe;padding:1rem 1.5rem;border-radius:16px;margin-top:-1rem;margin-bottom:1rem;font-weight:500;text-align:center;width:100%;max-width:380px}.settings-panel{padding:1.5rem;width:100%;max-width:380px;margin:1rem 0;display:flex;flex-direction:column;gap:1rem}.setting-row{display:flex;justify-content:space-between;align-items:center}.setting-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--color-text-dim)}.setting-controls{display:flex;gap:.5rem}.btn-small{padding:.5rem 1rem;border-radius:8px;border:1px solid var(--color-panel-border);background:#ffffff0d;color:var(--color-text-dim);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-small.active{background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary);box-shadow:0 0 10px #9d4edd4d}.timer-bar-container{width:100%;max-width:380px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:2rem}.timer-bar{height:100%;border-radius:4px;transition:width 1s linear,background-color .3s ease}.explanation-box{width:100%;max-width:380px;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;text-align:center}.correct-answer-highlight{font-size:2.5rem;font-weight:900;background:#0003;padding:1rem;border-radius:16px;margin-bottom:1rem}.visual-explanation{background:#00b4d81a;border:1px dashed rgba(0,180,216,.3);padding:1rem;border-radius:16px;color:#a8dadc;font-size:1.1rem}.inventory-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;border:1px solid var(--color-panel-border);background:#ffffff1a;color:var(--color-text-main);font-weight:600;cursor:pointer;transition:all .2s ease}.inventory-btn:disabled{opacity:.5;cursor:not-allowed;background:#ffffff05}.inventory-btn:not(:disabled):hover{background:var(--color-accent-primary);border-color:var(--color-accent-primary)}