#score-record-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px #00000080;z-index:1000}#score-record-modal.hidden{display:none}.score-record-content{display:flex;flex-direction:column;gap:15px;min-width:300px}.score-record-content h2{margin:0;color:#333;text-align:center}.score-record-content input{padding:8px;border:1px solid #ddd;border-radius:5px;font-size:16px}.score-record-content button{padding:10px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s}.score-record-content button:hover{background-color:#45a049}.score-record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-button:hover{background-color:#f0f0f0;color:#333}.memory-mode #userId{display:none}body{margin:0;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation}canvas{display:block;width:100%;height:100%;-webkit-tap-highlight-color:transparent}.rank-button{position:fixed;top:15px;right:20px;padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;z-index:1000}.rank-button:hover{background-color:#45a049}.rank-panel{position:fixed;top:0;right:-300px;width:300px;height:100vh;background-color:#fff;box-shadow:-2px 0 5px #0003;transition:right .3s ease-in-out;z-index:999}.rank-panel.active{right:0}.rank-content{padding:20px}.rank-content h2{margin-bottom:20px;text-align:center}#rankList{display:flex;flex-direction:column;gap:10px}.rank-item{display:flex;justify-content:space-between;padding:10px;background-color:#f5f5f5;border-radius:5px}.rank-item .rank{font-weight:700;color:#4caf50}.rank-item .user-id{flex-grow:1;margin:0 10px}.rank-item .score{font-weight:700}.mobile-keyboard-container{position:fixed;bottom:0;left:0;width:100%;background-color:#f0f0f0;box-shadow:0 -2px 10px #0000001a;z-index:1000;transform:translateY(calc(100% - 40px));transition:transform .3s ease-in-out}.mobile-keyboard-container.game-running{transform:translateY(100%);transition:none}.mobile-keyboard-container.expanded{transform:translateY(0)}.mobile-keyboard-container.game-running .keyboard-toggle{display:none}.keyboard-toggle{width:100%;height:40px;background-color:#e0e0e0;display:flex;justify-content:center;align-items:center;cursor:pointer;border-top-left-radius:10px;border-top-right-radius:10px}.toggle-arrow{font-size:20px;color:#666;transition:transform .3s ease-in-out}.mobile-keyboard-container.expanded .toggle-arrow{transform:rotate(180deg)}.mobile-keyboard{max-width:500px;margin:0 auto;padding:10px}.keyboard-row{display:flex;justify-content:space-around;margin-bottom:10px}.key{width:30%;height:50px;font-size:24px;border:none;border-radius:5px;background-color:#fff;box-shadow:0 2px 5px #0000001a;cursor:pointer;transition:background-color .2s}.key:active{background-color:#e0e0e0}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;pointer-events:none}.toast{background:#fff;color:#333;padding:12px 24px;border-radius:8px;margin-bottom:10px;box-shadow:0 4px 12px #00000026;transform:translate(120%);transition:transform .3s ease-in-out;min-width:200px;pointer-events:none}.toast.show{transform:translate(0);pointer-events:auto}.toast-success{background:#4caf50;color:#fff}.toast-error{background:#f44336;color:#fff}.toast-info{background:#2196f3;color:#fff}.mode-toggle-container{position:fixed;top:10px;left:10px;z-index:1000}.toggle-group{display:flex;flex-direction:column;gap:10px;background:#ffffffe6;padding:5px;border-radius:10px;box-shadow:0 2px 10px #0000001a}.toggle-label{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-label.disabled{opacity:.5;cursor:not-allowed}.toggle-label.disabled .toggle-slider{background-color:#ccc}.toggle-input{display:none}.toggle-slider{position:relative;width:120px;height:30px;background-color:#2196f3;border-radius:15px;transition:.3s;overflow:hidden}.toggle-slider:before{content:"";position:absolute;width:26px;height:26px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:.3s;z-index:2}.toggle-slider:after{content:"Memory";position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;transition:.3s;left:0}.toggle-input:checked+.toggle-slider{background-color:#ff5722}.toggle-input:checked+.toggle-slider:before{transform:translate(90px)}.toggle-input:checked+.toggle-slider:after{content:"Record";left:0}.toggle-text{font-size:14px;color:#333;font-weight:500}