.minesweeper-app{--mine-cell-size:20px;background:silver;align-items:stretch;padding:2px;position:relative}.minesweeper-menu-bar{z-index:30;background:silver;flex:0 0 22px;align-items:center;min-height:22px;padding:0 2px 1px;display:flex;position:relative}.minesweeper-menu-bar>button{line-height:16px;color:#000!important;min-width:0!important;min-height:20px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:1px 7px!important}.minesweeper-menu-bar>button:hover,.minesweeper-menu-bar>button:focus-visible,.minesweeper-menu-bar>button[aria-expanded=true]{color:#fff!important;background:navy!important;outline:0!important}.minesweeper-menu{z-index:80;color:#000;background:silver;border:0;width:188px;min-width:188px;margin:0;padding:2px;display:block;position:absolute;top:21px;left:2px;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px #dfdfdf}.minesweeper-menu--help{width:148px;min-width:148px;left:49px}.minesweeper-menu[hidden]{display:none!important}.minesweeper-menu button{text-align:left;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;width:100%;color:#000!important;min-width:0!important;min-height:22px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:2px 8px 2px 4px!important;display:grid!important}.minesweeper-menu button:hover,.minesweeper-menu button:focus-visible{color:#fff!important;background:navy!important;outline:0!important}.minesweeper-menu button i{width:12px;height:12px;font-style:normal;display:block;position:relative}.minesweeper-menu button i.is-checked:before{content:"✓";font-size:15px;font-weight:700;line-height:14px;position:absolute;top:-3px;left:0}.minesweeper-menu kbd{color:inherit;font:inherit}.minesweeper-menu hr{border:0;height:2px;margin:2px 3px;box-shadow:inset 0 1px gray,inset 0 -1px #fff}.minesweeper-client{overscroll-behavior:contain;background:silver;flex-direction:column;flex:auto;justify-content:flex-start;align-items:center;gap:6px;min-width:0;min-height:0;padding:6px;display:flex;overflow:auto}.minesweeper-score-panel{width:max-content;min-width:calc(var(--mine-cell-size) * var(--mine-cols));background:silver;flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;height:50px;padding:5px 7px;display:grid;box-shadow:inset -2px -2px #fff,inset 2px 2px gray,inset -3px -3px #dfdfdf,inset 3px 3px #000}.minesweeper-counter{color:red;letter-spacing:-2px;text-align:center;text-shadow:0 0 2px red;background:#000;justify-self:start;width:51px;height:32px;padding:1px 2px 0;font-family:Courier New,Courier,monospace;font-size:27px;font-weight:700;line-height:29px;display:block;overflow:hidden;box-shadow:inset -1px -1px #fff,inset 1px 1px gray,0 0 0 1px #000}.minesweeper-counter:last-child{justify-self:end}.minesweeper-face{place-items:center;position:relative;background:silver!important;border:0!important;border-radius:0!important;width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;padding:1px!important;display:grid!important;box-shadow:inset -2px -2px #000,inset 2px 2px #fff,inset -3px -3px gray,inset 3px 3px #dfdfdf!important}.minesweeper-face:active,.minesweeper-face.is-pressed{padding:3px 0 0 3px!important;box-shadow:inset -1px -1px #fff,inset 1px 1px #000,inset -2px -2px #dfdfdf,inset 2px 2px gray!important}.minesweeper-face svg{width:22px;height:22px;image-rendering:pixelated;display:block}.minesweeper-face [data-face-expression]{display:none}.minesweeper-face[data-face-state=smile] [data-face-expression=smile],.minesweeper-face[data-face-state=pressed] [data-face-expression=pressed],.minesweeper-face[data-face-state=lost] [data-face-expression=lost],.minesweeper-face[data-face-state=won] [data-face-expression=won]{display:block}.minesweeper-board-frame{background:silver;flex:none;width:max-content;padding:3px;box-shadow:inset -2px -2px #fff,inset 2px 2px gray,inset -3px -3px #dfdfdf,inset 3px 3px #000}.minesweeper-board{grid-template-columns:repeat(var(--mine-cols), var(--mine-cell-size));grid-template-rows:repeat(var(--mine-rows), var(--mine-cell-size));width:calc(var(--mine-cols) * var(--mine-cell-size));height:calc(var(--mine-rows) * var(--mine-cell-size));touch-action:manipulation;user-select:none;background:silver;display:grid}.mine-cell{text-align:center;cursor:default;touch-action:manipulation;place-items:center;position:relative;overflow:hidden;width:var(--mine-cell-size)!important;min-width:var(--mine-cell-size)!important;height:var(--mine-cell-size)!important;min-height:var(--mine-cell-size)!important;color:#000!important;font-family:Arial,Helvetica,sans-serif!important;font-size:max(9px, calc(var(--mine-cell-size) * .72))!important;background:silver!important;border:0!important;border-radius:0!important;padding:0!important;font-weight:900!important;line-height:1!important;display:grid!important;box-shadow:inset -2px -2px gray,inset 2px 2px #fff,inset -3px -3px #000,inset 3px 3px #dfdfdf!important}.mine-cell:focus-visible{z-index:3;outline-offset:-4px;outline:1px dotted #000!important}.mine-cell.is-held{box-shadow:inset 0 0 0 1px gray!important}.mine-cell.is-revealed,.mine-cell.is-exploded{background:silver!important;box-shadow:inset 0 0 0 1px gray!important}.mine-cell.is-exploded{background:red!important}.mine-cell[data-number="1"]{color:#00f!important}.mine-cell[data-number="2"]{color:green!important}.mine-cell[data-number="3"]{color:red!important}.mine-cell[data-number="4"]{color:navy!important}.mine-cell[data-number="5"]{color:maroon!important}.mine-cell[data-number="6"]{color:teal!important}.mine-cell[data-number="7"]{color:#000!important}.mine-cell[data-number="8"]{color:gray!important}.mine-cell.is-flagged:before{content:"";clip-path:polygon(0 0,100% 48%,0 100%);background:red;width:42%;height:34%;position:absolute;top:22%;left:30%}.mine-cell.is-flagged:after{content:"";width:10%;height:55%;box-shadow:calc(var(--mine-cell-size) * .13) calc(var(--mine-cell-size) * .48) 0 calc(var(--mine-cell-size) * .07) #000;background:#000;position:absolute;top:24%;left:32%}.mine-cell.is-question:before{content:"?";color:#000;font-size:max(10px, calc(var(--mine-cell-size) * .75));font-weight:900}.mine-cell.is-mine:before{content:"";width:48%;height:48%;box-shadow:0 calc(var(--mine-cell-size) * -.35) 0 calc(var(--mine-cell-size) * -.2) #000, 0 calc(var(--mine-cell-size) * .35) 0 calc(var(--mine-cell-size) * -.2) #000, calc(var(--mine-cell-size) * -.35) 0 0 calc(var(--mine-cell-size) * -.2) #000, calc(var(--mine-cell-size) * .35) 0 0 calc(var(--mine-cell-size) * -.2) #000, calc(var(--mine-cell-size) * -.25) calc(var(--mine-cell-size) * -.25) 0 calc(var(--mine-cell-size) * -.22) #000, calc(var(--mine-cell-size) * .25) calc(var(--mine-cell-size) * -.25) 0 calc(var(--mine-cell-size) * -.22) #000, calc(var(--mine-cell-size) * -.25) calc(var(--mine-cell-size) * .25) 0 calc(var(--mine-cell-size) * -.22) #000, calc(var(--mine-cell-size) * .25) calc(var(--mine-cell-size) * .25) 0 calc(var(--mine-cell-size) * -.22) #000;background:#000;border-radius:50%;position:absolute}.mine-cell.is-mine:after{content:"";background:#fff;width:15%;height:15%;position:absolute;top:32%;left:35%}.mine-cell.is-wrong:after{z-index:4;content:"";background:red;width:90%;height:2px;position:absolute;top:45%;left:5%;transform:rotate(-45deg);box-shadow:0 0 0 1px #80000059}.mine-cell.is-wrong .mine-cell__wrong-cross,.mine-cell.is-wrong:before{transform:rotate(45deg)}.minesweeper-dialog-layer{z-index:100;background:#00000038;place-items:center;padding:10px;display:grid;position:absolute;inset:22px 0 0}.minesweeper-dialog-layer[hidden],.minesweeper-dialog[hidden]{display:none!important}.minesweeper-dialog{width:min(330px,100%);margin:0}.minesweeper-dialog .window-body{margin:8px}.minesweeper-custom-form{grid-template-columns:1fr;gap:7px;display:grid}.minesweeper-custom-form label{grid-template-columns:1fr 90px;align-items:center;gap:8px;display:grid}.minesweeper-custom-form input,.minesweeper-record-form input{color:#000;background:#fff;min-width:0}.minesweeper-dialog-actions{justify-content:flex-end;gap:7px;margin-top:12px;display:flex}.minesweeper-dialog-actions button{min-width:78px}.minesweeper-best-table{border-collapse:collapse;width:100%}.minesweeper-best-table th,.minesweeper-best-table td{text-align:left;white-space:nowrap;padding:3px 5px}.minesweeper-best-table th{font-weight:400}.minesweeper-help-copy ul{padding-left:22px}.minesweeper-about-copy{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:10px;display:grid}.minesweeper-about-copy img{image-rendering:pixelated}.minesweeper-about-copy p{margin:6px 0 0}.minesweeper-about-copy .minesweeper-dialog-actions{grid-column:1/-1}@media (width<=560px),(pointer:coarse){.minesweeper-app{padding:1px}.minesweeper-menu-bar{flex-basis:28px;min-height:28px}.minesweeper-menu-bar>button{min-height:26px!important;padding-left:11px!important;padding-right:11px!important}.minesweeper-menu{top:27px}.minesweeper-menu--help{left:64px}.minesweeper-menu button{min-height:34px!important}.minesweeper-client{justify-content:flex-start;gap:4px;padding:4px 2px}.minesweeper-score-panel{height:48px;padding:4px 6px}.mine-cell{font-size:max(8px, calc(var(--mine-cell-size) * .7))!important}.minesweeper-dialog-layer{inset:28px 0 0}.minesweeper-dialog button{min-height:34px!important}.minesweeper-custom-form input,.minesweeper-record-form input{min-height:34px;font-size:16px}}