.campaign-map-modal{z-index:65}
.campaign-map-card{width:min(620px,calc(100vw - 24px));height:min(900px,calc(100dvh - 24px));display:flex;flex-direction:column;background:#fff5df!important;border:3px solid #584337;border-radius:25px;box-shadow:0 18px 80px #19282b88;overflow:hidden;color:#493b2e!important}
.campaign-map-header{position:relative;text-align:center;padding:15px 50px 12px;flex:none;border-bottom:1px solid #dac39c;background:#fff6e3!important}.campaign-map-header h1{font-size:25px;margin:2px 0 6px}.campaign-map-header p{margin:0;font-size:13px;color:#675444}.campaign-map-zone{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#74634c}
.map-close-play{position:absolute;right:10px;top:13px;width:34px;height:34px;border:1px solid #9f7553;border-radius:50%;background:#fffaf0;color:#68482f;font-size:25px;line-height:28px;font-weight:700;cursor:pointer}
.campaign-map-scroll{position:relative;overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1;background:#628a63!important;scrollbar-color:#c9ac74 #234443;scrollbar-width:thin;padding:0;isolation:isolate}.campaign-map-path{position:relative;list-style:none;width:100%;height:2100px;margin:0;padding:0;isolation:isolate}
.map-biome-region{position:absolute;left:0;width:100%;height:420px;list-style:none;background-size:cover;background-position:center;overflow:hidden}.map-biome-region:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#15272d22,transparent 25%,transparent 85%,#18332922)}
.map-biome-heading{position:absolute;top:13px;left:16px;right:16px;display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid #fff7d8;border-radius:16px;color:#443726;background:#fff8eae8;box-shadow:0 4px 12px #192e3540;z-index:1;backdrop-filter:blur(7px)}.map-biome-heading strong{font-size:17px;display:block;line-height:1.2}.map-biome-heading small{font-size:11px;display:block;margin-top:4px}.map-biome-index{display:grid;place-items:center;width:29px;height:29px;background:#71573b;color:#fff7df;border-radius:50%;font-weight:800;flex:none}.map-biome-progress{margin-left:auto;font-size:13px;font-weight:bold;color:#496841}.biome-current .map-biome-heading{border:2px solid #f6ca63}
.map-biome-gate{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;color:#fff8e6;background:#263b42dd;padding:4px 12px;border:1px solid #efd7a18a;border-radius:20px;z-index:1}
.map-route-layer{position:absolute;inset:0;list-style:none;pointer-events:none}.campaign-map-line{width:100%;height:100%;overflow:visible}.campaign-map-line path{fill:none;stroke:#fff8dfc9;stroke-width:11;stroke-linecap:round;stroke-dasharray:2 15;filter:drop-shadow(0 2px 1px #23413d88)}.campaign-map-line path.route-complete{stroke:#f7c851;stroke-dasharray:none;stroke-width:8}
.map-node{position:absolute;width:48px;height:48px;display:flex;justify-content:center;align-items:center;transform:translate(-50%,-50%);cursor:default;z-index:2}.map-number{position:relative;width:46px;height:46px;display:grid;place-items:center;border:3px solid #f6e5bb;border-radius:50%;background:linear-gradient(#fffaf0,#dccda9);color:#6d634d;font-size:18px;font-weight:900;box-shadow:0 4px 0 #5f5b46,0 6px 10px #17333260;text-shadow:0 1px #fff8}.is-completed .map-number{background:linear-gradient(#81b563,#487c47);border-color:#eddf9d;color:#fff;text-shadow:0 1px #244c30}.map-check{position:absolute;right:-7px;bottom:-4px;border-radius:50%;background:#fff9e9;color:#315c42;border:1px solid #315c42;width:19px;height:19px;font-size:13px;line-height:17px;text-align:center}
.is-current{z-index:3}.is-current .map-number{outline:4px solid #f2bd3b;outline-offset:4px;box-shadow:0 4px 0 #976324,0 0 0 10px #fff2bdaa;color:#493a29;background:linear-gradient(#fff3b7,#f6c34f);border-color:#fff5cc;transform:scale(1.1)}.map-current-label{position:absolute;left:50%;top:57px;transform:translateX(-50%);font-size:11px;font-weight:bold;white-space:nowrap;color:#49321e;padding:4px 10px;background:#fff6dd;border:1px solid #d7a94e;border-radius:12px;box-shadow:0 2px 4px #17332d40}.map-finale-star{position:absolute;top:-16px;left:50%;transform:translateX(-50%);font-size:20px;color:#ffda58;text-shadow:0 1px 2px #755021,1px 0 #755021,-1px 0 #755021}
.campaign-map-boundary{text-align:center;margin:0;padding:10px 12px;color:#493827;background:#f4e4bf;font-weight:700;font-size:12px}.campaign-map-future{text-align:center;font-size:13px}.campaign-map-future span{display:block}.campaign-map-footer{padding:10px 18px 12px;flex:none;border-top:1px solid #dfcba6;background:#fff6e3}.campaign-map-footer button{width:100%;min-height:40px}.campaign-map-error{padding:24px;text-align:center;font-size:15px;line-height:1.5}
@media(max-width:420px){.campaign-map-card{width:calc(100vw - 12px);height:calc(100dvh - 12px);border-radius:18px}.campaign-map-header{padding:10px 44px 9px}.campaign-map-header h1{font-size:21px}.campaign-map-header p{font-size:11px}.campaign-map-zone{font-size:9px}.map-biome-heading{left:10px;right:10px;padding:9px;gap:8px}.map-biome-heading strong{font-size:15px}.map-biome-heading small{font-size:10px}.campaign-map-footer{padding:8px 14px}}
@media(max-height:500px){.campaign-map-header{padding-top:6px;padding-bottom:6px}.campaign-map-header h1{font-size:18px;margin:0}.campaign-map-header p{font-size:10px}.campaign-map-zone{font-size:9px}.campaign-map-footer{padding:6px 12px}.campaign-map-footer button{min-height:32px}}
.map-biome-gate{bottom:0;padding:2px 10px;font-size:9px}
.map-biome-region.biome-locked:before{content:'';position:absolute;inset:0;pointer-events:none;backdrop-filter:blur(18px) saturate(.2);background:radial-gradient(ellipse at 12% 30%,#f5f5eff5 0%,transparent 65%),radial-gradient(ellipse at 90% 65%,#eef3f3f5 0%,transparent 70%),linear-gradient(#dce6e9f5,#e4edeeeF 75%,#dae6e9e6);z-index:0}
.biome-locked .map-biome-heading{background:#edf2f2c9;border-color:#ffffff91;box-shadow:0 3px 12px #617b8220;color:#64777b}
.biome-locked .map-biome-index{background:#8b9fa3}.biome-locked .map-biome-progress{color:#64777b}
.biome-locked .map-biome-gate{background:#637f89d9;border-color:#edf4f5a0}
.map-node.is-biome-locked{opacity:.35;filter:blur(.6px)}
.is-biome-locked .map-number{background:#e9eff0;border-color:#f7faf9;color:#68838b;box-shadow:0 3px 0 #9baeb4,0 4px 8px #657b8320}
.is-biome-locked .map-finale-star{visibility:hidden}