@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;font-family:"Press Start 2P",monospace;-webkit-font-smoothing:none;-moz-osx-font-smoothing:none;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}#root{width:100vw;height:100vh;height:100dvh;position:relative;overflow:hidden}.app{width:100%;height:100%;position:relative}.start-screen{width:100vw;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;background:#fff;color:#333}.start-content{text-align:center;padding:2rem;max-width:600px}.game-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.game-subtitle{font-size:1.5rem;margin-bottom:3rem;opacity:.9}.drink-selection{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.drink-option{display:flex;flex-direction:column;align-items:center;gap:1rem}.drink-button{background:#f0f0f0;border:2px solid #333;border-radius:20px;padding:1.5rem;cursor:pointer;transition:all .3s ease;color:#333;display:flex;flex-direction:column;align-items:center;gap:1rem;min-width:150px}.drink-button:hover{background:#e0e0e0;border-color:#666;transform:translateY(-5px)}.drink-button:active{transform:translateY(-2px)}.drink-image{width:80px;height:80px;object-fit:contain}.drink-name{font-size:1.2rem;font-weight:600}.drink-difficulty-label{font-size:.9rem;font-weight:400;color:#666;text-shadow:none;text-transform:uppercase;letter-spacing:1px;opacity:.7}.game-screen{width:100vw;height:100vh;height:100dvh;position:relative;background:#fff;overflow:hidden}.game-hud{position:absolute;top:20px;left:20px;z-index:10;background:#ffffffe6;color:#333;padding:1rem;border-radius:10px;font-size:1rem;font-weight:700;display:flex;flex-direction:column;gap:1rem;border:2px solid #333}.lives-display{display:flex;align-items:center;gap:.5rem}.life-heart{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;transition:all .3s ease}.life-heart.active{animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.life-heart.max-lives-animation{animation:maxLivesShake .5s ease-in-out}@keyframes maxLivesShake{0%,to{transform:scale(1)}10%,30%,50%,70%,90%{transform:scale(1.2) rotate(-5deg)}20%,40%,60%,80%{transform:scale(1.2) rotate(5deg)}}.boba-count{text-align:center}.game-canvas{position:absolute;top:0;left:0;z-index:1;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.loading-screen{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;color:#333}.loading-content{text-align:center;padding:2rem}.loading-content h2{font-size:1.5rem;margin-bottom:2rem}.loading-bar{width:300px;height:20px;background:#e0e0e0;border:2px solid #333;border-radius:10px;overflow:hidden;margin-bottom:1rem}.loading-progress{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s ease;border-radius:10px}.result-screen{width:100vw;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;background:#fff;color:#333}.result-content{text-align:center;padding:2rem;max-width:500px}.result-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.result-title.win{color:#4caf50}.result-title.lose{color:#f44336}.result-message{font-size:1.3rem;margin-bottom:3rem;opacity:.9}.result-actions{display:flex;flex-direction:column;gap:1rem;align-items:center}.action-button{padding:1rem 2rem;border:2px solid #333;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:250px}.action-button.primary{background:#4caf50;color:#fff}.action-button.primary:hover{background:#45a049;transform:translateY(-2px)}.action-button.secondary{background:#f0f0f0;color:#333;border:2px solid #333}.action-button.secondary:hover{background:#e0e0e0;border-color:#666;transform:translateY(-2px)}.action-button:active{transform:translateY(0)}@media (max-width: 768px){.game-title{font-size:1.5rem}.game-subtitle{font-size:1rem}.drink-selection{flex-direction:column;align-items:center;gap:1rem}.drink-difficulty-label{font-size:.8rem}.drink-button{min-width:200px}.result-title{font-size:1.5rem}.result-message{font-size:.9rem}.action-button{min-width:200px;font-size:.8rem}}@media (max-width: 480px){.start-content,.result-content{padding:1rem}.game-title{font-size:1.2rem}.drink-image{width:60px;height:60px}.drink-name{font-size:.8rem}.drink-difficulty-label{font-size:.7rem}}