{String(Math.floor(elapsed / 60)).padStart(2, "0")}:{String(elapsed % 60).padStart(2, "0")}
e.preventDefault()}>
{grid.map((row, r) => row.map((cell, c) => {
const isExploded = explodedCell?.row === r && explodedCell?.col === c;
let bg;
if (!cell.revealed) {
const ck = (r + c) % 2 === 0;
bg = ck ? "#7A9A4A" : "#6E8E40";
} else if (cell.mine) {
bg = isExploded ? "#D44" : "#C9A96E";
} else {
const ck = (r + c) % 2 === 0;
bg = ck ? "#D9C89E" : "#CEBF91";
}
return (
{gameState === "won" && (
handleClick(r, c)}
onContextMenu={e => handleRightClick(e, r, c)}
onDoubleClick={() => handleDoubleClick(r, c)}
onTouchStart={() => {
longPressRef.current = setTimeout(() => {
handleRightClick({ preventDefault: () => {} }, r, c);
longPressRef.current = null;
}, 500);
}}
onTouchEnd={() => {
if (longPressRef.current) {
clearTimeout(longPressRef.current);
longPressRef.current = null;
}
}}
onTouchMove={() => {
if (longPressRef.current) {
clearTimeout(longPressRef.current);
longPressRef.current = null;
}
}}
style={{
width: CELL_SIZE, height: CELL_SIZE, background: bg, borderRadius: "2px",
display: "flex", alignItems: "center", justifyContent: "center",
cursor: (gameState === "won" || gameState === "lost" || cell.revealed) ? "default" : "pointer",
transition: "background 0.1s",
boxShadow: !cell.revealed
? "inset -1px -1px 0 rgba(0,0,0,0.15), inset 1px 1px 0 rgba(255,255,255,0.2)"
: "none",
}}>
{cell.revealed && cell.mine &&
);
}))}
{!winSubmitted && winQualified ? (
) : (
<>
)}
{gameState === "lost" && (
NEW HIGH SCORE!
Your time: {formatTime(elapsed)}
setPendingName(e.target.value.toUpperCase().slice(0, 10))}
placeholder="YOUR NAME"
maxLength={10}
autoFocus
onKeyDown={e => { if (e.key === "Enter") submitHighScore(); }}
style={{
width: "180px", padding: "8px 12px", marginBottom: "12px",
border: "2px solid #5C4A2A", borderRadius: "6px",
fontFamily: "'Courier New', monospace", fontSize: "14px",
textAlign: "center", letterSpacing: "2px", textTransform: "uppercase",
color: "#3B2F1E", background: "#FFFCF0",
}}
/>
Time: {formatTime(elapsed)}
Whoops!
{showHighScores ? (
<>
Rat-Sweeper
Minesweeper, but with a backpack-wearing rat
Tap to sniff · Long-press or right-click to flag ·
Double-click number to chord
)}
Created by Mr. Cormac C. Close using Phaser