.game-wrapper{display:flex;flex-direction:row;justify-content:center;width:100vw;height:100vh}.minesweeper-container{display:flex;align-items:center;justify-content:center;flex:1}.minesweeper-grid{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--fg-color)}.minesweeper-grid-row{display:flex;flex-direction:row;align-items:center;justify-content:center}.minesweeper-cell{display:flex;align-items:center;justify-content:center;grid-area:1/1;-webkit-user-select:none;user-select:none;cursor:pointer;font-size:1.5em;border:1px solid var(--fg-color);width:2em;height:2em}.minesweeper-cell-uncovered{background-color:#fff}.minesweeper-cell-covered,.minesweeper-cell-flag{background-color:#789}.minesweeper-cell-bomb{background-color:red}.minesweeper-cell-wrapper{display:grid}.minesweeper-cell-overlay{display:flex;align-items:center;justify-content:center;grid-area:1/1;-webkit-user-select:none;user-select:none;cursor:pointer;font-size:1.5em;width:2em;height:2em}.minesweeper-cell-overlay-disrupt{transition-duration:.1s;background-color:red;opacity:.75}.minesweeper-cell-overlay-nodisrupt{transition-duration:1s}.result-modal{display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;text-align:center;vertical-align:middle}.result-text{font-size:2rem}.result-button{margin-bottom:20px;font-size:1rem;padding:10px;border-radius:8px;outline:none;border:none;background-color:var(--bg-color)}.win-screen{background-color:#0f09}.lose-screen{background-color:#f009}.leaderboard-container{display:flex;flex-direction:column;background-color:var(--bg-color);opacity:80%;padding:20px;font-size:120%}.leaderboard-top-header{margin-bottom:20px;font-weight:700}.leaderboard-winner-container{border-bottom:1px solid var(--fg-color)}.leaderboard-loser-container{border-top:1px solid var(--fg-color)}.leaderboard-item{display:flex;flex-direction:row;gap:24px;width:100%}.leaderboard-rank{width:45px;text-align:right}.leaderboard-user{flex:1;text-align:left}.leaderboard-user.winner{color:green}.leaderboard-user.loser{color:red}.preview-cell{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;width:.5em;height:.5em}.preview-visible{background-color:#fff}.preview-hidden{background-color:#789}.preview-flag{background-color:red}.preview-game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;flex:.5}.preview-grid-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.preview-header{text-align:center;width:100%;background-color:#444}.preview-grid{grid-area:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--fg-color)}.preview-grid-row{display:flex;flex-direction:row;align-items:center;justify-content:center}.preview-overlay-container{display:grid}.preview-overlay{grid-area:1 / 1}.preview-winner{background-color:#0f09}.preview-loser{background-color:#f009}.login-container{display:flex;flex-direction:column;gap:1em;align-items:center;justify-content:center;width:100vw;height:100vh}.username-input{margin-left:8px;margin-right:16px}.username-submit{padding:4px 8px;font-family:inherit}.join-game-container{display:flex;align-items:center;justify-content:center}.join-game-list{display:grid;grid-template-columns:50px 2fr 1fr;gap:16px 8px;padding:16px;border:1px solid var(--fg-color)}.join-game-item{display:contents}.join-game-button{font-family:inherit;font-size:inherit;border:2px solid var(--fg-color);border-radius:4px;padding:4px}.join-game-id,.join-game-users{text-align:center}.create-game-button{display:flex;justify-content:center;background-color:var(--fg-color);color:var(--bg-color);padding:8px;border-radius:8px;border:2px solid var(--fg-color)}:root{--fg-color: rgba(255, 255, 255, .87);--bg-color: #242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--fg-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;min-width:320px;min-height:100vh}@media (prefers-color-scheme: light){:root{--fg-color: #213547;--bg-color: #ffffff}}