.mines-shortcut{top:429px}
.mines-desktop-icon{position:relative;width:48px;height:48px;filter:drop-shadow(1px 2px 1px #19354d70)}
.mines-desktop-icon img{display:block}
.mines-window{width:auto;height:auto;max-width:calc(100% - 16px);max-height:calc(100% - 16px);left:50%;top:50%;z-index:6}
.mines-caption-icon{object-fit:contain;flex:none}
.mines-menu-bar button[aria-pressed="true"]{background:#fff;border-color:#aca899;box-shadow:inset 1px 1px #d6d2c2}
.mines-area{flex:1;min-height:0;overflow:auto;display:grid;place-items:center;padding:6px}
.mines-frame{background:#c0c0c0;padding:6px;border:3px solid;border-color:#fff #7b7b7b #7b7b7b #fff;width:max-content}
.mines-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;padding:4px 6px;border:2px solid;border-color:#7b7b7b #fff #fff #7b7b7b}
.mines-led{min-width:47px;padding:1px 3px;background:#000;color:#ff1d1d;font:700 24px/26px "Courier New",monospace;letter-spacing:1px;text-align:center;border:1px solid;border-color:#7b7b7b #fff #fff #7b7b7b;text-shadow:0 0 4px #ff000080}
.mines-face{display:grid;place-items:center;width:34px;height:34px;padding:0;background:#c0c0c0;border:3px solid;border-color:#fff #7b7b7b #7b7b7b #fff}
.mines-face:active{border-color:#7b7b7b #fff #fff #7b7b7b}
.mines-face svg{display:block;image-rendering:pixelated}
.mines-board{display:grid;grid-template-columns:repeat(var(--cols,9),24px);border:3px solid;border-color:#7b7b7b #fff #fff #7b7b7b;user-select:none;-webkit-user-select:none;touch-action:manipulation}
.mines-cell{position:relative;display:grid;place-items:center;width:24px;height:24px;padding:0;background:#c0c0c0;border:3px solid;border-color:#fff #7b7b7b #7b7b7b #fff;font:700 15px/1 Tahoma,Verdana,sans-serif;-webkit-touch-callout:none}
.mines-cell:focus-visible{outline:2px dotted #000;outline-offset:-5px}
.mines-cell.is-open,.mines-cell:not(.is-flag):active{border:0;border-left:1px solid #7b7b7b;border-top:1px solid #7b7b7b}
.mines-cell.n1{color:#0000ff}.mines-cell.n2{color:#008000}.mines-cell.n3{color:#ff0000}.mines-cell.n4{color:#000080}
.mines-cell.n5{color:#800000}.mines-cell.n6{color:#008080}.mines-cell.n7{color:#000}.mines-cell.n8{color:#7b7b7b}
/* Mine: a black ball with a highlight, plus spikes drawn as a cross and an X */
.mines-cell.is-mine{background-image:linear-gradient(#000,#000),linear-gradient(#000,#000);background-size:2px 17px,17px 2px;background-position:center;background-repeat:no-repeat}
.mines-cell.is-mine::before{content:"";width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0 16%,#000 20%)}
.mines-cell.is-mine::after{content:"";position:absolute;inset:4px;background:linear-gradient(45deg,transparent 46%,#000 46% 54%,transparent 54%),linear-gradient(-45deg,transparent 46%,#000 46% 54%,transparent 54%);z-index:-1}
.mines-cell.is-mine{isolation:isolate}
.mines-cell.is-exploded{background-color:#ff0000}
/* Flag: red pennant on a black pole with a two-step base */
.mines-cell.is-flag,.mines-cell.is-wrong{display:block;background-image:linear-gradient(#000,#000),linear-gradient(#000,#000);background-size:10px 2px,6px 2px;background-position:6px 14px,8px 12px;background-repeat:no-repeat}
.mines-cell.is-flag::before,.mines-cell.is-wrong::before{content:"";position:absolute;left:3px;top:1px;border-style:solid;border-width:5px 8px 5px 0;border-color:transparent #ff0000 transparent transparent}
.mines-cell.is-flag::after,.mines-cell.is-wrong::after{content:"";position:absolute;left:10px;top:1px;width:2px;height:12px;background:#000}
/* A flag on a square that wasn't a mine gets a red cross once the game is lost */
.mines-cell.is-wrong{background-image:linear-gradient(45deg,transparent 42%,#e00 42% 58%,transparent 58%),linear-gradient(-45deg,transparent 42%,#e00 42% 58%,transparent 58%),linear-gradient(#000,#000),linear-gradient(#000,#000);background-size:100% 100%,100% 100%,10px 2px,6px 2px;background-position:0 0,0 0,6px 14px,8px 12px}
@media(max-width:600px){.desktop-shortcut{width:72px}#open-photo{left:4px}.paint-shortcut{left:78px}.browser-shortcut{left:152px}.pinball-shortcut{left:226px}.mines-shortcut{top:12px;left:300px}.mines-window{top:55%}.mines-menu-bar button{padding-inline:5px}}
@media(max-height:510px){.mines-shortcut{left:10px;top:390px}}