@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Orbitron,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.tetris-wrapper{overflow:hidden}.menu-wrapper,.tetris-wrapper{align-items:center;background:#000;display:flex;height:100vh;justify-content:center;position:relative;width:100vw;z-index:1}.menu-wrapper{box-sizing:border-box;flex-direction:column;padding:2rem}.menu-title{animation:glow 2s ease-in-out infinite;color:#0ff;font-family:Orbitron,sans-serif;font-size:3.5rem;letter-spacing:4px;margin-bottom:2rem;text-shadow:0 0 10px #00ffffb3}.menu-container{align-items:center;background:#000000b3;border:1px solid #00ffff4d;border-radius:8px;box-shadow:0 0 20px #0ff3;display:flex;flex-direction:column;max-width:400px;opacity:0;padding:2rem;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;width:100%}.menu-container.loaded{opacity:1;transform:translateY(0)}.loading-overlay{align-items:center;background:#000000b3;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:1;position:absolute;top:0;transition:opacity .5s ease-out;width:100%;z-index:5}.loading-overlay.hidden{opacity:0;pointer-events:none}.main-loading-spinner{animation:spin 1s linear infinite;border:4px solid #00ffff4d;border-radius:50%;border-top-color:#0ff;height:50px;margin:2rem auto;width:50px}.loading-text{animation:pulse 1.5s ease-in-out infinite;color:#0ff;font-family:Orbitron,sans-serif;margin-top:1rem;text-align:center}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.button-group{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;width:100%}.high-score-list{background:#000a1499;border-radius:4px;box-shadow:inset 0 0 10px #00ffff1a;color:#0ff;font-family:Orbitron,sans-serif;margin-bottom:1.5rem;opacity:1;padding:1rem;text-align:center;transition:opacity .3s ease;width:100%}.high-score-list h3{border-bottom:1px solid #00ffff4d;margin:0 0 1rem;padding-bottom:.5rem;text-shadow:0 0 8px #0ff9}.high-score-list ol{list-style:none;margin:0;padding:0}.high-score-list li{border-radius:4px;display:flex;justify-content:space-between;margin:.5rem 0;padding:.3rem .6rem;transition:all .2s ease}.high-score-list li:hover{background:#00ffff1a}.high-score-list .rank-1{color:gold;font-weight:700}.high-score-list .rank-2{color:silver}.high-score-list .rank-3{color:#cd7f32}.high-score-list .name{flex:1 1;padding:0 1rem;text-align:left}.high-score-list .score{font-weight:700}.no-scores{color:#0ff9;font-style:italic}.submit-score{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;width:100%}.submit-score input{background:#111;border:2px solid #0ff;border-radius:4px;box-shadow:0 0 8px #00ffff80;box-sizing:border-box;color:#0ff;font-family:Orbitron,sans-serif;margin-bottom:.5rem;padding:.8rem .6rem;text-align:center;transition:box-shadow .2s ease;width:100%}.submit-score input::placeholder{color:#0ff;opacity:.7}.submit-score input:focus{box-shadow:0 0 12px #0ffc;outline:none}@media (max-width:768px){.tetris{align-items:center;flex-direction:column;gap:20px;padding:10px}.tetris aside{display:flex;flex-wrap:wrap;justify-content:space-around;width:100%}.mini-bar{align-items:center;background:#0009;border-radius:6px;display:flex;justify-content:space-between;left:0;margin:0 10px;padding:6px 12px;position:absolute;right:0;top:10px;z-index:10}.mini-bar-score{background:#0009;border-radius:4px;color:#fff;font-family:Orbitron,sans-serif;font-size:1.2rem;padding:4px 6px}.mini-bar-pause-btn{align-items:center;background:#ffffff4d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.menu-title{font-size:2.5rem}.menu-container{padding:1.5rem}.button-group{align-items:center;flex-direction:column}}.touch-controls{bottom:20px;display:flex;justify-content:space-around;left:0;position:absolute;width:100%;z-index:10}.touch-controls button{background:#fff3;border:none;border-radius:50%;color:#fff;font-size:24px;height:60px;width:60px}.modal-overlay{align-items:center;background:#000000bf;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.modal{animation:modalFadeIn .3s ease-out forwards;background:#222;border:1px solid #00ffff4d;border-radius:8px;box-shadow:0 0 20px #0ff3;box-sizing:border-box;color:#fff;max-width:90%;padding:20px;width:300px}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal .start-button{max-width:none}.modal .sound-controls,.modal .start-button{margin-top:1rem;width:100%}.modal .sound-controls label{display:flex;flex-direction:column;margin-bottom:1rem}.modal .sound-controls label input[type=range]{-webkit-appearance:none;background:linear-gradient(90deg,#0ff,#06f);border-radius:4px;box-shadow:0 0 4px #00ffff80;height:8px;width:100%}.modal .sound-controls label input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;box-shadow:0 0 8px #0ffc;height:16px;width:16px}.modal .sound-controls .start-button{margin-top:1rem;max-width:none;width:100%}.modal h2{margin-top:0}.modal ul{list-style:none;padding-left:0}.modal li{margin:8px 0}.modal-close{background:#555;border:none;color:#fff;padding:8px 16px}.tetris{align-items:flex-start;display:flex;gap:40px;padding:20px;position:relative}.tetris aside{align-items:center;color:#fff;display:flex;flex-direction:column}.tetris.line-clear>div{animation:flash .3s ease-out,shake .3s ease-out;transform-origin:center}@keyframes flash{0%,50%{filter:brightness(1.8)}to{filter:brightness(1)}}@keyframes shake{0%,to{transform:translateX(0)}25%,75%{transform:translateX(-5px)}50%{transform:translateX(5px)}}@keyframes pop{0%{filter:brightness(1.5);transform:scale(1.3)}to{filter:brightness(1);transform:scale(1)}}@keyframes ghostPulse{0%,to{opacity:.3}50%{opacity:.7}}@keyframes pieceEntry{0%{filter:brightness(1.5);opacity:.5;transform:translateY(-20px) scale(.9)}to{filter:brightness(1);opacity:1;transform:translateY(0) scale(1)}}@keyframes glow{0%,to{text-shadow:0 0 10px #00ffffb3}50%{text-shadow:0 0 20px #0ff}}.new-piece-entry{animation:gridFlash .3s ease-out}@keyframes gridFlash{0%{filter:brightness(1.3)}to{filter:brightness(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.start-button{background:#111;border:2px solid #0ff;border-radius:4px;box-shadow:0 0 8px #00ffff80;box-sizing:border-box;color:#0ff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:1px;margin-top:.5rem;padding:.8rem 1.2rem;text-align:center;text-transform:uppercase;transition:box-shadow .2s ease,transform .1s ease,background .2s ease;width:180px}.start-button:hover{background:#00ffff1a;box-shadow:0 0 16px #0ff}.start-button:active{transform:scale(.98)}.modal-close{background:#111;border:2px solid #0ff;border-radius:4px;box-shadow:0 0 8px #00ffff80;color:#0ff;cursor:pointer;font-family:Orbitron,sans-serif;margin-top:16px;padding:.5rem 1rem;transition:box-shadow .2s ease}.modal-close:hover{box-shadow:0 0 16px #0ff}.modal h2,.modal h3{color:#0ff;font-family:Orbitron,sans-serif;text-shadow:0 0 4px #00ffffb3}.sound-controls{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;width:8rem}.sound-controls label{color:#0ff;font-family:Orbitron,sans-serif;font-size:.9rem}.sound-controls input[type=range]{margin-top:.25rem;width:100%}
/*# sourceMappingURL=main.7b28d03e.css.map*/