body{margin:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#1a202c;color:#fff;padding:1rem}.text-center{text-align:center}.title{font-size:2.25rem;font-weight:700;margin-bottom:1.5rem}.description{margin-bottom:1.5rem;font-size:1.125rem}.start-button{background-color:#48bb78;color:#fff;font-weight:700;padding:.75rem 1.5rem;border-radius:9999px;font-size:1.25rem;border:none;cursor:pointer}.start-button:hover{background-color:#38a169}.high-scores{margin-top:2rem}.high-scores-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.high-scores-list{background-color:#2d3748;padding:1rem;border-radius:.5rem}.high-score-item{display:flex;justify-content:space-between;padding:.25rem 0}.game-area{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.score-display{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:#2d3748;border-radius:.5rem;margin-bottom:.5rem}.score{font-size:1.25rem;font-weight:700}.level{font-size:.875rem}.play-area{flex:1;position:relative;overflow:hidden;background-color:#2d3748;border-radius:.5rem;border:2px solid #4a5568}.falling-element{position:absolute;border-radius:.5rem;padding:.5rem;display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer;transition:background-color .2s}.falling-element.selected{background-color:#48bb78}.falling-element:not(.selected){background-color:#4299e1}.falling-element:not(.selected):hover{background-color:#3182ce}.element-value{position:absolute;top:0;right:0;font-size:.75rem}.garbage-can{position:absolute;right:1rem;bottom:1rem;width:4rem;height:6rem;background-color:#4a5568;border-radius:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden}.garbage-count{position:absolute;top:.25rem;width:100%;text-align:center;font-size:.75rem}.garbage-item{width:3rem;height:.75rem;background-color:#718096;margin-bottom:.25rem;font-size:.75rem;display:flex;justify-content:center;align-items:center;overflow:hidden}.word-building-area{min-height:4rem;background-color:#2d3748;padding:.5rem;margin-top:.5rem;border-radius:.5rem;display:flex;flex-direction:column}.current-word{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem}.word-part{background-color:#48bb78;padding:.25rem;border-radius:.25rem;font-size:.875rem}.part-value{font-size:.75rem;margin-left:.25rem}.word-controls{display:flex;justify-content:space-between;align-items:center}.reset-button{background-color:#e53e3e;color:#fff;font-weight:700;padding:.5rem 1rem;border-radius:.25rem;border:none;cursor:pointer}.reset-button:hover{background-color:#c53030}.word-status{flex:1;text-align:center}.valid-word{color:#48bb78;font-size:.875rem}.invalid-word{color:#f56565;font-size:.875rem}.hint{background-color:#4a5568;padding:.5rem 1rem;border-radius:.25rem;font-size:.75rem}.name-input-container{margin:20px 0;display:flex;flex-direction:column;align-items:center}.name-input{padding:8px 12px;font-size:16px;border-radius:4px;border:2px solid #4a5568;background-color:#2d3748;color:#fff;margin:10px 0;width:80%;max-width:300px}.save-score-button{background-color:#48bb78;color:#fff;font-weight:700;padding:8px 16px;border-radius:4px;border:none;cursor:pointer;margin-top:10px}.save-score-button:hover{background-color:#38a169}.game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;height:auto;background-color:#1a202c;color:#fff;padding:1rem;width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box}@media(max-width:768px){.game-container{padding:.5rem;height:100%}.title{font-size:1.75rem;margin-bottom:1rem}.description{font-size:1rem;margin-bottom:1rem}.game-area{max-height:85vh}.play-area{height:60vh}.falling-element{min-width:40px;min-height:40px}.word-building-area{padding:.25rem}.score-display{flex-wrap:wrap;justify-content:center}.score-display>div{margin:.25rem;text-align:center}}.falling-element{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}.text-center{text-align:center;max-width:100vw;padding:0 1rem;box-sizing:border-box}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}