.mistria-map-page{--map-blue: #2f8666;--map-blue-dark: #20664d;--map-ink: #3f302d;--map-muted: #786963;--map-border: #e4d3c7;--map-paper: #fffdfb;--map-panel: #f8f2eb;--map-control: rgb(255 253 251 / 94%);--map-control-border: #d8c7bc;--map-surface: #dcecef;--map-shadow: 0 24px 68px rgb(91 69 55 / 12%);width:min(1280px,calc(100% - 48px));margin:0 auto;padding:32px 0 88px;color:var(--map-ink)}.mistria-map-page.is-wiki-embedded{width:100%;padding:0 0 4px}.mistria-map-heading{position:relative;overflow:hidden;margin-bottom:24px;border:1px solid var(--map-border);border-radius:28px;padding:clamp(30px,5vw,58px);background:radial-gradient(circle at 91% 14%,rgb(47 134 102 / 18%),transparent 28%),radial-gradient(circle at 78% 110%,rgb(221 108 119 / 12%),transparent 35%),var(--map-paper);box-shadow:var(--map-shadow)}.mistria-map-heading:after{position:absolute;right:clamp(24px,7vw,92px);bottom:-78px;width:220px;height:220px;border:1px solid rgb(47 134 102 / 14%);border-radius:50%;box-shadow:0 0 0 30px #2f86660d,0 0 0 62px #2f866608;content:"";pointer-events:none}.mistria-map-heading>span{position:relative;z-index:1;display:inline-flex;align-items:center;min-height:30px;border:1px solid rgb(47 134 102 / 28%);border-radius:999px;padding:0 12px;color:var(--map-blue);background:#2f866614;font-size:.68rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.mistria-map-heading h1{position:relative;z-index:1;margin:16px 0 0;font-family:Georgia,"Noto Serif SC",Songti SC,serif;font-size:clamp(3rem,6vw,5.25rem);font-weight:700;letter-spacing:-.05em;line-height:1}.mistria-map-heading p{position:relative;z-index:1;max-width:730px;margin:20px 0 0;color:var(--map-muted);font-size:1rem;line-height:1.8}.mistria-map-card{overflow:hidden;border:1px solid var(--map-border);border-radius:28px;padding:12px;background:var(--map-paper);box-shadow:var(--map-shadow)}.mistria-map-tabs{display:flex;gap:7px;overflow-x:auto;padding:3px 3px 13px;scrollbar-width:none}.mistria-map-tabs::-webkit-scrollbar{display:none}.mistria-map-tabs button{flex:0 0 auto;min-height:44px;padding:0 15px;border:1px solid transparent;border-radius:12px;background:var(--map-panel);color:var(--map-muted);font-family:Georgia,"Noto Serif SC",Songti SC,serif;font-size:.88rem;font-weight:700;cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease,transform .16s ease}.mistria-map-tabs button:hover,.mistria-map-tabs button:focus-visible{outline:0;border-color:#2f866659;color:var(--map-blue-dark);background:#2f866617;transform:translateY(-1px)}.mistria-map-tabs button.is-active{border-color:var(--map-blue);color:#fff;background:var(--map-blue);box-shadow:0 7px 18px #2f866633}.mistria-map-viewport{position:relative;height:680px;overflow:hidden;border:1px solid rgb(83 116 122 / 30%);border-radius:19px;background:var(--map-surface);box-shadow:inset 0 0 0 1px #ffffff4d;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.mistria-map-viewport:active{cursor:grabbing}.mistria-map-viewport:fullscreen{height:100vh}.mistria-map-scene{--map-zoom: 1;position:absolute;top:50%;left:50%;width:min(1050px,88%);aspect-ratio:var(--scene-aspect);transform:translate(-50%,-50%) translate(var(--map-pan-x),var(--map-pan-y)) scale(var(--map-zoom));transform-origin:center;transition:transform .16s ease-out}.mistria-map-scene.is-full-map{width:min(1030px,91%)}.mistria-map-scene>img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;pointer-events:none}.mistria-map-tools{position:absolute;z-index:20;top:14px;left:16px;width:min(360px,calc(100% - 84px))}.mistria-marker-search,.mistria-filter-toggle,.mistria-filter-body,.mistria-map-top-actions button,.mistria-map-zoom-controls button{border:1px solid var(--map-control-border);color:var(--map-ink);background:var(--map-control);box-shadow:0 10px 28px #27363329;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.mistria-marker-search{position:relative;z-index:2;display:flex;height:48px;align-items:center;gap:8px;padding:0 13px;border-radius:13px}.mistria-marker-search:focus-within{border-color:var(--map-blue);box-shadow:0 10px 28px #27363329,0 0 0 3px #2f866626}.mistria-marker-search>svg{flex:0 0 auto;width:24px;height:24px;color:var(--map-blue)}.mistria-marker-search input{width:100%;border:0;outline:0;background:transparent;color:var(--map-ink);font-size:.95rem}.mistria-marker-results{position:absolute;top:calc(100% + 5px);left:0;z-index:4;display:grid;width:100%;overflow:hidden;border:1px solid var(--map-control-border);border-radius:13px;background:var(--map-paper);box-shadow:0 16px 36px #0f1b1f33}.mistria-marker-results button{display:flex;min-height:38px;align-items:center;gap:9px;padding:7px 10px;border:0;border-bottom:1px solid var(--map-border);color:var(--map-ink);background:transparent;text-align:left;cursor:pointer}.mistria-marker-results button:hover,.mistria-marker-results button:focus-visible{outline:0;background:#2f86661a}.mistria-map-filter{margin-top:10px}.mistria-filter-toggle{display:grid;width:100%;min-height:48px;grid-template-columns:24px 1fr 20px;align-items:center;gap:9px;padding:0 14px;border-radius:13px;text-align:left;cursor:pointer}.mistria-filter-toggle svg:last-child{transition:transform .16s ease}.mistria-map-filter.is-open .mistria-filter-toggle{border-radius:13px 13px 0 0;box-shadow:none}.mistria-map-filter.is-open .mistria-filter-toggle svg:last-child{transform:rotate(180deg)}.mistria-filter-body{padding:14px 14px 16px;border-top:0;border-radius:0 0 13px 13px}.mistria-filter-actions{display:flex;justify-content:center;margin-bottom:14px}.mistria-filter-actions button{min-height:40px;padding:0 18px;border:1px solid var(--map-control-border);color:var(--map-ink);background:var(--map-panel);font-weight:700;cursor:pointer}.mistria-filter-actions button:first-child{border-radius:10px 0 0 10px}.mistria-filter-actions button:last-child{border-radius:0 10px 10px 0}.mistria-filter-actions button:hover,.mistria-filter-actions button:focus-visible{z-index:1;border-color:var(--map-blue);outline:0;color:var(--map-blue-dark);background:#2f86661a}.mistria-filter-actions button+button{margin-left:-1px}.mistria-filter-body label{display:grid;min-height:35px;grid-template-columns:22px 18px 1fr;align-items:center;gap:8px;font-size:.91rem;line-height:1.25;cursor:pointer}.mistria-filter-body input{width:20px;height:20px;margin:0;accent-color:var(--map-blue)}.marker-key{display:block;width:18px;height:18px;flex:0 0 auto;border-radius:50%;background:#777}.marker-key--regions,.mistria-map-marker--regions{background:#6eff51}.marker-key--buildings,.mistria-map-marker--buildings{background:#ac78ea}.marker-key--landmarks,.mistria-map-marker--landmarks{background:#ae7736}.marker-key--fountains,.mistria-map-marker--fountains{background:#5b9dd4}.marker-key--quests,.mistria-map-marker--quests{background:#777}.mistria-map-top-actions,.mistria-map-zoom-controls{position:absolute;z-index:20;display:grid}.mistria-map-top-actions{top:14px;right:16px}.mistria-map-zoom-controls{right:16px;bottom:16px}.mistria-map-top-actions button,.mistria-map-zoom-controls button{display:grid;width:42px;height:42px;place-items:center;padding:0;color:var(--map-ink);cursor:pointer}.mistria-map-top-actions button{border-radius:12px}.mistria-map-zoom-controls button:first-child{border-radius:12px 12px 0 0}.mistria-map-zoom-controls button+button{margin-top:-1px}.mistria-map-zoom-controls button:last-child{border-radius:0 0 12px 12px}.mistria-map-top-actions button:hover,.mistria-map-top-actions button:focus-visible,.mistria-map-zoom-controls button:hover,.mistria-map-zoom-controls button:focus-visible{z-index:1;border-color:var(--map-blue);outline:3px solid rgb(47 134 102 / 15%);color:var(--map-blue)}.mistria-map-marker{position:absolute;width:15px;height:15px;transform:translate(-50%,-50%);padding:0;border:2px solid rgb(255 255 255 / 95%);border-radius:50%;box-shadow:0 1px 4px #0000007a;cursor:pointer}.mistria-map-marker:hover,.mistria-map-marker:focus-visible,.mistria-map-marker.is-selected{z-index:3;width:21px;height:21px;outline:3px solid rgb(47 134 102 / 38%)}.mistria-map-marker--fountains{width:26px;height:26px;border:0;background:transparent;box-shadow:none}.mistria-map-marker--fountains>img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.mistria-map-popup{position:absolute;z-index:5;top:50%;left:50%;max-width:230px;transform:translate(-50%,-50%);padding:8px 12px;border:1px solid var(--map-control-border);border-radius:10px;color:var(--map-ink);background:var(--map-control);box-shadow:0 5px 16px #131f233d;font-size:.9rem;font-weight:700;pointer-events:none}.mistria-map-note{width:fit-content;margin:14px 12px 0;border:1px solid var(--map-border);border-radius:999px;padding:8px 12px;color:var(--map-muted);background:var(--map-paper);font-size:.78rem}html.dark .mistria-map-page{--map-blue: #78d9b1;--map-blue-dark: #9be9c7;--map-ink: #f3eee8;--map-muted: #aeb9bd;--map-border: #2a3b4b;--map-paper: #111c28;--map-panel: #172431;--map-control: rgb(17 28 40 / 92%);--map-control-border: #425463;--map-surface: #bdd5da;--map-shadow: 0 24px 68px rgb(0 0 0 / 24%);color:var(--map-ink)}html.dark .mistria-map-heading{background:radial-gradient(circle at 91% 14%,rgb(120 217 177 / 14%),transparent 28%),radial-gradient(circle at 78% 110%,rgb(241 115 136 / 10%),transparent 35%),var(--map-paper)}html.dark .mistria-map-heading>span{border-color:#78d9b147;background:#78d9b114}html.dark .mistria-map-tabs button.is-active{color:#10231d;box-shadow:0 8px 22px #78d9b126}html.dark .mistria-marker-search input::placeholder{color:#82919a}html.dark .mistria-filter-actions button:hover,html.dark .mistria-filter-actions button:focus-visible{background:#78d9b11a}@media(max-width:760px){.mistria-map-page{width:calc(100% - 24px);padding:20px 0 58px}.mistria-map-heading{margin-bottom:14px;border-radius:20px;padding:25px 22px 28px}.mistria-map-heading h1{margin-top:13px;font-size:2.75rem}.mistria-map-heading p{font-size:.92rem;line-height:1.65}.mistria-map-card{border-radius:20px;padding:8px}.mistria-map-tabs{gap:6px;padding:1px 1px 9px}.mistria-map-tabs button{min-height:40px;border-radius:10px;padding:0 13px;font-size:.82rem}.mistria-map-viewport{height:610px;border-radius:14px}.mistria-map-tools{top:10px;left:10px;width:calc(100% - 64px)}.mistria-marker-search{height:44px}.mistria-filter-toggle{min-height:43px}.mistria-filter-body{padding:10px 10px 12px}.mistria-filter-body label{grid-template-columns:20px 16px 1fr;gap:7px;font-size:.82rem}.mistria-map-top-actions{top:10px;right:10px}.mistria-map-top-actions button,.mistria-map-zoom-controls button{width:40px;height:40px}.mistria-map-scene,.mistria-map-scene.is-full-map{width:162%}.mistria-map-scene:not(.is-full-map){width:134%}.mistria-map-note{margin-right:2px;margin-left:2px;border-radius:14px;line-height:1.55}}@media(prefers-reduced-motion:reduce){.mistria-map-scene,.mistria-filter-toggle svg:last-child{transition:none}}