.d4-quest-map{margin:3rem 0;padding:clamp(1rem,3vw,2rem);border:1px solid var(--line,#343a3c);border-radius:var(--radius,12px);background:var(--panel,#191d20);color:var(--ink,#f2eee4)}
.d4-quest-map-heading h2{font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.15;margin:.5rem 0 1rem}.d4-quest-map-heading p,.d4-quest-map-scope,.d4-quest-map-help{max-width:85ch;line-height:1.65}.d4-quest-map-facts{display:flex;gap:.75rem 1.5rem;flex-wrap:wrap;align-items:center;margin:1.25rem 0}.d4-quest-map-facts span{padding:.5rem .75rem;border:1px solid var(--line,#343a3c);border-radius:8px}.d4-quest-map-facts strong{color:var(--gold,#ddbd80)}
.d4-quest-map-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0 1rem}.d4-quest-map-toolbar label{display:grid;gap:.4rem;font-size:.875rem}.d4-quest-map-toolbar select,.d4-quest-map-toolbar button{min-height:44px;font:inherit;border-radius:7px;border:1px solid var(--line,#343a3c);padding:.7rem 1rem;background:var(--panel-2,#202427);color:var(--ink,#f2eee4)}.d4-quest-map-toolbar button{cursor:pointer}.d4-quest-map-toolbar [data-quest-map-load]{background:var(--gold,#ddbd80);color:#17191b;border-color:var(--gold,#ddbd80);font-weight:700}.d4-quest-map-toolbar [hidden]{display:none!important}.d4-quest-map-toolbar :is(button,select):focus-visible{outline:3px solid var(--gold-light,#f6dfac);outline-offset:3px}
.d4-quest-map-canvas{position:relative;width:100%;height:clamp(420px,70vh,800px);overflow:hidden;border:1px solid var(--line,#343a3c);border-radius:8px;background:#101315}.d4-quest-map-canvas iframe{display:block;width:100%;height:100%;border:0}.d4-quest-map-placeholder{display:flex;min-height:100%;flex-direction:column;justify-content:center;align-items:center;padding:clamp(1rem,4vw,3rem);text-align:center}.d4-quest-map-placeholder>span{font-size:3rem;color:var(--gold,#ddbd80)}.d4-quest-map-placeholder p{max-width:65ch;line-height:1.6}.d4-quest-map-status{min-height:1.6em;color:var(--muted,#b0b4b2);line-height:1.6;margin:.75rem 0}.d4-quest-map-attribution{display:flex;flex-wrap:wrap;gap:.35em;line-height:1.6}.d4-quest-map-attribution a,.d4-quest-map-help a{color:var(--gold-light,#f6dfac);text-underline-offset:3px}.d4-quest-map-canvas:fullscreen{width:100vw;height:100dvh;max-height:none;border:0;border-radius:0;background:#101315}.d4-quest-map-canvas:fullscreen iframe{width:100%;height:100%}
@media(max-width:600px){.d4-quest-map{margin:2rem 0;padding:1rem}.d4-quest-map-toolbar{align-items:stretch}.d4-quest-map-toolbar label{flex:1 1 100%}.d4-quest-map-toolbar button{flex:1 1 11rem}.d4-quest-map-canvas{height:70svh;min-height:390px;max-height:720px}.d4-quest-map-facts{gap:.5rem}.d4-quest-map-facts span{font-size:.85rem}.d4-quest-map-attribution{font-size:.9rem}}