.game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;color:#fff;position:relative}.hud{position:fixed;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;background:#00000080;padding:15px 25px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;flex-wrap:wrap;gap:15px}.hud-item{display:flex;flex-direction:column;align-items:center}.hud-label{font-size:12px;opacity:.8;text-transform:uppercase;letter-spacing:1px}.hud-value{font-size:24px;font-weight:700;margin-top:5px}.game-content{margin-top:120px;display:flex;flex-direction:column;align-items:center;gap:30px;max-width:600px;width:100%}.image-wrapper{width:100%;max-width:500px;display:flex;flex-direction:column;gap:10px}.image-container{width:100%;height:400px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0000004d;position:relative;display:flex;align-items:center;justify-content:center}.image-container img{width:100%;height:100%;object-fit:cover}.image-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#667eea;font-size:18px;font-weight:500}.spinner{width:50px;height:50px;border:5px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.image-error{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f44336;font-size:20px;font-weight:500;text-align:center;padding:20px}.image-attribution{font-size:12px;color:#fffc;text-align:center;padding:8px;background:#0000004d;border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.image-attribution a{color:gold;text-decoration:none;font-weight:500}.image-attribution a:hover{text-decoration:underline}.image-attribution .license{opacity:.7;font-size:11px}.input-section{width:100%;display:flex;flex-direction:column;gap:15px}.answer-input{width:100%;padding:20px;font-size:24px;border:3px solid rgba(255,255,255,.3);border-radius:15px;background:#fffffff2;color:#333;font-weight:500;text-align:center;transition:all .3s}.answer-input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 20px #4caf504d}.submit-btn{padding:18px 40px;font-size:20px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:15px;cursor:pointer;transition:all .3s;box-shadow:0 10px 30px #0003}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 15px 40px #0000004d}.submit-btn:active{transform:translateY(0)}@keyframes glow{0%,to{box-shadow:0 0 20px #4caf5080}50%{box-shadow:0 0 40px #4caf50,0 0 60px #4caf50b3}}.win-animation{animation:glow .6s ease-in-out}.confetti{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.confetti-piece{position:absolute;width:10px;height:10px;background:#f0f;top:-10px;opacity:0;animation:confetti-fall 3s ease-out forwards}@keyframes confetti-fall{to{transform:translateY(100vh) rotate(360deg);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.shake-animation{animation:shake .5s}.explosion-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#f009,#f000 70%);pointer-events:none;z-index:999;animation:explosion .5s ease-out}@keyframes explosion{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1.5)}}.message-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;color:#fff;padding:40px 60px;border-radius:20px;font-size:32px;font-weight:700;text-align:center;z-index:1001;box-shadow:0 20px 60px #00000080;animation:message-popup .5s ease-out;max-width:80%}.message-overlay.success{background:linear-gradient(135deg,#4caf50,#45a049)}.message-overlay.fail{background:linear-gradient(135deg,#f44336,#d32f2f)}.message-overlay.level-up{background:linear-gradient(135deg,gold,orange);font-size:42px}@keyframes message-popup{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{transform:translate(-50%,-50%) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:768px){.hud{flex-direction:column;gap:10px}.hud-value{font-size:20px}.image-container{height:300px}.answer-input{font-size:18px;padding:15px}.submit-btn{font-size:18px;padding:15px 30px}.message-overlay{font-size:24px;padding:30px 40px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;overflow-x:hidden}#root{min-height:100vh}