:root{--color-forest: #2d6a4f;--color-village: #d00000;--color-farm: #e9c46a;--color-water: #0077b6;--color-monster: #6a040f;--color-empty: #e9ecef;--color-border: #adb5bd;--color-bg: #f8f9fa;--color-text: #212529}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--color-bg);color:var(--color-text);display:flex;place-items:center;justify-content:center;min-width:320px;min-height:100vh}button{cursor:pointer}.board-container{display:flex;flex-direction:column;align-items:center;gap:20px}.board{display:grid;grid-template-columns:repeat(var(--board-size),1fr);gap:5px;background-color:var(--color-border);padding:5px;border-radius:8px}.cell{width:60px;height:60px;background-color:var(--color-empty);border:none;border-radius:4px;transition:transform .1s,background-color .2s;cursor:pointer}.cell:hover{transform:scale(1.05)}.cell[data-type=forest]{background-color:var(--color-forest)}.cell[data-type=village]{background-color:var(--color-village)}.cell[data-type=farm]{background-color:var(--color-farm)}.cell[data-type=water]{background-color:var(--color-water)}.cell[data-type=monster]{background-color:var(--color-monster)}.palette-overlay{position:fixed;inset:0;z-index:100}.palette{position:absolute;background:#fff;border:1px solid var(--color-border);border-radius:8px;padding:10px;box-shadow:0 4px 6px #0000001a;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;z-index:101;transform:translate(-50%,-100%);margin-top:-10px}.palette-btn{width:40px;height:40px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}