body{margin:0;display:flex;justify-content:center;align-items:center;min-width:320px;min-height:100vh;overflow-x:auto;background:silver;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root{width:100%;display:flex;justify-content:center}.game{display:flex;flex-direction:column;gap:4px;width:max-content;max-width:100%}.board{display:inline-grid;grid-template-columns:repeat(var(--cols),32px);justify-content:center;list-style-type:none;gap:0;padding:0;margin:0;border:3px solid;border-color:#808080 #fff #fff #808080;background:silver}.MineCell{width:32px;height:32px;margin:0;padding:0;border:3px solid;border-color:#fff #808080 #808080 #fff;background:silver;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-weight:700;color:#000;outline:none}.MineCell:active:not(.uncovered){border-color:gray;border-width:1px}.MineCell.uncovered{border:1px solid #808080;background:silver}.MineCell.value-1{color:#00f}.MineCell.value-2{color:green}.MineCell.value-3{color:red}.MineCell.value-4{color:navy}.MineCell.value-5{color:maroon}.MineCell.value-6{color:teal}.MineCell.value-7{color:#000}.MineCell.value-8{color:gray}.cell-icon{width:20px;height:20px;pointer-events:none}#LevelSelect{display:flex;gap:16px;align-items:center;justify-content:space-between;box-sizing:border-box;min-height:58px;padding:6px 8px;border:3px solid;border-color:#fff #808080 #808080 #fff;background:silver}.game-controls,.timer-area{display:flex;align-items:center;gap:8px}.timer-display{display:grid;grid-template-columns:repeat(3,1.1em);gap:2px;padding:4px;font-size:27px;border:3px solid;border-color:#808080 #fff #fff #808080;background:#000}.timer-digit{display:inline-flex;align-items:center;justify-content:center;width:1.1em;height:1.25em;box-sizing:border-box;background:#000;color:red;font-family:Courier New,monospace;font-size:27px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 0 2px #f00}.result-icon{width:44px;height:44px;object-fit:contain;flex:0 0 44px}select,#startButton{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;padding:2px 8px;background:silver;border:3px solid;border-color:#fff #808080 #808080 #fff;color:#000;cursor:pointer;outline:none}select:active,#startButton:active{border-color:#808080 #fff #fff #808080}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}