@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@font-face{font-family:"Press Start 2P Fallback";font-style:normal;font-weight:400;src:local("Courier New"),local("Courier"),local("monospace")}:root{--bg-color: #6b88c9;--text-color: #ffffff;--grid-color: #333333;--grid-border: #444444;--accent-color: #00ff00;--button-color: #333333;--button-text: #ffffff;--button-hover: #555555;--tetromino-i: #00FFFF;--tetromino-j: #0000FF;--tetromino-l: #FFA500;--tetromino-o: #FFFF00;--tetromino-s: #00FF00;--tetromino-t: #FF00FF;--tetromino-z: #FF0000;--shadow-color: rgba(0, 0, 0, .5)}.dark{--bg-color: #1a1a1a;--text-color: #ffffff;--grid-color: #333333;--grid-border: #444444}.light{--bg-color: #f0f0f0;--text-color: #000000;--grid-color: #dddddd;--grid-border: #bbbbbb}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}html,body{font-family:"Press Start 2P",monospace;line-height:1.5;font-weight:400;font-size:16px;background-color:var(--bg-color);color:var(--text-color);overflow:hidden;width:100%;height:100%;position:fixed;margin:0;padding:0}body{margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh}#app{width:100%;height:100%;max-width:100%;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}@media (max-width: 430px){#app{width:100vw;height:100vh}}.container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px}.game-title{font-size:1.5rem;margin-bottom:1rem;text-shadow:2px 2px 0 var(--shadow-color);color:var(--accent-color)}.game-board{border:2px solid var(--grid-border);background-color:var(--grid-color);box-shadow:0 0 10px var(--shadow-color)}.game-cell{border:1px solid var(--grid-border)}.controls{display:flex;justify-content:center;gap:10px;margin-top:1rem;width:100%}.control-button{background-color:var(--button-color);color:var(--button-text);border:none;border-radius:4px;padding:10px 15px;font-family:"Press Start 2P",monospace;font-size:.7rem;cursor:pointer;box-shadow:0 4px #0000004d;transition:transform .1s,box-shadow .1s}.control-button:active{transform:translateY(4px);box-shadow:0 0 #0000004d}.game-info{display:flex;justify-content:space-between;width:100%;max-width:300px;margin-top:1rem}.score-display,.level-display,.lines-display{font-size:.7rem;text-align:center}.next-piece{border:0;background-color:var(--grid-color);margin-top:.5rem}.leaderboard{margin-top:1rem;width:100%;max-width:300px;background-color:var(--grid-color);border:2px solid var(--grid-border);padding:10px;border-radius:4px;font-size:.7rem}.leaderboard-title{text-align:center;margin-bottom:.5rem}.leaderboard-item{display:flex;justify-content:space-between;margin-bottom:.3rem}@media (max-height: 600px){.game-title{font-size:1rem;margin-bottom:.5rem}.controls,.game-info,.next-piece{margin-top:.5rem}}@media (max-width: 400px){.control-button{padding:8px 12px;font-size:.6rem}.game-info{max-width:280px}}.canvas-container.svelte-581nea{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:10px;box-sizing:border-box}canvas.svelte-581nea{display:block;max-width:100%;max-height:100%;image-rendering:pixelated;box-shadow:0 0 10px #0000001a}@media (min-width: 768px){.canvas-container.svelte-581nea{padding:20px}canvas.svelte-581nea{max-height:80vh}}@media (max-width: 767px){.canvas-container.svelte-581nea{padding:5px}canvas.svelte-581nea{max-height:60vh}}.next-piece-container.svelte-1vxu1ck{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:0;margin:0}canvas.svelte-1vxu1ck{display:block;image-rendering:pixelated;width:auto!important;height:auto!important;max-width:100%;max-height:100%;background-color:transparent}body{margin:0;padding:0;background-color:#6b88c9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;width:100vw;height:100vh;overflow:hidden}html{width:100%;height:100%;overflow:hidden}.welcome-view.svelte-1eu6n4l{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;background:linear-gradient(to bottom,#f0f0f0,#e0e0e0);padding:20px}main.svelte-1eu6n4l{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:0;width:100%;box-sizing:border-box}@media (max-width: 430px){main.svelte-1eu6n4l{padding:0;height:100vh}}.app-container.svelte-1eu6n4l{display:flex;flex-direction:column;background-color:#fff;width:100%;height:100%;overflow:hidden}.desktop-view.svelte-1eu6n4l .app-container:where(.svelte-1eu6n4l){max-width:375px;height:90vh;max-height:812px;border-radius:40px;box-shadow:0 10px 30px #0003}.mobile-view.svelte-1eu6n4l .app-container:where(.svelte-1eu6n4l){width:100%;height:100%;max-height:none;border-radius:0;box-shadow:none}.status-bar.svelte-1eu6n4l{display:flex;justify-content:space-between;align-items:center;padding:15px 20px 0;background-color:#f8f8f8}.status-buttons.svelte-1eu6n4l{display:flex;gap:10px}.status-button.svelte-1eu6n4l{background-color:#222;color:#fff;border:none;border-radius:5px;padding:7px 8px;font-size:10px;cursor:pointer;text-transform:uppercase}.status-button.svelte-1eu6n4l:hover{background-color:#444}.time.svelte-1eu6n4l{font-weight:700;font-size:14px;color:#222;background-color:#e0e0e0;padding:4px 8px;border-radius:5px}.game-container.svelte-1eu6n4l{display:flex;flex-direction:column;flex:1;padding:10px;gap:10px;box-sizing:border-box;height:100%;max-height:100%;overflow:hidden}.mobile-view.svelte-1eu6n4l .game-container:where(.svelte-1eu6n4l){padding:5px;gap:5px}.desktop-view.svelte-1eu6n4l .game-container:where(.svelte-1eu6n4l){padding:10px}.top-controls.svelte-1eu6n4l{display:flex;justify-content:center;margin-bottom:5px;height:auto;flex-shrink:0}.next-piece-display.svelte-1eu6n4l{position:relative;display:flex;flex-direction:column;background-color:#222;border-radius:10px;padding:3px;width:100%;height:auto}.next-piece-display.svelte-1eu6n4l .control-label:where(.svelte-1eu6n4l){position:absolute;top:0;left:0;text-align:left;margin:.25rem .5rem 0}.control-label.svelte-1eu6n4l{color:#fff;font-size:12px;margin-bottom:2px;text-align:center}.game-board-wrapper.svelte-1eu6n4l{flex:1;background-color:#222;border-radius:16px;padding:10px;display:flex;justify-content:center;align-items:center;overflow:hidden;box-sizing:border-box;min-height:0}.desktop-view.svelte-1eu6n4l .game-board-wrapper:where(.svelte-1eu6n4l){max-height:calc(100% - 140px)}.mobile-view.svelte-1eu6n4l .game-board-wrapper:where(.svelte-1eu6n4l){padding:5px;border-radius:10px}.bottom-controls.svelte-1eu6n4l{display:flex;margin-top:10px;flex-shrink:0}.level-score.svelte-1eu6n4l{display:flex;justify-content:space-between;align-items:center;background-color:#222;border-radius:16px;padding:10px 20px;width:100%;height:60px}.level-display.svelte-1eu6n4l,.score-display.svelte-1eu6n4l{display:flex;flex-direction:column;align-items:flex-start}.value.svelte-1eu6n4l{color:#fff;font-size:24px;font-weight:700}.pause-button.svelte-1eu6n4l{background-color:transparent;border:2px solid white;color:#fff;border-radius:50%;width:35px;height:35px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:20px}.hidden-controls.svelte-1eu6n4l{position:absolute;visibility:hidden;height:0;width:0;overflow:hidden}.control-button.svelte-1eu6n4l{padding:.75rem 1rem;background-color:#333;color:#fff;border:2px solid #555;font-family:inherit;font-size:1rem;cursor:pointer;transition:background-color .2s}.control-button.svelte-1eu6n4l:hover{background-color:#444}.control-button.svelte-1eu6n4l:active{background-color:#555}.tetris-logo.svelte-1eu6n4l{display:flex;flex-direction:column;align-items:center;margin-bottom:60px}.tetris-logo.svelte-1eu6n4l h1:where(.svelte-1eu6n4l){font-size:42px;font-weight:700;color:#222;margin-top:30px;letter-spacing:2px}.tetris-pieces.svelte-1eu6n4l{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2px;width:120px;height:120px}.tetris-piece.svelte-1eu6n4l{width:100%;height:100%;border-radius:2px}.tetris-piece.yellow.svelte-1eu6n4l{background-color:gold}.tetris-piece.red.svelte-1eu6n4l{background-color:#ff4136}.tetris-piece.blue.svelte-1eu6n4l{background-color:#0074d9}.welcome-buttons.svelte-1eu6n4l{display:flex;flex-direction:column;width:100%;max-width:300px;gap:20px}.welcome-button.svelte-1eu6n4l{background-color:#222;color:#fff;border:none;border-radius:16px;padding:16px;font-size:18px;font-weight:700;cursor:pointer;text-transform:uppercase;transition:background-color .2s}.welcome-button.svelte-1eu6n4l:hover{background-color:#444}.settings-view.svelte-1eu6n4l{display:flex;flex-direction:column;height:100%;background-color:#f0f0f0}.settings-header.svelte-1eu6n4l{display:flex;align-items:center;padding:15px;background-color:#222;color:#fff}.back-button.svelte-1eu6n4l{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;margin-right:15px}.settings-content.svelte-1eu6n4l{padding:20px;flex:1}