.city-mine-road-gate{position:absolute;z-index:20;right:2.5%;top:48%;transform:translateY(-50%);display:flex;flex-direction:column;gap:3px;padding:7px 11px;border:3px solid #241710;background:#81562d;color:#ffe29c;font:900 9px/1.2 monospace;box-shadow:4px 5px #0007;pointer-events:auto;cursor:pointer}.city-mine-road-gate:after{content:'';position:absolute;right:-22px;top:50%;width:23px;height:5px;background:#bf8b45;clip-path:polygon(0 0,70% 0,100% 50%,70% 100%,0 100%)}
#mine-road-scene,#coal-cave-scene,#coal-cave-level2-scene{overflow:hidden;isolation:isolate}
#mine-road-scene{background:radial-gradient(circle at 22% 35%,#718643 0 7%,transparent 8%),radial-gradient(circle at 64% 70%,#526c34 0 8%,transparent 9%),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 2px,transparent 2px 18px),linear-gradient(#334923,#182c1a)}
.mine-road-track{position:absolute;z-index:1;left:-3%;top:37%;width:102%;height:27%;transform:rotate(-1deg);background:repeating-linear-gradient(94deg,#71583d 0 14px,#685038 14px 28px,#806448 28px 42px);border-block:5px solid #2b251e;box-shadow:0 0 0 4px #9a8157,inset 0 0 28px #211b16}
.mine-road-track:after{content:'';position:absolute;inset:42% 0 auto;height:4px;background:repeating-linear-gradient(90deg,#c29d61 0 10px,transparent 10px 24px);opacity:.5}
.mine-road-cliff{position:absolute;z-index:2;left:0;width:100%;height:24%;background:repeating-linear-gradient(135deg,#39413c 0 18px,#242b29 18px 36px,#4a5047 36px 52px);border-color:#101615;box-shadow:inset 0 0 25px #090d0c}
.mine-road-cliff-top{top:0;border-bottom:8px solid #161b19}.mine-road-cliff-bottom{bottom:0;border-top:8px solid #161b19}
.mine-road-sign{position:absolute;z-index:5;left:10%;top:48%;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px;padding:8px 13px;border:3px solid #251710;background:#80542b;color:#ffe09b;font:900 11px monospace;box-shadow:4px 5px #0008}.mine-road-sign:after{content:'';position:absolute;left:50%;top:100%;width:7px;height:40px;background:#3e2616;border-inline:2px solid #21150f}
.danger-sign{display:flex;align-items:center;gap:5px;padding:5px 7px;border:3px solid #221711;background:#d2a72e;color:#24170f;font:900 9px/1.15 monospace;box-shadow:3px 4px #0008}.danger-sign b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#a63225;color:#ffe8a4;font-size:16px}.mine-road-warning{position:absolute;z-index:6;left:62%;top:46%}
.mine-road-cave-mouth{position:absolute;z-index:4;right:-1%;top:26%;width:23%;height:49%;border-radius:52% 0 0 45%;background:radial-gradient(ellipse at 67% 55%,#010303 0 34%,#121817 35% 47%,#49504a 48% 56%,#252b29 57% 70%,transparent 71%),repeating-radial-gradient(ellipse at 70% 50%,#353d39 0 13px,#1b201f 14px 25px);filter:drop-shadow(-8px 10px 8px #000a)}
.mine-road-cave-mouth span{position:absolute;left:15%;bottom:4%;padding:5px 8px;background:#160f0cd9;border:2px solid #a87b3c;color:#efc76e;font:900 9px monospace;white-space:nowrap}
.mine-road-torch{position:absolute;z-index:7;top:43%;width:7px;height:31px;background:#4d2b16;border:2px solid #1e120c}.mine-road-torch:before{content:'';position:absolute;left:-7px;top:-16px;width:18px;height:22px;border-radius:60% 40% 60% 45%;background:radial-gradient(circle at 50% 70%,#fff1a0 0 13%,#ffab25 14% 45%,#d74318 46% 67%,transparent 70%);filter:drop-shadow(0 0 10px #ff9d27);animation:mine-flame .7s steps(3) infinite}.torch-a{right:19%}.torch-b{right:8%}
@keyframes mine-flame{50%{transform:scale(.82,1.12) translateX(2px)}}

#coal-cave-scene,#coal-cave-level2-scene{background:radial-gradient(ellipse at 50% 48%,#27302f 0 24%,#141a1b 48%,#070a0b 78%),repeating-linear-gradient(125deg,#252b2b 0 18px,#171d1d 19px 34px,#303535 35px 48px)}
.cave-darkness{position:absolute;z-index:8;inset:0;pointer-events:auto;cursor:pointer;background:radial-gradient(circle at 50% 52%,transparent 0 24%,rgba(0,0,0,.16) 42%,rgba(0,0,0,.69) 88%);box-shadow:inset 0 0 90px #000}
.cave-main-tunnel{position:absolute;z-index:0;left:35%;top:-5%;width:30%;height:110%;background:repeating-linear-gradient(160deg,#2f302d 0 18px,#242522 18px 36px,#383833 36px 48px);border-inline:8px solid #101414;box-shadow:0 0 30px #000,inset 0 0 35px #171817}
.cave-side-tunnel{position:absolute;z-index:0;top:38%;width:42%;height:22%;background:repeating-linear-gradient(12deg,#31322e 0 17px,#232522 18px 35px);border-block:7px solid #101414;box-shadow:0 0 28px #000,inset 0 0 25px #171817}.cave-side-left{left:0}.cave-side-right{right:0}
.coal-node-layer{position:absolute;z-index:3;inset:0}.coal-rock{width:4.2%;z-index:4;filter:brightness(.7) contrast(1.25) drop-shadow(0 4px 3px #000);transform:translate(-50%,-50%)}.coal-rock.hit{filter:brightness(1.35) drop-shadow(0 0 7px #e5cc82)}.coal-rock.mined{filter:brightness(.7) drop-shadow(0 2px 3px #000)}
.cave-support{position:absolute;z-index:2;left:32%;width:36%;height:4%;border-block:6px solid #422a18;background:repeating-linear-gradient(90deg,#2c1c12 0 8%,#674523 8% 11%,transparent 11% 43%);box-shadow:0 5px #090a0a}.support-one{top:24%}.support-two{top:48%}.support-three{top:72%}
.cave-rail{position:absolute;z-index:1;top:0;width:3px;height:100%;background:#77766d;box-shadow:0 0 0 2px #171917}.cave-rail:after{content:'';position:absolute;left:-12px;top:0;width:27px;height:100%;background:repeating-linear-gradient(180deg,transparent 0 18px,#594126 18px 23px,transparent 23px 37px)}.cave-rail-left{left:46%}.cave-rail-right{left:54%}
.cave-danger{position:absolute;z-index:7}.danger-one{left:43%;top:13%}.danger-two{left:12%;top:43%}.danger-three{right:9%;top:55%}
.cave-exit{position:absolute;z-index:7;left:44%;bottom:-4%;width:12%;height:16%;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 50% 100%,#b9c489 0 8%,#3e4f39 25%,#080c0c 64%);box-shadow:0 -8px 20px #a8b56b55}.cave-exit span{position:absolute;left:50%;bottom:30%;transform:translateX(-50%);padding:4px 7px;background:#0b0e0ddd;border:1px solid #927b43;color:#e3c979;font:800 8px monospace;white-space:nowrap}
.cave-bat{position:absolute;z-index:9;width:7px;height:5px;border-radius:50%;background:#050606;box-shadow:0 0 2px #000;animation:cave-bat-flight calc(7s + var(--i)*.7s) ease-in-out calc(var(--i)*-1s) infinite alternate}.cave-bat:before,.cave-bat:after{content:'';position:absolute;top:-3px;width:12px;height:8px;background:#080909;clip-path:polygon(0 0,100% 38%,70% 100%,38% 55%)}.cave-bat:before{right:4px}.cave-bat:after{left:4px;transform:scaleX(-1)}
@keyframes cave-bat-flight{0%{translate:-12vw 4vh;rotate:-8deg}35%{translate:9vw -7vh;rotate:7deg}70%{translate:24vw 5vh;rotate:-5deg}100%{translate:38vw -4vh;rotate:9deg}}
.cave-bug{position:absolute;z-index:6;width:4px;height:3px;border-radius:50%;background:#5e4a28;box-shadow:-4px 1px #201913,4px 1px #201913;animation:cave-bug-crawl calc(9s + var(--i)*.4s) steps(14) calc(var(--i)*-.8s) infinite alternate}
@keyframes cave-bug-crawl{to{translate:19vw 8vh}}
.cave-drip{position:absolute;z-index:9;width:2px;height:9px;border-radius:50%;background:#7cc8d9;box-shadow:0 0 4px #6eb7cf;opacity:0;animation:cave-drip-fall calc(2.4s + var(--i)*.13s) linear calc(var(--i)*-.5s) infinite}
@keyframes cave-drip-fall{0%,60%{opacity:0;translate:0 -5px}65%{opacity:.8}100%{opacity:0;translate:0 75px}}
body.scene-coal-cave #coal-cave-scene,body.scene-coal-cave-level2 #coal-cave-level2-scene{filter:saturate(.72) brightness(.78)}body.scene-coal-cave #player,body.scene-coal-cave-level2 #player{filter:drop-shadow(0 0 7px #f0c56a)}
@media(max-width:700px){.mine-road-cave-mouth{width:30%}.mine-road-warning{left:52%}.coal-rock{width:6%}.danger-sign{font-size:7px;padding:3px}.danger-sign b{width:15px;height:15px;font-size:12px}.cave-support{left:28%;width:44%}}
@media(prefers-reduced-motion:reduce){.cave-bat,.cave-bug,.cave-drip,.mine-road-torch:before{animation:none}}

/* Fondos pixel-art definitivos de las minas. */
.mine-scene-background{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;user-select:none;pointer-events:none}
.mine-road-background{object-position:center center;filter:saturate(1.08) contrast(1.03);image-rendering:auto}
.coal-cave-background{object-position:center center;filter:saturate(.9) brightness(.86) contrast(1.08);image-rendering:auto}
#mine-road-scene>.mine-road-cliff,#mine-road-scene>.mine-road-track{display:none}
#mine-road-scene>.mine-road-cave-mouth,#mine-road-scene>.mine-road-torch{display:none}
#mine-road-scene>.mine-road-sign,#mine-road-scene>.mine-road-warning{display:none}
#coal-cave-scene>.cave-main-tunnel,#coal-cave-scene>.cave-side-tunnel,#coal-cave-scene>.cave-rail,#coal-cave-scene>.cave-support{display:none}
#coal-cave-scene .cave-darkness,#coal-cave-level2-scene .cave-darkness{pointer-events:none;background:radial-gradient(circle at 50% 52%,transparent 0 37%,rgba(0,0,0,.08) 58%,rgba(0,0,0,.42) 100%);box-shadow:inset 0 0 55px #0009}
#coal-cave-scene .coal-rock,#coal-cave-level2-scene .coal-rock{filter:brightness(.88) contrast(1.2) drop-shadow(0 4px 3px #000b)}
#coal-cave-scene .coal-rock.hit,#coal-cave-level2-scene .coal-rock.hit{filter:brightness(1.35) drop-shadow(0 0 7px #e5cc82)}
#coal-cave-scene .coal-rock.mined,#coal-cave-level2-scene .coal-rock.mined{transform:translate(-50%,-50%) scale(.72);transform-origin:center center}
body.scene-coal-cave #coal-cave-scene,body.scene-coal-cave-level2 #coal-cave-level2-scene{filter:none}
@media(max-width:700px){.mine-road-background{object-position:60% center}.coal-cave-background{object-position:center center}}
#coal-cave-level2-scene .coal-cave-level2-background{object-position:center center;filter:saturate(.84) brightness(.78) contrast(1.12)}
.cave-level-return{position:absolute;z-index:5;left:50%;bottom:2.2%;transform:translateX(-50%);padding:5px 9px;border:2px solid #9b6a2f;background:#17130fe8;color:#f4d27d;font:700 8px var(--pixel-font,monospace);box-shadow:0 2px 0 #000;pointer-events:none}
body.scene-coal-cave-level2 #coal-cave-level2-scene{filter:none}
.cave-level-up{position:absolute;z-index:5;left:50%;top:2%;transform:translateX(-50%);padding:5px 9px;border:2px solid #9b6a2f;background:#17130fe8;color:#f4d27d;font:700 8px var(--pixel-font,monospace);box-shadow:0 2px 0 #000;pointer-events:none}

/* Match native map proportions: keep entrances visible and geometry aligned. */
body.scene-mine-road #world{width:187.445415dvh!important;height:100dvh!important}
body.scene-coal-cave #world{width:150dvh!important;height:100dvh!important}
body.scene-coal-cave-level2 #world{width:177.683316dvh!important;height:100dvh!important}