#board{display:grid;grid-template-columns:repeat(4,minmax(44px,1fr));aspect-ratio:1;width:100%;}
.map-tile{position:relative;min-width:44px;min-height:44px;width:100%;height:100%;padding:0;border:0 solid #0f172a;border-radius:0;font-size:1.5rem;font-weight:700;touch-action:manipulation;}
.color-0{background:var(--surface);color:var(--text);}
.color-1{background:#fef3c7;color:#422006;}
.color-2{background:#dbeafe;color:#172554;}
.color-3{background:#dcfce7;color:#14532d;}
.color-4{background:#ffe4e6;color:#881337;}
.map-tile.selected-region{box-shadow:none;}
.map-tile.selected-region::after{content:"";position:absolute;inset:0;pointer-events:none;border-style:solid;border-color:#2563eb;border-width:var(--selection-top,0px) var(--selection-right,0px) var(--selection-bottom,0px) var(--selection-left,0px);}
.map-tile.fixed{font-style:italic;}
.map-tile.error{text-decoration:underline wavy;}
.map-tile:disabled{opacity:1;}
.color-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;}
.color-controls button{min-width:44px;min-height:44px;font-weight:700;}
.color-controls button[aria-pressed=true]{outline:3px solid #0f172a;outline-offset:-4px;}
.play-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;}
.play-actions button{min-height:44px;}
#save-notice:empty{display:none;}