@font-face{font-family:"Press Start 2P";src:url(/game-assets/k-tetris-vite/assets/press-start-2p-regular-xj9lRvVs.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body{font-family:"Press Start 2P",cursive;background:#2d2d2d;display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:-webkit-fill-available;min-height:100dvh;min-height:calc(var(--vh, 100vh));overflow:hidden;position:relative}.keyboard-shortcuts{position:absolute;top:20px;left:20px;color:#fffc;font-size:11px;line-height:1.8;z-index:10}.keyboard-shortcuts h4{font-size:12px;margin-bottom:10px;color:#ffffffe6;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:5px}.keyboard-shortcuts p{margin:0}.keyboard-shortcuts span{color:#f4d03f;display:inline-block;min-width:70px}.shortcuts-footer{margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.3);font-size:10px;color:#ffffffb3}@media(max-width:768px){.keyboard-shortcuts{display:none}}.game-console{width:100%;max-width:500px;background:#f4d03f;border-radius:20px;padding:20px;box-shadow:0 20px 60px #00000080,inset 0 -5px 15px #0000001a,inset 0 5px 15px #ffffff4d;position:relative}.console-header{text-align:center;margin-bottom:15px;color:#333;font-size:16px;letter-spacing:1px;text-shadow:1px 1px 0 rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;gap:10px;height:28px}.console-header span{white-space:nowrap}.pixel-decoration{display:flex;gap:4px}.pixel-block{width:8px;height:8px;background:#333;box-shadow:0 0 0 1px #f4d03f}.pixel-block.empty{background:transparent}.screen-container{background:#555;padding:10px;border-radius:8px;box-shadow:inset 0 2px 5px #00000080,0 1px #ffffff4d;margin-bottom:20px}.screen-border{width:100%;background:#9ea792;padding:5px;border-radius:4px;display:flex;gap:5px;box-shadow:inset 0 0 20px #0000001a}.screen-border>.game-area{flex-shrink:0}.game-area{position:relative}canvas{display:block;background:#9ea792;image-rendering:pixelated;box-shadow:inset 2px 2px 5px #0003}#gameCanvas{width:200px;height:400px}.side-panel{flex:1;min-width:0;display:flex;flex-direction:column;gap:15px;font-size:10px;color:#333;border-left:2px solid rgba(0,0,0,.2);padding-left:8px}.info-section h3{font-size:10px;margin-bottom:5px;color:#555}.info-value{font-size:14px;color:#000;background:#0000001a;padding:5px;border-radius:3px;text-align:right;font-family:"Press Start 2P",cursive;letter-spacing:1px}.next-canvas{width:80px;height:60px;background:#0000001a;margin:0 auto;display:block}.status-icons-container{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:auto;padding-right:2px}.pause-icon{width:24px;height:24px;display:none;align-items:center;justify-content:center}.pause-icon.show{display:flex;animation:blink 1s infinite}.pause-icon svg{fill:#555}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.sound-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.sound-icon svg{fill:#555;stroke:#555;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sound-icon .speaker-body{fill:#555;stroke:none}.sound-icon .sound-waves,.sound-icon .mute-x{fill:none;stroke:#555;stroke-width:1.5;stroke-linecap:round}.sound-icon.sound-on .sound-waves{display:block}.sound-icon.sound-on .mute-x,.sound-icon.sound-off .sound-waves{display:none}.sound-icon.sound-off .mute-x{display:block}.controls-area{display:flex;flex-direction:column;gap:20px;padding:0;margin-top:-15px;margin-bottom:25px}.top-buttons{display:flex;justify-content:flex-end;gap:15px;margin-bottom:10px}.top-btn-wrapper{display:flex;flex-direction:column;align-items:center;position:relative}.btn-small{width:28px;height:28px;border-radius:50%;border:none;font-family:"Press Start 2P",cursive;font-size:6px;cursor:pointer;position:relative;box-shadow:0 3px #0000004d,0 4px 7px #0000004d,inset 0 -1px 3px #0003,inset 0 1px 3px #ffffff4d;transition:all .1s;display:flex;align-items:center;justify-content:center;line-height:1.2}.btn-small:active{transform:translateY(3px);box-shadow:0 0 #0000004d,inset 0 1px 3px #0000004d}.btn-small:focus{outline:none}.btn-small::-moz-focus-inner{border:0}.btn-green{background:radial-gradient(circle at 30% 30%,#4ade80,#16a34a);color:#064e3b}.btn-red{background:radial-gradient(circle at 30% 30%,#f87171,#dc2626);color:#7f1d1d}.settings-btn-simple{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #888;border-radius:6px;cursor:pointer;transition:all .2s ease;margin-right:auto}.settings-btn-simple:hover{background:#0000000d;border-color:#555}.settings-btn-simple:active{background:#0000001a}@media(max-width:768px){.settings-btn-simple{display:none}}.top-btn-label{margin-top:7px;font-size:7px;color:#333;text-align:center;font-family:"Press Start 2P",cursive}.main-controls{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start;margin-top:-18px;position:relative}.d-pad-area{display:flex;justify-content:flex-start}.d-pad-cross{display:grid;grid-template-columns:60px 60px 60px;grid-template-rows:60px 60px 60px;gap:1px;position:relative}.btn-round{width:60px;height:60px;border-radius:50%;border:none;background:radial-gradient(circle at 30% 30%,#60a5fa,#2563eb);color:#1e3a8a;font-family:"Press Start 2P",cursive;font-size:18px;cursor:pointer;box-shadow:0 5px #1d4ed8,0 8px 15px #0000004d,inset 0 -3px 8px #0003,inset 0 3px 8px #ffffff4d;transition:all .1s;display:flex;align-items:center;justify-content:center;position:relative;line-height:1}.btn-round:active{transform:translateY(5px);box-shadow:0 0 #1d4ed8,inset 0 3px 8px #0000004d}.btn-drop-top{grid-column:2;grid-row:1}.drop-label{position:absolute;top:-5px;right:20px;font-size:10px;color:#333;font-family:"Press Start 2P",cursive;pointer-events:none;z-index:10}.btn-left{grid-column:1;grid-row:2}.btn-down{grid-column:2;grid-row:3}.btn-right{grid-column:3;grid-row:2}.arrow-icon{display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.right-area{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%}.rotate-buttons-wrapper{position:absolute;right:32px;top:50%;transform:translateY(-50%)}.rotate-buttons-inner{display:flex;flex-direction:column;gap:20px;transform:rotate(45deg);transform-origin:center;padding:6px;border-radius:40px;background:#00000014;box-shadow:inset 0 2px 5px #0000004d}.btn-rotate{width:65px;height:65px;background:radial-gradient(circle at 30% 30%,#60a5fa,#2563eb);box-shadow:3px 3px #1d4ed8,4px 4px 10px #0000004d,inset 0 -2px 6px #0003,inset 0 2px 6px #ffffff4d;border-radius:50%}.btn-rotate:active{transform:translate(3px,3px);box-shadow:0 0 #1d4ed8,inset 0 2px 6px #0000004d}.rotate-icon{display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.rotate-letter{font-size:24px;font-weight:400;color:#1472ff;transform:rotate(-45deg);display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.rotation-label{font-size:10px;color:#333;margin-bottom:8px;font-family:"Press Start 2P",cursive;text-align:center;transform:translate(-40px,20px)}.game-over-modal{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);background:#9ea792f2;border:4px solid #333;padding:20px;text-align:center;display:none;z-index:100}.game-over-modal.show{display:block}.game-over-modal h2{font-size:16px;margin-bottom:15px;color:#000}.game-over-modal p{font-size:12px;margin-bottom:10px}.game-over-modal .score-label{margin-bottom:5px}.game-over-modal .score-value{font-size:14px;margin:10px auto;color:#000}.settings-modal{position:absolute;inset:0;background:#000000b3;display:none;align-items:center;justify-content:center;z-index:200;border-radius:20px}.settings-modal.show{display:flex}.settings-content{background:#f4d03f;border:1px solid #333;border-radius:10px;padding:25px;width:320px;box-shadow:0 10px 30px #00000080;font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif}.settings-content h2{font-size:18px;margin-bottom:20px;color:#333;text-align:center;border-bottom:2px solid #333;padding-bottom:12px;font-weight:700}.key-settings-list{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.key-setting-item{display:flex;justify-content:space-between;align-items:center}.key-name{font-size:15px;color:#333;font-weight:500}.key-input{width:110px;height:36px;border:2px solid #555;border-radius:6px;background:#f5f5f5;text-align:center;font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif;font-size:14px;color:#333;cursor:pointer;outline:none;font-weight:500}.key-input:focus{border-color:#2563eb;background:#fff}.key-input.listening{border-color:#16a34a;background:#fff;animation:pulse .5s infinite alternate}@keyframes pulse{0%{box-shadow:0 0 #16a34a80}to{box-shadow:0 0 8px 2px #16a34a80}}.settings-buttons{display:flex;justify-content:space-between;gap:12px}.settings-buttons .btn-modal{flex:1;font-size:13px;padding:12px 8px;font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif;font-weight:500;border-radius:5px}.btn-modal{background:#333;color:#9ea792;border:none;padding:10px 20px;font-family:"Press Start 2P",cursive;font-size:10px;cursor:pointer;margin-top:10px;box-shadow:0 4px #000}.btn-modal:active{transform:translateY(4px);box-shadow:0 0 #000}.pause-overlay{display:none}.start-hint-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#9ea792d9;z-index:5}.start-hint-overlay.hidden{display:none}.start-hint-content{text-align:center;color:#555;text-shadow:1px 1px 2px #6b6b6b}.start-hint-title{font-size:10px;margin-bottom:8px;font-family:"Press Start 2P",cursive;line-height:1.5;font-weight:700}.start-hint-subtitle{font-size:10px;font-family:"Press Start 2P",cursive;line-height:1.5;font-weight:700}@media(max-width:480px){.game-console{border-radius:0;height:100vh;height:-webkit-fill-available;height:100dvh;height:calc(var(--vh, 100vh));max-width:100%;display:flex;flex-direction:column}.screen-container{display:flex;align-items:center;justify-content:center}.controls-area{padding-bottom:20px}}