:root{--cell-size-mobile:18px;--cell-size-tablet:25px;--cell-size-desktop:32px;--cell-border-width:2px;--board-border-width:4px}.minesweeper-card{max-width:100%;margin:0 auto;position:relative;overflow:hidden}.minesweeper-controls{flex-direction:column;align-items:center;gap:15px;margin-bottom:20px;display:flex}.difficulty-buttons{flex-wrap:wrap;justify-content:center;gap:8px;max-width:100%;display:flex}.game-info{justify-content:space-between;align-items:center;gap:15px;width:100%;max-width:300px;font-size:.9rem;font-weight:600;display:flex}.minesweeper-board-container{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-khtml-user-select:none;background:linear-gradient(135deg,#f0f0f0 0%,#e0e0e0 100%);border-radius:12px;justify-content:center;max-width:100%;margin-bottom:20px;padding:15px;display:flex;overflow:auto hidden;box-shadow:inset 0 2px 8px #0000001a}.minesweeper-board{border:var(--board-border-width) solid #7b7b7b;box-sizing:content-box;grid-gap:0;grid-template-columns:repeat(var(--grid-cols), var(--dynamic-cell-size,var(--cell-size-mobile)));grid-template-rows:repeat(var(--grid-rows), var(--dynamic-cell-size,var(--cell-size-mobile)));background-color:#bdbdbd;border-color:#a3a3a3 #fff #fff #a3a3a3;max-width:100%;display:grid}.cell{border:var(--cell-border-width) solid;-webkit-user-select:none;user-select:none;cursor:pointer;box-sizing:border-box;width:var(--dynamic-cell-size,var(--cell-size-mobile));height:var(--dynamic-cell-size,var(--cell-size-mobile));font-weight:700;font-size:calc(var(--dynamic-cell-size,var(--cell-size-mobile)) * .45);-webkit-touch-callout:none;-khtml-user-select:none;touch-action:manipulation;background-color:#bdbdbd;border-color:#fff #7b7b7b #7b7b7b #fff;justify-content:center;align-items:center;transition:all .1s ease-in-out;display:flex}.cell:active:not(.cell-open):not(.cell-flag):not(.cell-question){border-color:#7b7b7b #fff #fff #7b7b7b;transform:translate(1px,1px)}.cell-open{cursor:default;background-color:#cecece;border-width:1px;border-color:#9c9c9c}.cell-mine{background-color:#e57373!important}.cell-flag,.cell-question{background-color:#bdbdbd}.cell-open.cell-number-1{color:#00f}.cell-open.cell-number-2{color:green}.cell-open.cell-number-3{color:red}.cell-open.cell-number-4{color:navy}.cell-open.cell-number-5{color:maroon}.cell-open.cell-number-6{color:teal}.cell-open.cell-number-7{color:#000}.cell-open.cell-number-8{color:gray}.game-result-box{text-align:center;background:linear-gradient(135deg,#fff3cd 0%,#ffeaa7 100%);border:2px solid #f39c12;border-radius:12px;margin-top:20px;padding:20px;font-size:1.1rem;font-weight:600}.game-result-box p{margin:0 0 15px;font-size:1.2rem}@media screen and (width<=767px){.minesweeper-board-container{-webkit-overflow-scrolling:touch;justify-content:flex-start;padding:5px;overflow-x:auto}.minesweeper-controls,.game-info{min-width:0;max-width:100%}.difficulty-buttons .game-btn{min-width:0}.minesweeper-board[style*="--grid-cols: 8"]{--dynamic-cell-size:min(35px, calc((100vw - 60px) / 8))}.minesweeper-board[style*="--grid-cols: 16"]{--dynamic-cell-size:min(20px, calc((100vw - 60px) / 16))}.minesweeper-board[style*="--grid-cols: 30"]{--dynamic-cell-size:min(11px, calc((100vw - 60px) / 30));--cell-border-width:1px;--board-border-width:2px}.minesweeper-board[style*="--grid-cols: 30"] .cell{font-size:calc(var(--dynamic-cell-size) * .5);border-width:1px}.minesweeper-board[style*="--grid-cols: 30"]{border-width:2px}}@media screen and (width>=768px){.minesweeper-board{--dynamic-cell-size:var(--cell-size-tablet)}.game-info{max-width:350px;font-size:1rem}.minesweeper-board-container{padding:20px}}@media screen and (width>=1024px){.minesweeper-card{max-width:1000px}.minesweeper-board{--dynamic-cell-size:var(--cell-size-desktop)}.game-info{max-width:400px;font-size:1.1rem}.minesweeper-controls{gap:20px}.difficulty-buttons{gap:12px}.minesweeper-board-container{padding:25px}}@media screen and (width>=1440px){.minesweeper-card{max-width:1200px}.game-info{max-width:450px;font-size:1.2rem}}@media (prefers-reduced-motion:reduce){.cell{transition:none}}@media (prefers-contrast:high){.cell{border-width:3px}.minesweeper-board{border-width:6px}.cell-open.cell-number-1{color:navy}.cell-open.cell-number-2{color:#004000}.cell-open.cell-number-3{color:maroon}}