.sweeper-board{--columns:16;display:grid;grid-template-columns:repeat(var(--columns),minmax(22px,1fr));gap:2px;max-width:900px;overflow-x:auto;border:4px solid #55714b;background:linear-gradient(145deg,#6f9d61,#507a4b)}.sweeper-cell{position:relative;min-width:22px;aspect-ratio:1;min-height:0;padding:0;border:1px solid #568151;border-radius:5px;background:#b9dc8a;color:#344634;font-size:clamp(.55rem,2vw,.9rem);font-weight:900;box-shadow:inset 0 -3px #83b369}.sweeper-cell:not(.open):after{content:"";position:absolute;top:30%;right:30%;bottom:30%;left:30%;border-radius:90% 10%;background:#709957;transform:rotate(28deg);opacity:.7}.sweeper-cell.open{background:#f3e8c8;border-color:#cdb98d;box-shadow:inset 0 0 4px #8e774229}.sweeper-cell[aria-label=危険な穴]{color:transparent;background:#c49a67}.sweeper-cell[aria-label=危険な穴]:after{content:"";position:absolute;top:20%;right:20%;bottom:20%;left:20%;border:5px solid #9e734a;border-radius:50%;background:radial-gradient(ellipse,#332821,#6c4b32 62%,#b68c5c 65%);box-shadow:0 3px #795334}.sweeper-cell[aria-label^=旗付き]{color:#a84f43;font-size:1.05rem}.sweeper-cell[aria-label^=旗付き]:after{top:18%;right:45%;bottom:15%;left:48%;border-radius:0;background:#79543a;transform:none}.sweeper-cell[aria-label^=旗付き]:before{content:"";position:absolute;z-index:2;left:49%;top:18%;width:35%;height:32%;background:#e4675d;clip-path:polygon(0 0,100% 28%,0 100%)}