.map-instruction{margin:0;padding:15px 20px;font-size:13px;background:#e8f2eb;color:var(--green)}
.ecosystem-canvas{position:relative;isolation:isolate}
.ecosystem-canvas>img{display:block;width:100%;height:auto}
.map-hotspots{position:absolute;inset:0;pointer-events:none}
.map-pin{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;padding:0;border:2px solid #fffdf7;border-radius:50%;background:var(--green);color:white;box-shadow:0 0 0 2px #174a35,0 4px 10px #14241c35;cursor:pointer;font:700 19px/1 Vazirmatn,sans-serif;pointer-events:auto}
.pin-wallet{left:73%;top:29%}.pin-bridge{left:80%;top:61%}.pin-launchpad{left:50%;top:77%}.pin-nft{left:23%;top:57%}.pin-explorer{left:30%;top:30%}
.map-pin:hover,.map-pin[aria-pressed=true]{background:var(--yellow);color:var(--ink)}
.map-pin:focus-visible{outline:3px solid #111;outline-offset:5px}
.map-explorer{padding:20px 20px 0}
.map-choices{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}
.map-choices button{flex:1 1 105px;min-height:44px;border:1px solid #aabdac;border-radius:9px;padding:8px;font:700 12px/1.8 Vazirmatn,sans-serif;background:var(--paper);color:var(--green);cursor:pointer}
.map-choices button:hover{background:var(--mint)}
.map-choices button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}
.map-detail{background:#eef3e8;border:1px solid #c6d4c0;border-radius:12px;padding:20px;scroll-margin:100px}
.map-detail h3{font-size:22px;line-height:1.7;margin:0 0 10px}
.map-detail p{font-size:14px;line-height:2;margin:0 0 12px}
.map-detail p:last-child{margin-bottom:0}
.map-detail a{font-size:12px}
.map-example{padding:12px 15px;background:var(--paper);border-radius:9px}
.interaction-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mint-quiz{padding:25px;background:#eee9f4;border:1px solid #b7acd0;border-radius:20px;margin:28px 0}
.quiz-heading>span{font-size:11px;font-weight:700;color:#725987}
.quiz-heading h3{font-size:29px;margin:6px 0 10px}
.quiz-heading p{font-size:15px;margin-bottom:20px}
.quiz-progress{font-size:12px;font-weight:700;color:#725987;margin:18px 0 8px}
.quiz-question{font-size:19px;line-height:2;margin:0 0 20px;scroll-margin:100px}
.quiz-gates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.quiz-gate{min-width:0;overflow:hidden;border:2px solid #c9bdcf;border-radius:15px;padding:0 0 14px;background:var(--paper);color:var(--ink);cursor:pointer;transition:border-color .15s,box-shadow .15s}
.quiz-gate:hover:not(:disabled){border-color:var(--green);box-shadow:0 4px 0 #174a3522}
.quiz-gate:disabled{opacity:1;cursor:default}
.gate-art{display:block;position:relative;aspect-ratio:3/4;overflow:hidden;pointer-events:none}
.gate-art img{position:absolute;top:0;left:0;display:block;width:300%;max-width:none;height:auto}
.gate-gtd .gate-art img{left:-200%}.gate-fcfs .gate-art img{left:-100%}
.quiz-gate>b{display:block;font:700 clamp(18px,3vw,26px)/1.5 system-ui,sans-serif;margin:10px 5px 3px}
.gate-response{display:block;font:12px/1.8 Vazirmatn,sans-serif;min-height:22px;padding:0 5px;color:var(--muted)}
.quiz-gate.is-correct{border-color:#276346;background:#e8f2eb;box-shadow:0 0 0 1px #276346}
.quiz-gate.is-correct .gate-response{color:#1c583b;font-weight:700}
.quiz-gate.is-incorrect{border-color:#98612f;background:#fff1dd}
.quiz-feedback{padding:17px 20px;margin-top:18px;border:1px solid #c1b4d0;border-radius:12px;background:#fffaf3;font-size:15px;line-height:2;color:var(--ink)}
.quiz-next{min-height:44px;border:1px solid #4e3a69;border-radius:9px;background:#4e3a69;color:white;padding:10px 17px;font:700 13px/1.8 Vazirmatn,sans-serif;cursor:pointer;margin-top:15px}
.quiz-next:hover{background:#3f2c58}
.quiz-result h4{font-size:25px;margin:15px 0 12px;scroll-margin:100px}
.quiz-result p,.quiz-result li{font-size:15px;line-height:2}
#quiz-score{font-weight:700;color:#4e3a69}
.quiz-result ul{padding-right:22px}
.quiz-result .quiz-note{font-size:12px;color:var(--muted)}
@media(max-width:620px){.map-instruction{padding:12px 15px;font-size:12px}.map-explorer{padding:15px 15px 0}.map-choices button{flex-basis:100px;font-size:11px}.map-detail{padding:16px}.map-detail h3{font-size:20px}.map-detail p{font-size:13px}.map-example{padding:10px}.mint-quiz{padding:18px 14px}.quiz-heading h3{font-size:25px}.quiz-heading p,.quiz-feedback{font-size:13px}.quiz-question{font-size:16px}.quiz-gates{gap:7px}.quiz-gate{border-radius:11px;padding-bottom:10px}.gate-response{font-size:10px}.quiz-gate>b{font-size:18px}.quiz-feedback{padding:14px}.quiz-next{width:100%}}
@media(max-width:359px){.quiz-gates{grid-template-columns:1fr}.quiz-gate{display:grid;grid-template-columns:82px 1fr;align-items:center;padding:0;column-gap:8px}.gate-art{grid-row:1/3;aspect-ratio:3/4}.quiz-gate>b{align-self:end;margin-top:0}.gate-response{align-self:start}}
@media print{.map-instruction,.map-hotspots,.map-explorer,.mint-quiz{display:none!important}}