*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}body{background-color:#000;color:#fff;font-family:Arial,sans-serif;font-size:16px}button{background-color:#4a4a4a;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin:4px;padding:10px 20px}button:hover{background-color:#1c86ee}.overlay{align-items:center;background:#00000080;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10001}.tilemap{display:grid;gap:0;grid-template-columns:repeat(11,1fr);position:relative}.tilemap:before{background:radial-gradient(circle,transparent 0,#000 100%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.tilemap__marker{aspect-ratio:1/1;left:0;margin:-1px 0 0 -1px;position:absolute;top:0;width:calc(100% + 2px);z-index:2}.tilemap__tile{border-radius:4px;box-shadow:inset 0 -4px #00000040;font-size:.75rem;outline:2px solid #000;padding-bottom:100%;position:relative;text-align:center}.tilemap__tile__inner{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}