.app{width:100vw;height:100vh;position:relative;display:flex;flex-direction:column;overflow:hidden}.game-header{width:100%;background-color:#000c;padding:1rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;z-index:5;box-shadow:0 2px 8px #00000080}.header-info{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.info-item{display:flex;gap:.5rem;align-items:center}.info-label{color:#ffffffb3;font-size:.9rem}.info-value{color:#fff;font-size:1.1rem;font-weight:700}.canvas-container{flex:1;width:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.canvas-container canvas{cursor:none;max-width:100%;max-height:100%;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.ui-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;z-index:10}.title{font-size:2rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);margin-bottom:1.5rem;color:#fff;text-align:center}.start-button{pointer-events:auto;padding:1rem 2rem;font-size:1.5rem;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s}.start-button:hover{background-color:#2563eb}.game-over{pointer-events:auto;background-color:#000000e6;padding:2rem 3rem;border-radius:12px;color:#fff;text-align:center;display:flex;flex-direction:column;gap:1.5rem;align-items:center}.game-over-title{font-size:4rem;font-weight:700;color:#ef4444;text-shadow:3px 3px 6px rgba(0,0,0,.9);margin:0}.game-over-info{font-size:1.5rem;display:flex;flex-direction:column;gap:.5rem}.countdown{pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:1.5rem;position:absolute;top:0;left:0;right:0;bottom:0;z-index:10}.life-lost-message{font-size:3rem;font-weight:700;color:#ef4444;text-shadow:3px 3px 6px rgba(0,0,0,.9);margin-bottom:.5rem;animation:pulse .5s ease-in-out}.lives-remaining{font-size:2rem;font-weight:700;color:#fbbf24;text-shadow:2px 2px 4px rgba(0,0,0,.9);margin-bottom:1rem}.countdown-number{font-size:8rem;font-weight:700;color:#fff;text-shadow:4px 4px 8px rgba(0,0,0,.9);animation:pulse .5s ease-in-out}.level-score-breakdown{pointer-events:auto;background-color:#000000d9;padding:1rem 1.5rem;border-radius:12px;color:#fff;width:100%;box-sizing:border-box;margin-top:1rem}.breakdown-title{font-size:1.5rem;font-weight:700;margin:0 0 1rem;text-align:center;color:#fbbf24}.breakdown-list{display:flex;flex-direction:column;gap:.5rem}.breakdown-item{display:flex;justify-content:space-between;font-size:1rem;padding:.25rem 0}.breakdown-total{display:flex;justify-content:space-between;font-size:1.2rem;font-weight:700;padding:.75rem 0;margin-top:.5rem;border-top:2px solid rgba(255,255,255,.3)}.positive{color:#22c55e}.negative{color:#ef4444}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@media (max-width: 768px){.game-header{padding:.75rem 1rem}.header-info{gap:1rem}.info-item{font-size:.85rem}.info-label{font-size:.8rem}.info-value{font-size:1rem}.ui-overlay{padding:1rem}.game-over{padding:1.5rem 2rem}.game-over-title{font-size:2.5rem}.level-score-breakdown{padding:1rem;max-width:90%}}@media (max-width: 480px){.header-info{gap:.75rem;font-size:.75rem}.info-label{font-size:.7rem}.info-value{font-size:.9rem}.countdown-number{font-size:5rem}.life-lost-message{font-size:2rem}}*{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;overflow:hidden;background:#000;color:#fff}#root{width:100vw;height:100vh}