.playmat-layer{position:absolute;inset:0;pointer-events:none;border-radius:inherit;background-size:cover;background-repeat:no-repeat;transform:scale(var(--playmat-zoom,1));transform-origin:50% 50%;z-index:0}.battlefield-canvas{isolation:isolate}.playmat-surface{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit;z-index:-1}.battlefield-canvas>.land-slot-guides{z-index:0}.battlefield-canvas>.battlefield-label{z-index:1;text-shadow:0 1px 3px #000}.playmat-editor{max-width:850px}.playmat-presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:15px 0}.playmat-presets button{padding:0;overflow:hidden;min-height:87px;background:#10202a}.playmat-presets img{display:block;width:100%;height:65px;object-fit:cover}.playmat-presets small{display:block;padding:5px;color:#d9e5e9;font-size:11px}.playmat-presets button>span{display:grid;place-items:center;height:65px;font-size:28px}.playmat-presets button.selected{outline:2px solid #e4c382;outline-offset:1px}.playmat-presets button[hidden]{display:none}.playmat-preview{position:relative;isolation:isolate;overflow:hidden;height:250px;border:1px solid #68828d;border-radius:12px;background:#10202a;cursor:grab;touch-action:none}.playmat-preview:active{cursor:grabbing}.playmat-preview-label{position:absolute;top:10px;left:15px;color:#e5eef1;font-size:12px;text-shadow:0 1px 3px #000}.playmat-sample-card{position:absolute;top:75px;left:60%;width:73px;height:105px;border:3px solid #101719;border-radius:7px;display:grid;place-items:center;background:linear-gradient(155deg,#2d5351,#182627);box-shadow:0 4px 10px #0009;color:#e7cc8d;font-size:30px;pointer-events:none}.playmat-sample-card.second{left:calc(60% + 90px);background:linear-gradient(155deg,#664438,#211f2a)}.playmat-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.playmat-controls label>span{display:flex;gap:10px;align-items:center}.playmat-controls input[type=range]{padding:0;flex:1;min-width:0}.playmat-controls input[type=number]{width:75px}dialog:has(.playmat-editor){width:min(950px,94vw)}@media(max-width:600px){.playmat-controls{grid-template-columns:1fr}.playmat-preview{height:190px}.playmat-sample-card{left:35%;top:60px}.playmat-sample-card.second{left:calc(35% + 90px)}}