.habitat-pattern{background:#2a3328;border:1px solid #6ec8ff8c;border-radius:4px;flex:none;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2px;padding:2px;display:grid;box-shadow:0 0 0 1px #6ec8ff33}.habitat-pattern--sm{width:52px;height:52px}.habitat-pattern--lg{width:min(26vw,96px);height:min(26vw,96px)}.habitat-pattern--overlay{aspect-ratio:1;z-index:2;width:72%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #6ec8ff59,0 4px 12px #00000073}.habitat-pattern--clickable{cursor:pointer}.habitat-pattern--clickable:hover{filter:brightness(1.08)}.habitat-pattern__cell{background:#3d4a3a;border-radius:2px;position:relative;overflow:hidden}.habitat-pattern__cell--wild{background:repeating-linear-gradient(-45deg,#f2f2f2,#f2f2f2 4px,#9a9a9a 4px 8px)}.habitat-pattern__cell--token{outline-offset:-1.5px;z-index:1;outline:1.5px solid #6ec8ffd9}.habitat-pattern__cell img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.habitat-pattern__food{z-index:2;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 1px #00000073);width:42%;height:42%;position:absolute;top:2%;left:2%}.habitat-pattern__house{z-index:2;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 2px #00000080);width:72%;height:72%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.habitat-pattern__cell--building .habitat-pattern__food{z-index:3}