:root{--lightBlue:#6c9cc6;--tan:rgb(230 219 184);--purple:#b68291;--green:#28b3ad;--fontA:"Avenir Next", Avenir, "-apple-system", Helvetica, Arial, sans-serif}body{background:var(--tan);font-family:var(--fontA)}a{text-decoration:none;color:var(--lightBlue)}.minesweeper-board{display:flex;flex-direction:column;gap:4px;user-select:none;-webkit-user-select:none}.minesweeper-board .row{display:flex;gap:4px}.cell{width:var(--cell-size,40px);height:var(--cell-size,40px);border-radius:5px;cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center;font-weight:900;font-family:var(--fontA);font-size:calc(var(--cell-size,40px) * .45);letter-spacing:0;background:#dbd1ad;box-shadow:inset 13.21px 13.21px 9px #d7cdaa,inset -13.21px -13.21px 9px #dfd5b0}.cell:not(.revealed):not(.flagged):active{transform:scale(.95)}.cell span{box-shadow:0 0 5px #d68157;background:linear-gradient(90deg,#d68157 0%,#c6603f 100%);width:100%;height:100%;border-radius:5px;pointer-events:none;display:block;opacity:1;transition:opacity 80ms ease;will-change:opacity;position:absolute;top:0;left:0}.cell.revealed span{opacity:0}.cell.revealed{background:#d4cba8;box-shadow:inset 2px 2px 4px #ccc49f,inset -2px -2px 4px #dcd3b1;cursor:default}.cell.flagged span{background:linear-gradient(90deg,var(--purple) 0%,#a0707f 100%);box-shadow:0 0 5px 0 var(--purple)}.cell.mine.revealed span{opacity:1;background:#666;box-shadow:0 0 5px #555}.cell.exploded span{opacity:1;background:#c66c6c;box-shadow:0 0 8px #c66c6c}.cell.wrong-flag span{opacity:1;background:linear-gradient(135deg,var(--purple) 40%,#c66c6c 60%);box-shadow:0 0 5px #c66c6c}.cell[data-count="1"]{color:var(--lightBlue)}.cell[data-count="2"]{color:var(--green)}.cell[data-count="3"]{color:#c66c6c}.cell[data-count="4"]{color:#7b68ae}.cell[data-count="5"]{color:#8b5e3c}.cell[data-count="6"]{color:#2f8b8b}.cell[data-count="7"]{color:#666}.cell[data-count="8"]{color:#999}.cell.flagged::after,.minesweeper-board.flag-cursor .cell:not(.revealed):not(.flagged):hover::after{content:'';position:absolute;width:55%;height:55%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='7' y1='3' x2='7' y2='21' stroke='%23fff' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpolygon points='7,3 19,7.5 7,12' fill='%23fff'/%3E%3Cline x1='5' y1='21' x2='12' y2='21' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:50%;z-index:3;pointer-events:none}.minesweeper-board.flag-cursor .cell:not(.revealed):not(.flagged):hover::after{opacity:.5}.minesweeper-board.flag-cursor .cell:not(.revealed){cursor:crosshair}.game-over .cell{cursor:default}.game-over .cell:active{transform:none}.flag-toggle{transition:all 200ms ease}.flag-toggle.active{color:var(--purple)!important;box-shadow:inset 3.6px 3.6px 9px #dbd2b4,inset -3.6px -3.6px 9px #ede4c4}.victory{position:absolute;width:100%;height:100%;min-width:300px;top:0;left:50%;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#e4dcbcd6;outline:65px solid #e4dcbcd6;font-family:var(--fontA);font-weight:900;z-index:4;transform:translateX(-50%)}.victory p{color:var(--lightBlue);margin-bottom:10px;margin-top:0}.victory-buttons{margin-top:15px}.victory-header{color:var(--green);font-weight:900;font-size:31px;font-family:var(--fontA);text-align:center;letter-spacing:1px;background:#e4dbbc;border-radius:5px;box-shadow:3.6px 3.6px 9px #dbd2b4,-3.6px -3.6px 9px #ede4c4;padding:5px 15px;margin-bottom:20px}.victory .button{display:inline-flex;justify-content:center;align-items:center;font-size:16px;height:40px;margin:5px;padding:5px 10px;font-family:var(--fontA);border-radius:5px;letter-spacing:1px;font-weight:900;background:#e4dbbc;box-shadow:3.6px 3.6px 9px #dbd2b4,-3.6px -3.6px 9px #ede4c4;border:none;color:var(--purple);cursor:pointer;opacity:1;transition:opacity 200ms ease}.victory .button:hover{opacity:.9}.hidden{display:none}.sidebar .score{width:100%;justify-content:space-between;padding:5px 0 5px 10px;font-size:14px;height:30px;border-radius:5px}.win-directions{font-style:italic;color:var(--purple)}.game-wrapper{position:relative}.game-area{flex-direction:column}.home-game.mine-game .minesweeper-board{gap:4px}.home-game.mine-game .cell{width:36px;height:36px;font-size:15px;cursor:default}.home-game.mine-game .cell span{border-radius:5px}.home-game.mine-game .row{display:flex;gap:4px;z-index:2}@media screen and (max-width:850px){.victory{min-width:unset;padding-left:10px;padding-right:10px}.victory-header{font-size:24px!important}}