:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#101923;color:#edf5fa;font-size:16px}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100svh}main{max-width:490px;margin:auto;padding: max(24px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}header{display:flex;align-items:center;justify-content:space-between;gap:12px}.eyebrow{font-size:12px;letter-spacing:.18em;color:#79edbd;margin:0 0 6px}h1{font-size:28px;letter-spacing:-1px;margin:0}.mark{color:#ed9292;padding-left:12px}button,select{font:inherit;min-height:46px;border:0;border-radius:12px;touch-action:manipulation}button{cursor:pointer;color:inherit}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #79edbd;outline-offset:3px}.secondary{background:#223140;padding:0 16px}.controls{display:flex;align-items:center;gap:12px;margin:26px 0 18px;color:#abbccc}.controls label{font-size:14px}select{flex:1;min-width:0;background:#1c2a37;color:#edf5fa;padding:0 12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #304251;border-radius:16px;padding:18px 0;background:#15222e}.stats>div{padding:0 16px;border-right:1px solid #304251}.stats>div:last-child{border:0}.stats div>span{display:block;font-size:13px;color:#abbccc;margin-bottom:6px}.stats strong{font-size:28px;font-variant-numeric:tabular-nums;font-weight:650}.stats small{font-size:13px;color:#abbccc}.status-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:18px 0 12px;font-size:14px}.status-row p{margin:0;color:#79edbd}.status-row>span{color:#abbccc;white-space:nowrap}.board-wrap{padding:8px;background:#0a1119;border:1px solid #304251;border-radius:14px;overflow:auto;-webkit-overflow-scrolling:touch}#board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:4px;min-width:270px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#board.hard{min-width:366px}.cell{display:flex;align-items:center;justify-content:center;aspect-ratio:1;min-height:0;padding:0;border-radius:5px;background:#304456;box-shadow:inset 0 2px 0 #43586a;font-size:clamp(16px,4vw,22px);font-weight:750;line-height:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.cell.open{background:#172431;box-shadow:none;color:#e9f1f6}.cell[data-number="1"]{color:#78c8ff}.cell[data-number="2"]{color:#79edbd}.cell[data-number="3"]{color:#ffad8e}.cell[data-number="4"]{color:#cab1ff}.cell[data-number="5"],.cell[data-number="6"],.cell[data-number="7"],.cell[data-number="8"]{color:#ffe08a}.cell.flag{color:#ed9292}.cell.mine{color:#ff9b9b;background:#432b36;box-shadow:none}.cell.exploded{background:#aa3e50;color:white}.cell.wrong{color:#ff9b9b}.mode{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#0a1119;padding:5px;border-radius:15px;margin-top:18px}.mode button{background:transparent;color:#abbccc;font-weight:650;min-height:50px}.mode button[aria-pressed="true"]{background:#79edbd;color:#102b24}.hint{font-size:13px;line-height:1.8;text-align:center;color:#abbccc;margin:14px 0 24px}footer{border-top:1px solid #283b4b;padding-top:16px;color:#8ea3b4;font-size:12px;text-align:center}details{margin:0;font-size:14px;line-height:1.8}details p{text-align:left}summary{cursor:pointer}dialog{border:1px solid #43586a;border-radius:20px;background:#15222e;color:#edf5fa;max-width:calc(100% - 32px);width:340px;padding:24px}dialog::backdrop{background:#0009}dialog h2{margin-top:0}dialog p{color:#abbccc}.dialog-actions{display:flex;gap:12px}.dialog-actions button{flex:1}.primary{background:#79edbd;color:#102b24}@media(max-width:350px){main{padding-left:12px;padding-right:12px}.stats>div{padding:0 12px}h1{font-size:25px}}@media(prefers-reduced-motion:no-preference){.mode button{transition:background .15s}}
.cell.question{color:#ffe08a}

.flag-icon{color:#ed9292}.mode #flagMode[aria-pressed="true"]{background:#442d36;color:#f2dede}