*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f0f0f0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:0;margin:0;font-size:14px}#app{background-color:#d1d1d1;padding:10px;border-radius:8px;box-shadow:0 2px 4px #00000026;width:100%;max-width:1020px;display:flex;flex-direction:column;align-items:center;margin-left:auto;margin-right:auto;flex-grow:1}@media (min-width: 769px){body{font-size:16px}#app{width:95%;padding:20px;box-shadow:0 4px 8px #0003}}@media (max-width: 480px){body{font-size:13px}#app{padding:5px;border-radius:0}}.difficulty-selector select{z-index:100!important;position:relative!important;background-color:#fff!important;-webkit-appearance:menulist!important;-moz-appearance:menulist!important;appearance:menulist!important;background-image:none!important}@media (max-width: 768px){.difficulty-selector{z-index:1000!important}.difficulty-selector select{font-size:16px!important}}.cell[data-v-e3bf8efd]{width:var(--dynamic-cell-size, 30px);height:var(--dynamic-cell-size, 30px);border:1px solid #ccc;display:flex;justify-content:center;align-items:center;cursor:pointer;background-color:#e0e0e0;-webkit-user-select:none;user-select:none;font-weight:700}.cell.revealed[data-v-e3bf8efd]{background-color:#bdbdbd;cursor:default}.cell.mine[data-v-e3bf8efd]{background-color:#ff4d4d}.cell.flagged span[data-v-e3bf8efd],.cell.question span[data-v-e3bf8efd]{font-size:calc(var(--dynamic-cell-size, 30px) * .6)}.cell.question span[data-v-e3bf8efd]{color:#3498db}.cell span[data-v-e3bf8efd]{font-size:calc(var(--dynamic-cell-size, 30px) * .6)}.cell[data-v-e3bf8efd]:not(.revealed):hover{background-color:#d0d0d0}.board-container[data-v-95601514]{flex-grow:1;display:flex;justify-content:center;align-items:center;overflow:auto;padding:10px;width:100%;box-sizing:border-box;position:relative}.board[data-v-95601514]{display:grid}@media (max-width: 480px){.board-container[data-v-95601514]{padding:5px}}.scoreboard[data-v-698f86cb]{display:flex;justify-content:space-between;align-items:center;padding:8px;background-color:silver;border:2px solid;border-color:#7b7b7b #fff #fff #7b7b7b;margin-bottom:10px;box-sizing:border-box;width:100%;max-width:974px}.mines-left[data-v-698f86cb],.time[data-v-698f86cb]{font-size:14px;font-weight:700;padding:5px 8px;background-color:#000;color:red;border-radius:3px;font-family:Courier New,Courier,monospace;white-space:nowrap;flex-shrink:0}.reset-button[data-v-698f86cb]{font-size:20px;padding:3px 8px;cursor:pointer;border:2px outset #c0c0c0;background-color:#d0d0d0;margin:0 5px;flex-shrink:0}.reset-button[data-v-698f86cb]:active{border-style:inset}@media (max-width: 480px){.scoreboard[data-v-698f86cb]{padding:5px;border-width:2px}.mines-left[data-v-698f86cb],.time[data-v-698f86cb]{font-size:12px;padding:4px 6px}.reset-button[data-v-698f86cb]{font-size:18px;padding:2px 6px}}@media (max-width: 360px){.mines-left[data-v-698f86cb],.time[data-v-698f86cb]{font-size:10px;padding:3px 4px}.reset-button[data-v-698f86cb]{font-size:16px;padding:2px 5px}}.modal-overlay[data-v-64e8af89]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-64e8af89]{background-color:#fff;padding:25px;border-radius:8px;box-shadow:0 4px 15px #0003;min-width:300px;max-width:90%;position:relative;text-align:center}.modal-title[data-v-64e8af89]{margin-top:0;margin-bottom:15px;font-size:1.4em;color:#333}.modal-message[data-v-64e8af89]{margin-bottom:20px;font-size:1em;color:#555;white-space:pre-wrap}.modal-close[data-v-64e8af89]{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.8em;cursor:pointer;color:#888}.modal-close[data-v-64e8af89]:hover{color:#333}@media (max-width: 600px){.modal-content[data-v-64e8af89]{padding:20px;min-width:280px}.modal-title[data-v-64e8af89]{font-size:1.2em}.modal-message[data-v-64e8af89]{font-size:.95em}}#app{font-family:Arial,sans-serif}.tabs{margin-bottom:15px;display:flex;flex-direction:column;align-items:center;border-bottom:2px solid #ccc;width:100%}.tab-row{display:flex;justify-content:center;width:100%}.tabs button{padding:8px 12px;cursor:pointer;border:none;background-color:transparent;font-size:14px;margin-right:3px;margin-bottom:5px;border-bottom:3px solid transparent;flex-grow:1;text-align:center;max-width:200px}.tabs button.active{border-bottom:3px solid #007bff;font-weight:700}.tabs button:hover{background-color:#f0f0f0}.tab-content-area{width:100%;display:flex;flex-direction:column;align-items:stretch;padding:0 5px;flex-grow:1}.game-container{display:flex;flex-direction:column;align-items:center;width:100%;flex-grow:1}.difficulty-selector{margin-bottom:15px;padding:10px;background-color:#f0f0f0;border-radius:5px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;align-items:center;width:100%;max-width:350px;position:relative;z-index:9998;overflow:visible!important}.difficulty-selector label{margin-right:0;margin-bottom:5px;font-weight:700}.custom-dropdown{position:relative;width:100%;font-size:14px}.dropdown-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 15px;background-color:#fff;border:1px solid #ccc;border-radius:4px;text-align:left;cursor:pointer;font-size:16px;color:#333;transition:background-color .2s}.dropdown-button:hover{background-color:#f9f9f9}.dropdown-arrow{font-size:10px;margin-left:10px}.dropdown-menu{position:absolute;top:100%;left:0;width:100%;background-color:#fff;border:1px solid #ccc;border-top:none;border-radius:0 0 4px 4px;box-shadow:0 4px 8px #0000001a;z-index:10000;overflow:hidden}.dropdown-item{padding:12px 15px;cursor:pointer;transition:background-color .2s}.dropdown-item:hover{background-color:#f0f7ff}.difficulty-selector select{padding:8px 10px;border:1px solid #ccc;border-radius:3px;font-size:16px;width:100%;position:relative;z-index:9999;background-color:#fff;-webkit-appearance:menulist!important;-moz-appearance:menulist!important;appearance:menulist!important;display:block;box-sizing:border-box}.highscore-submit{margin-top:20px;padding:15px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center}.highscore-submit h3{margin-top:0;margin-bottom:15px;text-align:center}.highscore-form-row{display:flex;flex-direction:column;width:100%;align-items:stretch}.highscore-form-row input{margin-bottom:10px;padding:10px;border:1px solid #ddd;border-radius:3px;width:100%;box-sizing:border-box}.highscore-form-row button{padding:10px 15px;background-color:#007bff;color:#fff;border:none;border-radius:3px;cursor:pointer;width:100%;box-sizing:border-box}.highscore-form-row button:hover{background-color:#0056b3}.highscores-view{width:100%;max-width:500px;margin:20px auto;padding:20px;border:1px solid #e0e0e0;border-radius:8px;background-color:#f9f9f9;box-shadow:0 4px 12px #00000014;flex-grow:1;display:flex;flex-direction:column;align-items:center}.highscores-view h2{margin-top:0;margin-bottom:20px;text-align:center;color:#2c3e50;font-size:1.4em;font-weight:600}.highscores-view ul{list-style-type:none;padding:0;width:100%}.highscores-view li{padding:12px 10px;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;align-items:center;font-size:1em;transition:background-color .2s ease}.highscores-view li:last-child{border-bottom:none}.highscores-view li:hover{background-color:#e8f4fd}.highscores-view .rank{font-weight:700;color:#3498db;min-width:30px}.highscores-view .name{flex-grow:1;padding-left:15px;padding-right:15px;color:#34495e;text-align:left}.highscores-view .time{font-weight:500;color:#27ae60;min-width:50px;text-align:right}.no-scores{margin-top:20px;color:#7f8c8d;font-style:italic;font-size:.95em}@media (min-width: 769px){.tabs button{font-size:16px;padding:10px 15px;flex-grow:0}.difficulty-selector{flex-direction:row;justify-content:center}.difficulty-selector label{margin-right:10px;margin-bottom:0}.difficulty-selector select{width:auto}.highscore-form-row{flex-direction:row;align-items:center}.highscore-form-row input{margin-right:10px;margin-bottom:0;flex-grow:1;width:auto}.highscore-form-row button{width:auto;flex-shrink:0}.highscores-view{padding:25px}.highscores-view h2{font-size:1.7em}.highscores-view li{padding:15px 10px;font-size:1.05em}}@media (max-width: 768px){.difficulty-selector{z-index:9999}.difficulty-selector select{font-size:16px!important;-webkit-appearance:menulist!important;-moz-appearance:menulist!important;appearance:menulist!important}.difficulty-selector:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:-1}}.highscores-view li.highlight-new-score{background-color:#fff3cd;font-weight:700;border-left:3px solid #ffeeba}.about-view{width:100%;max-width:800px;margin:20px auto;padding:20px;border:1px solid #e0e0e0;border-radius:8px;background-color:#f9f9f9;box-shadow:0 4px 12px #00000014;flex-grow:1;display:flex;flex-direction:column;align-items:center}.about-view h2{margin-top:0;margin-bottom:25px;text-align:center;color:#2c3e50;font-size:1.6em;font-weight:600}.about-content{width:100%;display:flex;flex-direction:column;gap:25px}.about-section{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 6px #0000000d}.about-section h3{margin-top:0;margin-bottom:15px;color:#34495e;font-size:1.2em;font-weight:600;border-bottom:2px solid #3498db;padding-bottom:5px}.about-section ul{list-style-type:none;padding:0;margin:0}.about-section ul li{padding:8px 0;border-bottom:1px solid #f0f0f0;line-height:1.5}.about-section ul li:last-child{border-bottom:none}.tech-grid{display:grid;grid-template-columns:1fr;gap:15px}.tech-item{display:flex;flex-direction:column;padding:15px;background-color:#f8f9fa;border-radius:6px;border-left:4px solid #3498db}.tech-item strong{color:#2c3e50;font-size:1.1em;margin-bottom:5px}.tech-item span{color:#7f8c8d;font-size:.9em;line-height:1.4}.credits{text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none}.credits h3{color:#fff;border-bottom:2px solid rgba(255,255,255,.3)}.credits p{margin:10px 0;line-height:1.6}.credits a{color:#b8e6b8;text-decoration:none;font-weight:500}.credits a:hover{color:#85e085;text-decoration:underline}.credits .version{font-size:.9em;opacity:.8;margin-top:15px}@media (min-width: 769px){.tech-grid{grid-template-columns:repeat(2,1fr)}.about-view h2{font-size:1.8em}.about-section h3{font-size:1.3em}}