*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f8f9fa;overflow:hidden}#app{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;padding:0;margin:0;overflow:hidden}.game-container{position:relative;width:100vw;min-height:100vh;display:flex;flex-direction:column;padding:20px;margin:0;box-sizing:border-box;background-color:#fff;border-radius:0;box-shadow:none;overflow-y:auto}.top-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:16px 15px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;box-shadow:0 2px 8px #00000014;gap:12px;overflow-x:auto;white-space:nowrap}.top-info::-webkit-scrollbar{display:none}.top-info{-ms-overflow-style:none;scrollbar-width:none}.info-item{display:flex;align-items:center;gap:6px;min-width:100px;flex-shrink:0}.info-label{font-size:13px;font-weight:600;color:#666;white-space:nowrap}.info-value{font-size:16px;font-weight:800;color:#2196f3;background:#ffffffe6;padding:3px 6px;border-radius:4px;box-shadow:0 1px 3px #0000001a;min-width:45px;text-align:center}.info-item.difficulty-selector{display:flex;align-items:center;gap:6px;min-width:160px;flex-shrink:0}.difficulty-select{padding:5px 10px;border:2px solid #ddd;border-radius:4px;background:#fff;color:#333;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);min-width:90px;box-shadow:0 1px 3px #0000001a;outline:none}.difficulty-select:hover{border-color:#2196f3;box-shadow:0 2px 8px #2196f333;transform:translateY(-1px)}.difficulty-select:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.difficulty-select option{padding:6px 10px;font-size:13px;background:#fff;color:#333}.difficulty-select option:hover{background:#f0f4f8}.difficulty-select option:checked{background:#2196f3;color:#fff}.bottom-controls{display:flex;justify-content:center;gap:15px;margin-top:20px;flex-wrap:wrap}.control-btn{padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);min-width:120px;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001a}.control-btn.restart{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;box-shadow:0 2px 4px #f57c0033}.control-btn.restart:hover{background:linear-gradient(135deg,#f57c00,#e65100);transform:translateY(-3px);box-shadow:0 4px 12px #f57c0066}.control-btn.mode{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 2px 4px #4caf5033}.control-btn.mode:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-3px);box-shadow:0 4px 12px #4caf5066}.control-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.control-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.control-btn:hover:before{left:100%}@media(max-width:768px){.game-container{height:95vh;padding:15px;max-width:100%}.difficulty-selector{gap:10px;padding:8px}.difficulty-btn{padding:10px 14px;font-size:13px;min-width:80px}.game-info{flex-direction:column;gap:10px;align-items:center;padding:12px}.info-item{font-size:15px}.control-btn{padding:14px 20px;font-size:14px;max-width:none;min-height:50px}.game-controls{gap:12px}}@media(max-width:480px){.game-container{height:98vh;padding:10px}.difficulty-selector{gap:8px;padding:6px}.difficulty-btn{padding:8px 12px;font-size:12px;min-width:70px}.game-info{padding:10px}.info-item{font-size:14px}.restart-btn{padding:8px 14px;font-size:13px}.canvas-container{padding:10px}.control-btn{padding:12px 16px;font-size:13px;min-height:46px}.game-controls{gap:10px}}.bottom-controls[data-v-e41544fb]{display:flex;justify-content:center;gap:12px;margin-top:10px;flex-wrap:wrap}.control-btn[data-v-e41544fb]{padding:12px 20px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);min-width:100px}.control-btn[data-v-e41544fb]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.control-btn[data-v-e41544fb]:active{transform:translateY(0)}.control-btn.restart[data-v-e41544fb]{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;box-shadow:0 2px 6px #27ae6066}.control-btn.restart[data-v-e41544fb]:hover{box-shadow:0 4px 12px #27ae6099}.control-btn.mode.flag-mode[data-v-e41544fb]{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;box-shadow:0 2px 6px #f39c1266}.control-btn.mode.flag-mode[data-v-e41544fb]:hover{box-shadow:0 4px 12px #f39c1299}.control-btn.mode.reveal-mode[data-v-e41544fb]{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;box-shadow:0 2px 6px #27ae6066}.control-btn.mode.reveal-mode[data-v-e41544fb]:hover{box-shadow:0 4px 12px #27ae6099}.control-btn.save[data-v-e41544fb]{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;box-shadow:0 2px 6px #9b59b666}.control-btn.save[data-v-e41544fb]:hover{box-shadow:0 4px 12px #9b59b699}.control-btn.load[data-v-e41544fb]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;box-shadow:0 2px 6px #3498db66}.control-btn.load[data-v-e41544fb]:hover{box-shadow:0 4px 12px #3498db99}.control-btn.hint[data-v-e41544fb]{background:linear-gradient(135deg,#1abc9c,#16a085);color:#fff;box-shadow:0 2px 6px #1abc9c66}.control-btn.hint[data-v-e41544fb]:hover{box-shadow:0 4px 12px #1abc9c99}.game-board[data-v-e41544fb]{display:flex;flex-direction:column;align-items:center;margin:10px 0 5px;border:3px solid #ddd;padding:8px;background-color:#f8f9fa;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:90vw;width:fit-content;align-self:center}.board-row[data-v-e41544fb]{display:flex}.board-cell[data-v-e41544fb]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin:1px;font-size:19px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s cubic-bezier(.34,1.56,.64,1);border-radius:4px;position:relative;overflow:hidden}.board-cell.covered[data-v-e41544fb]{background:linear-gradient(135deg,#4a90e2,#357abd);border:2px outset #6BA3E8;box-shadow:0 2px 4px #0000001a}.board-cell.covered[data-v-e41544fb]:hover{background:linear-gradient(135deg,#6ba3e8,#4a90e2);transform:scale(1.03);box-shadow:0 3px 8px #4a90e266}.board-cell[data-v-e41544fb]:not(.covered){background:linear-gradient(135deg,#d1d8e0,#b0bec5);border:2px inset #BDC6CF;box-shadow:inset 0 1px 3px #0003}.board-cell.flagged[data-v-e41544fb]{background:linear-gradient(135deg,#ffdc00,#f7ca18);border-color:#ffe066;animation:pulse-e41544fb 1s infinite alternate}.board-cell.questionMarked[data-v-e41544fb]{background:linear-gradient(135deg,#95a5a6,#7f8c8d);border-color:#bdc3c7;animation:pulse-e41544fb 1s infinite alternate}.question[data-v-e41544fb]{font-size:18px;font-weight:700;color:#34495e;animation:bounce-e41544fb .5s ease-out}.board-cell.has-mine[data-v-e41544fb]{background:linear-gradient(135deg,#ff4136,#e74c3c);border-color:#ff725c;animation:shake-e41544fb .5s ease-in-out}.board-cell.exploded[data-v-e41544fb]{background:linear-gradient(135deg,red,#dc281e);border-color:#ff6b6b;animation:explode-e41544fb .6s ease-out}.number-1[data-v-e41544fb]{color:#00f;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.number-2[data-v-e41544fb]{color:green;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.number-3[data-v-e41544fb]{color:red;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.number-4[data-v-e41544fb]{color:purple;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.number-5[data-v-e41544fb]{color:maroon;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.number-6[data-v-e41544fb]{color:teal;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.number-7[data-v-e41544fb]{color:#000;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.number-8[data-v-e41544fb]{color:gray;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.mine[data-v-e41544fb]{font-size:22px;animation:bounce-e41544fb .5s ease-out}.flag[data-v-e41544fb]{font-size:18px;animation:wave-e41544fb 1s ease-in-out infinite}@keyframes pulse-e41544fb{0%{transform:scale(1);box-shadow:0 2px 4px #ffdc004d}to{transform:scale(1.02);box-shadow:0 4px 8px #ffdc0080}}@keyframes shake-e41544fb{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes explode-e41544fb{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes bounce-e41544fb{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes wave-e41544fb{0%,to{transform:rotate(0)}50%{transform:rotate(10deg)}}