body{margin:0;background:#70c8df;font-family:Arial;color:#142820}main{width:1120px;margin:auto;display:grid;grid-template-columns:220px 650px 220px;gap:20px;padding:25px}aside,#dialog{background:#f5f0df;border:5px solid #142820;padding:14px;box-shadow:7px 7px #123}h1{text-align:center;color:white}.card{padding:8px 0;border-bottom:2px dashed #bbb}.bar{height:7px;background:#ccc}.bar i{display:block;height:100%;background:#b7dc4d}#map{height:780px;position:relative;border:5px solid #142820;background:repeating-linear-gradient(#21885e 0 34px,#1c8058 34px 68px)}.node{position:absolute;transform:translate(-50%,-50%);color:white;font-size:10px;text-align:center;cursor:pointer}.node b{display:grid;place-items:center;width:42px;height:42px;background:#e5bd48;border:3px solid #142820;border-radius:9px;font-size:20px}.lock{opacity:.45}.open b{background:#e95c46;outline:3px solid white}#modal{display:none;position:fixed;z-index:9;inset:0;background:#0009;place-items:center}#modal.show{display:grid}.duel{display:grid;grid-template-columns:1fr 40px 1fr;margin:8px 0}.duel span{padding:6px;background:#d8e5cf}.duel span:last-child{text-align:right;background:#f1d3c7}button{padding:8px;background:#b7dc4d;border:3px solid #142820;font-weight:bold}