:root{--bg-color: #e8e8e8;--text-color: #333;--title-color: #333;--board-border: #808080;--cell-bg: #c0c0c0;--cell-bg-hover: #d0d0d0;--cell-border-out: #fff;--cell-border-in: #808080;--cell-revealed-bg: #d8d8d8;--button-bg: #e0e0e0;--button-active-bg: #a0c0ff;--mine-bg: #ff0000;--status-text: #333;--status-won: #28a745;--status-lost: #dc3545;--num-1: #0000ff;--num-2: #008000;--num-3: #ff0000;--num-4: #000080;--num-5: #800000;--num-6: #008080;--num-7: #000000;--num-8: #808080}[data-theme=dark]{--bg-color: #1a1a2e;--text-color: #e0e0e0;--title-color: #e0e0e0;--board-border: #4a4a5a;--cell-bg: #2d2d44;--cell-bg-hover: #3d3d54;--cell-border-out: #4a4a6a;--cell-border-in: #1a1a2e;--cell-revealed-bg: #252538;--button-bg: #3d3d54;--button-active-bg: #4a6fa5;--mine-bg: #ff4444;--status-text: #e0e0e0;--status-won: #4caf50;--status-lost: #f44336;--num-1: #5c9eff;--num-2: #4caf50;--num-3: #ff6b6b;--num-4: #7c9eff;--num-5: #ff8a80;--num-6: #4dd0e1;--num-7: #e0e0e0;--num-8: #9e9e9e}[data-theme=classic]{--bg-color: #c0c0c0;--text-color: #000000;--title-color: #000080;--board-border: #808080;--cell-bg: #c0c0c0;--cell-bg-hover: #d4d4d4;--cell-border-out: #ffffff;--cell-border-in: #808080;--cell-revealed-bg: #c0c0c0;--button-bg: #c0c0c0;--button-active-bg: #000080;--mine-bg: #ff0000;--status-text: #000000;--status-won: #008000;--status-lost: #ff0000;--num-1: #0000ff;--num-2: #008000;--num-3: #ff0000;--num-4: #000080;--num-5: #800000;--num-6: #008080;--num-7: #000000;--num-8: #808080}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);display:flex;justify-content:center;padding:20px;transition:background-color .1s ease,color .1s ease}[data-theme=classic] body{font-family:"MS Sans Serif",Segoe UI,Tahoma,sans-serif}#app{text-align:center}h1{margin-bottom:20px;color:var(--title-color);transition:color .1s ease}#controls{margin-bottom:15px;display:flex;gap:15px;justify-content:center;align-items:center;flex-wrap:wrap}#controls label{display:flex;align-items:center;gap:5px}#controls input{width:60px;padding:5px;border:2px inset var(--cell-border-out);background-color:var(--cell-bg);color:var(--text-color)}#controls button{padding:8px 16px;font-size:14px;cursor:pointer;background-color:var(--button-bg);border:2px outset var(--cell-border-out);color:var(--text-color);transition:background-color .2s ease}#controls button:active{border:2px inset var(--cell-border-out)}.level-btn{background-color:var(--button-bg)!important;width:90px}.level-btn.active{background-color:var(--button-active-bg)!important;border:2px inset var(--cell-border-out)!important}[data-theme=classic] .level-btn.active{color:#fff!important}#header{display:flex;justify-content:center;align-items:center;margin-bottom:15px}#header h1{margin:0;display:inline}.icon-btn{background:none;border:none;margin-left:8px;vertical-align:middle;font-size:22px;cursor:pointer;padding:5px;filter:grayscale(100%) contrast(10) drop-shadow(.5px 0 0 black) drop-shadow(-.5px 0 0 black) drop-shadow(0 .5px 0 black) drop-shadow(0 -.5px 0 black)}.icon-btn:hover{filter:grayscale(100%) contrast(10) brightness(.5) drop-shadow(.5px 0 0 black) drop-shadow(-.5px 0 0 black) drop-shadow(0 .5px 0 black) drop-shadow(0 -.5px 0 black)}.icon-btn:active{transform:scale(.95)}.settings-content{text-align:left;width:280px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{margin:0}.close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-color);padding:0 5px;opacity:.7;transition:opacity .2s ease}.close-btn:hover{opacity:1}.settings-section{display:flex;align-items:center;gap:10px;margin-bottom:15px}.settings-section label{font-weight:700;min-width:60px}.settings-section select{flex:1;padding:5px 10px;font-size:14px;border:2px inset var(--cell-border-out);background-color:var(--button-bg);color:var(--text-color);cursor:pointer;border-radius:0}[data-theme=dark] .settings-section select{border-color:var(--cell-border-out)}.settings-version{margin-top:20px;padding-top:15px;border-top:1px solid var(--cell-border-in);text-align:center}.settings-version span{font-size:12px;color:var(--text-color);opacity:.5;cursor:default;-webkit-user-select:none;user-select:none}.settings-version span:hover{opacity:.8}.leaderboard-content{text-align:left;width:320px}.leaderboard-tabs{display:flex;gap:4px;margin-bottom:16px}.leaderboard-tab{flex:1;padding:8px 4px;font-size:12px;cursor:pointer;background-color:var(--button-bg);border:2px outset var(--cell-border-out);color:var(--text-color);transition:background-color .15s ease}.leaderboard-tab.active{background-color:var(--button-active-bg);border:2px inset var(--cell-border-out)}[data-theme=classic] .leaderboard-tab.active{color:#fff}.leaderboard-list{min-height:200px;max-height:300px;overflow-y:auto}.leaderboard-row{display:flex;align-items:center;padding:8px 4px;border-bottom:1px solid var(--cell-border-in);gap:12px}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row.highlight{background-color:#ffd70033}.leaderboard-rank{font-weight:700;width:24px;text-align:center;color:var(--text-color)}.leaderboard-rank.gold{color:#b8860b}.leaderboard-rank.silver{color:gray}.leaderboard-rank.bronze{color:#8b4513}.leaderboard-time{font-family:Consolas,Monaco,monospace;font-weight:700;flex:1}.leaderboard-date{font-size:11px;color:var(--text-color);opacity:.6}.leaderboard-empty{text-align:center;padding:40px 20px;color:var(--text-color);opacity:.6;font-style:italic}.leaderboard-footer{margin-top:16px;padding-top:12px;border-top:1px solid var(--cell-border-in);text-align:center}.leaderboard-footer .modal-btn{font-size:12px;padding:6px 12px;min-width:auto}#status{margin-bottom:15px;display:flex;gap:30px;justify-content:center;font-weight:700}#game-status{color:var(--status-text);transition:color .1s ease}#game-status.won{color:var(--status-won)}#game-status.lost{color:var(--status-lost)}#board{display:inline-block;border:3px solid var(--board-border);background-color:var(--cell-bg);transition:background-color .1s ease,border-color .1s ease}.row{display:flex}.cell{width:var(--cell-size, 30px);height:var(--cell-size, 30px);border:2px outset var(--cell-border-out);background-color:var(--cell-bg);display:flex;align-items:center;justify-content:center;font-family:Consolas,Monaco,Courier New,monospace;font-weight:700;font-size:var(--cell-font-size, 14px);cursor:pointer;-webkit-user-select:none;user-select:none}[data-cell-size=small]{--cell-size: 30px;--cell-font-size: 14px}[data-cell-size=medium]{--cell-size: 40px;--cell-font-size: 18px}[data-cell-size=large]{--cell-size: 50px;--cell-font-size: 24px}.size-buttons{display:flex;gap:12px;align-items:baseline}.size-btn{border:none;background:none;color:var(--text-color);cursor:pointer;font-family:serif;font-weight:700;padding:2px 4px;opacity:.5}.size-btn[data-size=small]{font-size:20px}.size-btn[data-size=medium]{font-size:28px}.size-btn[data-size=large]{font-size:36px}.size-btn.active{opacity:1;text-decoration:underline}.size-btn:hover:not(.active){opacity:.8}.cell:hover:not(.revealed):not(.flagged){background-color:var(--cell-bg-hover)}.cell.revealed{border:1px solid var(--cell-border-in);background-color:var(--cell-revealed-bg);cursor:default}.cell.mine{background-color:var(--mine-bg)}.cell.flagged{background-color:var(--cell-bg)}.cell.flagged:after{content:"🚩"}.cell.correct-flag{background-color:var(--cell-bg)}.cell.correct-flag:after{content:"🚩";filter:hue-rotate(90deg) saturate(2)}.cell.question-mark{background-color:var(--cell-bg);color:var(--text-color);font-weight:700;font-size:18px}.cell[data-count="1"]{color:var(--num-1)}.cell[data-count="2"]{color:var(--num-2)}.cell[data-count="3"]{color:var(--num-3)}.cell[data-count="4"]{color:var(--num-4)}.cell[data-count="5"]{color:var(--num-5)}.cell[data-count="6"]{color:var(--num-6)}.cell[data-count="7"]{color:var(--num-7)}.cell[data-count="8"]{color:var(--num-8)}[data-theme=classic] .cell{border-width:3px;border-style:solid;border-color:#ffffff #808080 #808080 #ffffff}[data-theme=classic] .cell.revealed{border-width:1px;border-color:gray}@keyframes cellReveal{0%{transform:scale(1);opacity:.7}50%{transform:scale(.92)}to{transform:scale(1);opacity:1}}@keyframes flagPop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes flagRemove{0%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}@keyframes mineExplode{0%{transform:scale(.5);background-color:var(--mine-bg)}50%{transform:scale(1.15);background-color:#ff0}to{transform:scale(1);background-color:var(--mine-bg)}}@keyframes boardShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes winGlow{0%{box-shadow:0 0 5px var(--status-won)}50%{box-shadow:0 0 20px var(--status-won),0 0 30px var(--status-won)}to{box-shadow:0 0 10px var(--status-won)}}@keyframes winCellPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes confettiDrop{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(20px) rotate(180deg)}}[data-animations=enabled] .cell.flagged.animate-flag:after{animation:flagPop .25s ease-out}[data-animations=enabled] .cell.animate-unflag:after{content:"🚩";animation:flagRemove .15s ease-in forwards}[data-animations=enabled] .cell.mine.animate-explode{animation:mineExplode .3s ease-out}[data-animations=enabled] #board.shake{animation:boardShake .4s ease-out}[data-animations=enabled] #board.win-glow{animation:winGlow .6s ease-in-out 3}[data-animations=enabled] .cell.win-pulse{animation:winCellPulse .4s ease-in-out}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center}.modal.hidden{display:none}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080}.modal-content{position:relative;background-color:var(--bg-color);border:3px solid var(--board-border);padding:16px 20px;text-align:center;box-shadow:0 4px 20px #0000004d;max-width:90%;width:320px}.modal-content h2{margin:0 0 10px;color:var(--title-color);font-size:18px}.modal-content p{margin:0 0 14px;color:var(--text-color);font-size:13px;line-height:1.4}.modal-buttons{display:flex;gap:10px;justify-content:center}.modal-btn{padding:8px 16px;font-size:13px;cursor:pointer;background-color:var(--button-bg);border:2px outset var(--cell-border-out);color:var(--text-color);min-width:100px;transition:background-color .15s ease}.modal-btn:hover{background-color:var(--cell-bg-hover)}.modal-btn:active{border:2px inset var(--cell-border-out)}.modal-btn.primary{background-color:var(--button-active-bg);font-weight:700}[data-theme=classic] .modal-btn.primary,[data-theme=dark] .modal-btn.primary{color:#fff}[data-animations=enabled] .modal .modal-backdrop{animation:fadeIn .2s ease-out}[data-animations=enabled] .modal .modal-content{animation:slideIn .25s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}[data-animations=enabled] .cell.correct-flag.animate-win:after{animation:confettiDrop .5s ease-out .3s}.custom-content{text-align:left;width:320px}.custom-form{display:flex;flex-direction:column;gap:16px}.custom-field{display:flex;align-items:center;gap:10px}.custom-field label{font-weight:700;min-width:80px}.custom-field input{width:80px;padding:8px 10px;font-size:14px;border:2px inset var(--cell-border-out);background-color:var(--button-bg);color:var(--text-color);text-align:center}.custom-field input:focus{outline:2px solid var(--button-active-bg);outline-offset:1px}.field-hint{font-size:12px;color:var(--text-color);opacity:.7}.custom-error{color:var(--status-lost);font-size:13px;padding:8px;background-color:#ff00001a;border:1px solid var(--status-lost);text-align:center}.custom-error.hidden{display:none}.custom-form .modal-buttons{margin-top:8px}[data-theme=dark] .custom-field input{border-color:var(--cell-border-out)}[data-theme=dark] .custom-error{background-color:#f4433626}#pause-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100;border-radius:4px}#pause-overlay.hidden{display:none}.pause-content{display:flex;flex-direction:column;align-items:center;gap:16px;color:#fff;text-align:center}.pause-icon{font-size:64px;color:#888;filter:grayscale(100%)}.pause-text{font-size:28px;font-weight:700;letter-spacing:4px}.pause-hint{font-size:12px;opacity:.7;margin-top:8px}#app{position:relative}#board.paused{filter:blur(10px);pointer-events:none}#pause-btn:disabled{opacity:.5;cursor:not-allowed}#auto-pause{width:18px;height:18px;cursor:pointer;accent-color:var(--button-active-bg)}.settings-section label[for=auto-pause]{cursor:pointer}