*{box-sizing:border-box}body{margin:0;background:#101912;color:#e8eee7;font:16px/1.55 system-ui,sans-serif}header{background:linear-gradient(135deg,#243d2b,#101912);padding:25px 0;border-bottom:1px solid #456448}h1{margin:0;font-size:clamp(1.6rem,5vw,2.4rem)}header p{color:#c3d3c3}.wrap{width:min(920px,calc(100% - 28px));margin:auto}main.wrap{padding:20px 0}nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}a{color:#b5e5a8}nav a,button{background:#34563a;color:white;border:1px solid #5c805f;border-radius:8px;padding:10px 14px;text-decoration:none;cursor:pointer;font:inherit}section,article{background:#1b281e;border:1px solid #304632;border-radius:12px;padding:20px;margin-bottom:18px}label{display:block;margin:14px 0}input,select{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #526854;border-radius:7px;background:#0d150f;color:white;font:inherit}.notice{background:#2b402c;border:1px solid #71916d;border-radius:8px;padding:12px;margin-bottom:16px}.mapgrid{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:2px;background:#0d150f;padding:5px;border-radius:8px}.mapcell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;min-width:0;font-size:clamp(7px,2.3vw,16px);border-radius:2px}.field{background:#718b4c;color:#dbe9bd}.wood{background:#365c38;color:#d0e5b2}.legend{margin-top:12px;font-size:13px;color:#c6d5c2}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:12px}small,footer{color:#a9bba9}footer{text-align:center;padding:20px 0}@media(max-width:560px){section,article{padding:15px}.mapgrid{gap:1px;padding:3px}.twocol{grid-template-columns:1fr}}