@import url(https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap);:root{--cols:9;--grid-gap:0px;--grid-padding:0px;--cell-width:28px}*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none}body{font-family:Tahoma,"MS Sans Serif",Arial,sans-serif;background-color:teal!important;color:#000;min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:flex-start!important}.app-container,body div.app-container{width:auto;max-width:100%;background-color:silver;border:2px solid;border-color:#dfdfdf grey grey #dfdfdf;box-shadow:1px 1px 0 0 #000,inset 1px 1px 0 0 #fff;padding:3px;display:flex;flex-direction:column;gap:0;font-size:12px;min-height:auto!important;height:auto!important}.win-title-bar{background:linear-gradient(90deg,navy,#1084d0);color:#fff;padding:3px 4px 3px 3px;display:flex;justify-content:space-between;align-items:center;font-weight:700;height:18px}.win-title-bar-text{display:flex;align-items:center;gap:4px;font-family:sans-serif}.win-title-icon{font-size:12px}.win-title-bar-controls{display:flex;gap:2px}.win-control-btn{width:16px;height:14px;font-size:9px;font-weight:700;background-color:silver;color:#000;border:1px solid;border-color:#fff grey grey #fff;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:0;padding-bottom:2px}.win-control-btn:active:not(:disabled){border-color:grey #fff #fff grey;padding-top:1px;padding-bottom:0}.win-control-btn:disabled{color:grey;cursor:default}.win-menu-bar{background-color:silver;display:flex;gap:6px;padding:4px;border-bottom:1px solid grey}.win-menu-btn{background-color:silver;color:#000;border:2px solid;border-color:#fff grey grey #fff;padding:3px 8px;font-size:11px;font-weight:700;cursor:pointer;outline:0}.win-menu-btn:active{border-color:grey #fff #fff grey}.win-menu-btn.active{border-color:grey #fff #fff grey;background-color:#e0e0e0}.win-window-body{border:3px solid;border-color:grey #fff #fff grey;padding:6px;background-color:silver}.status-panel{background-color:silver;border:2px solid;border-color:grey #fff #fff grey;padding:4px 7px;display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.status-box{background-color:#000;border:1px solid;border-color:grey #fff #fff grey;padding:2px 4px;height:25px;min-width:44px;display:flex;align-items:center;justify-content:center}.status-val{font-family:'Share Tech Mono',monospace;font-size:22px;font-weight:700;color:red;letter-spacing:1.5px;line-height:1}.smiley-btn{width:26px;height:26px;background-color:silver;border:2px solid;border-color:#fff grey grey #fff;cursor:pointer;outline:0;display:flex;align-items:center;justify-content:center;padding:0;background-repeat:no-repeat;background-position:center;background-size:20px 20px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26"><circle cx="13" cy="13" r="10" fill="yellow" stroke="black" stroke-width="1"/><circle cx="10" cy="10" r="1.2" fill="black"/><circle cx="16" cy="10" r="1.2" fill="black"/><path d="M9,14 Q13,18 17,14" fill="none" stroke="black" stroke-width="1.2" stroke-linecap="round"/></svg>')}.smiley-btn:active{border-color:grey #fff #fff grey}.smiley-btn.scared{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26"><circle cx="13" cy="13" r="10" fill="yellow" stroke="black" stroke-width="1"/><circle cx="10" cy="10" r="1.2" fill="black"/><circle cx="16" cy="10" r="1.2" fill="black"/><circle cx="13" cy="15" r="2.2" fill="none" stroke="black" stroke-width="1.2"/></svg>')}.smiley-btn.won{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26"><circle cx="13" cy="13" r="10" fill="yellow" stroke="black" stroke-width="1"/><path d="M6,9 L12,9 L11.5,12 L9.5,12 Z M14,9 L20,9 L19.5,12 L17.5,12 Z" fill="black"/><line x1="12" y1="10" x2="14" y2="10" stroke="black" stroke-width="1.5"/><path d="M10,15 Q13,18 16,15" fill="none" stroke="black" stroke-width="1.2" stroke-linecap="round"/></svg>')}.smiley-btn.lost{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26"><circle cx="13" cy="13" r="10" fill="yellow" stroke="black" stroke-width="1"/><path d="M8,9 L11,12 M11,9 L8,12" stroke="black" stroke-width="1.2"/><path d="M15,9 L18,12 M18,9 L15,12" stroke="black" stroke-width="1.2"/><path d="M10,16 Q13,13 16,16" fill="none" stroke="black" stroke-width="1.2" stroke-linecap="round"/></svg>')}.mode-selector{display:flex;gap:4px;margin-bottom:6px}.mode-btn{flex:1;background-color:silver;color:#000;border:2px solid;border-color:#fff grey grey #fff;padding:4px;font-size:11px;font-weight:700;cursor:pointer;outline:0;display:flex;align-items:center;justify-content:center;gap:4px}.mode-btn.active{border-color:grey #fff #fff grey;background-color:#e0e0e0}.game-area{display:flex;justify-content:center;align-items:center;padding:0}.mines-container{display:grid;grid-template-columns:repeat(var(--cols),1fr);background-color:grey;border:3px solid;border-color:grey #fff #fff grey;width:calc(var(--cell-width) * var(--cols) + 6px);max-width:100%}.mine-cell{width:var(--cell-width);height:var(--cell-width);aspect-ratio:1/1;background-color:silver;border:2px solid;border-color:#fff grey grey #fff;display:flex;align-items:center;justify-content:center;font-family:monospace;font-size:16px;font-weight:900;cursor:pointer;position:relative;user-select:none;-webkit-user-select:none}.mine-cell:active:not(.revealed):not(.flagged){border:1px solid grey;background-color:silver}.mine-cell.revealed{border:1px solid #7f7f7f;background-color:silver}.cell-1{color:#00f}.cell-2{color:green}.cell-3{color:red}.cell-4{color:navy}.cell-5{color:maroon}.cell-6{color:teal}.cell-7{color:#000}.cell-8{color:grey}.mine-cell.flagged{color:transparent!important}.mine-cell.flagged::after{content:"";position:absolute;width:18px;height:18px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><rect x="9" y="1" width="1.5" height="11" fill="%23000"/><path d="M2,3 L9,1.5 L9,6 L2,7 Z" fill="%23ff0000"/><polygon points="6,12 12,12 11,10 7,10" fill="%23000"/><rect x="5" y="11" width="8" height="1" fill="%237f7f7f"/></svg>') center/contain no-repeat}.mine-cell.mine{border:1px solid #7f7f7f;background-color:silver;color:transparent!important}.mine-cell.mine::after{content:"";position:absolute;width:18px;height:18px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><circle cx="8" cy="8" r="4.5" fill="black"/><rect x="7.2" y="1" width="1.6" height="14" fill="black"/><rect x="1" y="7.2" width="14" height="1.6" fill="black"/><rect x="3.5" y="3.5" width="9" height="9" fill="none" stroke="black" stroke-width="1.6"/><rect x="6" y="5.5" width="1.8" height="1.8" fill="white"/></svg>') center/contain no-repeat}.mine-cell.exploded{background-color:red!important;border:1px solid #7f7f7f;animation:none!important;color:transparent!important}.mine-cell.exploded::after{content:"";position:absolute;width:18px;height:18px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><circle cx="8" cy="8" r="4.5" fill="black"/><rect x="7.2" y="1" width="1.6" height="14" fill="black"/><rect x="1" y="7.2" width="14" height="1.6" fill="black"/><rect x="3.5" y="3.5" width="9" height="9" fill="none" stroke="black" stroke-width="1.6"/><rect x="6" y="5.5" width="1.8" height="1.8" fill="white"/></svg>') center/contain no-repeat}.mine-cell.flag-wrong{border:1px solid #7f7f7f;background-color:silver;color:transparent!important}.mine-cell.flag-wrong::after{content:"";position:absolute;width:18px;height:18px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><rect x="9" y="1" width="1.5" height="11" fill="%23000"/><path d="M2,3 L9,1.5 L9,6 L2,7 Z" fill="%23ff0000"/><polygon points="6,12 12,12 11,10 7,10" fill="%23000"/><rect x="5" y="11" width="8" height="1" fill="%237f7f7f"/><line x1="2" y1="2" x2="14" y2="14" stroke="red" stroke-width="2"/><line x1="14" y1="2" x2="2" y2="14" stroke="red" stroke-width="2"/></svg>') center/contain no-repeat}#leaderboard-input-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;z-index:9999}.modal-card{background-color:silver!important;border:2px solid!important;border-color:#fff grey grey #fff!important;box-shadow:2px 2px 10px rgba(0,0,0,.5)!important;padding:3px!important;width:280px!important;max-width:90%;animation:none!important;border-radius:0!important}.modal-card h2{background:linear-gradient(90deg,navy,#1084d0);color:#fff!important;margin:0 0 10px!important;padding:3px 6px!important;font-size:12px!important;font-weight:700!important;text-align:left!important}.modal-card p{font-size:11px;margin-bottom:8px;padding:0 10px;text-align:left}#player-name-input{width:calc(100% - 20px)!important;margin:0 auto 10px!important;display:block!important;background-color:#fff!important;color:#000!important;border:2px solid!important;border-color:grey #fff #fff grey!important;border-radius:0!important;padding:4px!important;font-size:12px!important;outline:0}.primary-btn{background-color:silver!important;color:#000!important;border:2px solid!important;border-color:#fff grey grey #fff!important;border-radius:0!important;padding:4px 14px!important;font-size:11px!important;font-weight:700!important;cursor:pointer;box-shadow:none!important;outline:0}.primary-btn:active{border-color:grey #fff #fff grey!important}.modal-buttons{display:flex;justify-content:center;gap:10px}.game-instruction{font-size:11px;color:#000;line-height:1.4;text-align:left;border-top:2px solid;border-color:grey #fff #fff grey;padding-top:6px;margin-top:8px}.leaderboard-section{background-color:silver!important;border:2px solid!important;border-color:grey #fff #fff grey!important;padding:6px!important;margin-top:8px!important;border-radius:0!important;box-shadow:none!important}.leaderboard-header h3{font-size:11px!important;color:#000!important;margin-bottom:6px;font-weight:700}.leaderboard-table th{color:#000!important;border-bottom:2px solid grey!important;font-size:11px!important}.leaderboard-table td{color:#000!important;border-bottom:1px solid #d0d0d0!important;font-size:11px!important}.leaderboard-rank-1,.leaderboard-rank-2,.leaderboard-rank-3{font-weight:700!important;color:#000!important}.seo-description{display:none}@media (max-width:520px){:root{--cell-width:calc((100vw - 32px) / var(--cols))}.app-container{width:100%!important;margin:0 auto}.mines-container{width:100%!important}}