*{margin:0;padding:0;box-sizing:border-box}body{background-color:#0a0a1a;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden}#game-container{position:relative}#game-container canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges}#world-map-overlay{position:absolute;top:0;left:0;width:960px;height:540px;z-index:100;pointer-events:auto;font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;-webkit-user-select:none;user-select:none}#world-map-overlay.wm-hidden{display:none}.wm-hidden{display:none!important}.wm-parchment{width:100%;height:100%;background:radial-gradient(ellipse at 30% 20%,rgba(244,228,193,.95) 0%,transparent 70%),radial-gradient(ellipse at 70% 80%,rgba(204,188,153,.9) 0%,transparent 60%),linear-gradient(135deg,#e8d8b8,#d4c4a1,#c4b491 60%,#b4a481);border:3px solid #6a5431;box-shadow:inset 0 0 40px #00000040,inset 0 0 80px #8b775226,0 0 20px #00000080;color:#3a2a1a;display:flex;flex-direction:column;overflow:hidden;position:relative}.wm-parchment:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(139,119,82,.03) 2px,rgba(139,119,82,.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(100,80,50,.02) 3px,rgba(100,80,50,.02) 6px);pointer-events:none;z-index:0}.wm-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:2px solid #8a7451;background:linear-gradient(180deg,rgba(90,70,40,.15) 0%,transparent 100%);position:relative;z-index:1;flex-shrink:0}.wm-title{font-size:18px;font-weight:700;color:#4a3a1a;text-shadow:1px 1px 0 rgba(255,255,255,.3);letter-spacing:1px}.wm-breadcrumb{font-size:13px;color:#6a5a3a;display:flex;align-items:center;gap:6px}.wm-breadcrumb span{cursor:pointer;transition:color .2s}.wm-breadcrumb span:hover{color:#c8a853}.wm-bc-sep,.wm-bc-sep2{cursor:default!important;color:#8a7a5a}.wm-player-info{font-size:12px;color:#5a4a2a}.wm-viewport{flex:1;position:relative;overflow:hidden;z-index:1;background:radial-gradient(ellipse at 50% 50%,#28466e40,#14284666),linear-gradient(180deg,#3c5a8226,#1e325040)}.wm-layer{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .3s ease}.wm-map-svg{pointer-events:none}.wm-map-svg *{pointer-events:auto}.wm-grid-line{stroke:#5a46280f;stroke-width:.4;pointer-events:none}.wm-ocean-bg{pointer-events:none}.wm-ocean-waves{pointer-events:none;animation:wm-wave-drift 12s linear infinite}@keyframes wm-wave-drift{0%{transform:translate(0)}to{transform:translate(60px)}}.wm-coast-edge{pointer-events:none;opacity:.6}.wm-continent-path{transition:fill-opacity .3s,stroke-width .3s,stroke .3s}.wm-continent-shape:hover .wm-continent-path{stroke-width:3;fill-opacity:.45}.wm-continent-shape:hover .wm-coast-edge{opacity:.8}.wm-continent-shape.wm-selected .wm-continent-path{stroke-width:3.5;stroke:#c8a853;stroke-opacity:1;fill-opacity:.5;filter:url(#continent-shadow) drop-shadow(0 0 10px rgba(200,168,83,.6))}.wm-continent-shape.wm-selected .wm-coast-edge{opacity:1;fill:#c8a85326}.wm-terrain-overlay{pointer-events:none;opacity:.9}.wm-continent-label-fancy{font-family:Palatino,Georgia,Times New Roman,serif;font-size:18px;font-weight:700;fill:#f0e8d0;stroke:#2a1a0a;stroke-width:3px;paint-order:stroke fill;letter-spacing:3px;text-anchor:middle;pointer-events:none;text-transform:uppercase}.wm-continent-shape.wm-selected .wm-continent-label-fancy{fill:#ffe8a0;stroke:#1a0a00;stroke-width:3.5px;font-size:20px}.wm-continent-sublabel-fancy{font-family:Palatino,Georgia,serif;font-size:9px;fill:#d8d0b8;stroke:#2a1a0a;stroke-width:2px;paint-order:stroke fill;text-anchor:middle;pointer-events:none;font-style:italic;letter-spacing:1px}.wm-continent-title-fancy{font-family:Palatino,Georgia,serif;font-size:7px;fill:#c8c0a8;stroke:#2a1a0a;stroke-width:1.5px;paint-order:stroke fill;text-anchor:middle;pointer-events:none;font-style:italic;letter-spacing:1.5px}.wm-continent-label{font-size:14px;font-weight:700;fill:#3a2a1a;text-anchor:middle;pointer-events:none}.wm-continent-sublabel{font-size:10px;fill:#6a5a3a;text-anchor:middle;pointer-events:none;font-style:italic}.wm-continent-svg-icon{font-size:22px;text-anchor:middle;pointer-events:none}.wm-city-icon{pointer-events:none;transition:opacity .3s}.wm-city-label{font-family:Palatino,Georgia,serif;font-size:6px;fill:#d8d0b8;stroke:#1a0a00;stroke-width:1.5px;paint-order:stroke fill;text-anchor:middle;pointer-events:none;letter-spacing:.5px}.wm-city-marker{pointer-events:none;opacity:.85}.wm-compass-rose{pointer-events:none;opacity:.6}.wm-compass-svg{font-size:24px;fill:#5a462833;text-anchor:middle;pointer-events:none}.wm-map-title-text{font-family:Palatino,Georgia,serif;font-size:9px;fill:#c8c0a8;stroke:#2a1a0a;stroke-width:1.5px;paint-order:stroke fill;text-anchor:middle;pointer-events:none;letter-spacing:2px;font-variant:small-caps}.wm-crater{animation:wm-crater-glow 3s infinite ease-in-out}@keyframes wm-crater-glow{0%,to{opacity:.6;fill:#ff3c1459}50%{opacity:1;fill:#ff501e8c}}.wm-magma-core{animation:wm-magma-pulse 2s infinite ease-in-out}@keyframes wm-magma-pulse{0%,to{opacity:.5;fill:#ffb42880}50%{opacity:1;fill:#ffdc50b3}}.wm-continent-title-svg{font-size:16px;font-weight:700;fill:#3a2a1a;text-anchor:middle;pointer-events:none}.wm-region-area{transition:fill-opacity .2s,stroke-width .2s,r .2s;cursor:pointer}.wm-region-area:hover{fill-opacity:.7;stroke-width:3}.wm-region-area.wm-selected{fill-opacity:.8;stroke-width:4;stroke-dasharray:none;stroke:#c8a853;filter:drop-shadow(0 0 10px rgba(200,168,83,.6))}.wm-region-label{font-size:9px;font-weight:700;fill:#3a2a1a;text-anchor:middle;pointer-events:none}.wm-region-level-label{font-size:8px;fill:#6a5a3a;text-anchor:middle;pointer-events:none;font-style:italic}.wm-connection-line{stroke:#5a462833;stroke-width:1.5;stroke-dasharray:6,4;pointer-events:none}.wm-road-line{stroke:#78643c59;stroke-width:2;stroke-dasharray:8,5;stroke-linecap:round;pointer-events:none}.wm-region-title-svg{font-size:15px;font-weight:700;fill:#3a2a1a;text-anchor:middle;pointer-events:none}.wm-region-desc-svg{font-size:9px;fill:#6a5a3a;text-anchor:middle;pointer-events:none;font-style:italic}.wm-continent-marker{position:absolute;cursor:pointer;text-align:center;transition:transform .2s,filter .2s;z-index:2}.wm-continent-marker:hover{transform:scale(1.08);filter:brightness(1.1)}.wm-continent-marker.wm-selected{transform:scale(1.12);filter:brightness(1.2)}.wm-continent-icon{font-size:36px;display:block;margin-bottom:4px;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.4))}.wm-continent-name{font-size:13px;font-weight:700;color:#3a2a1a;text-shadow:1px 1px 0 rgba(255,255,255,.4);white-space:nowrap}.wm-continent-subtitle{font-size:10px;color:#6a5a3a;font-style:italic}.wm-region-marker{position:absolute;cursor:pointer;text-align:center;transition:transform .2s;z-index:2}.wm-region-marker:hover{transform:scale(1.1)}.wm-region-marker.wm-selected{transform:scale(1.15)}.wm-region-dot{width:14px;height:14px;border-radius:50%;border:2px solid #5a4a2a;margin:0 auto 3px;box-shadow:0 1px 3px #0000004d}.wm-region-name{font-size:10px;font-weight:700;color:#3a2a1a;text-shadow:1px 1px 0 rgba(255,255,255,.3);white-space:nowrap}.wm-region-level{font-size:9px;color:#7a6a4a}.wm-tavern-marker{position:absolute;cursor:pointer;text-align:center;transition:transform .2s,opacity .2s;z-index:2;width:100px}.wm-tavern-marker:hover{transform:scale(1.1)}.wm-tavern-marker.wm-selected{transform:scale(1.25);z-index:10}.wm-tavern-marker.wm-selected .wm-tavern-icon{filter:drop-shadow(0 0 8px rgba(200,168,83,.9)) drop-shadow(0 0 16px rgba(200,168,83,.5))}.wm-tavern-marker.wm-selected .wm-tavern-name{color:#c8a853;text-shadow:0 0 6px rgba(200,168,83,.5);font-size:11px}.wm-tavern-icon{font-size:26px;display:block;margin-bottom:2px;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.4));transition:filter .2s}.wm-tavern-name{font-size:9px;color:#3a2a1a;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s,font-size .2s}.wm-tavern-city{font-size:8px;color:#6a5a3a;font-style:italic}.wm-tavern-marker.wm-locked{opacity:.35;filter:grayscale(1);cursor:not-allowed}.wm-tavern-marker.wm-unlocked .wm-tavern-icon{color:#c8a853}.wm-tavern-marker.wm-visited .wm-tavern-icon{color:#a8884a}.wm-tavern-marker.wm-completed .wm-tavern-icon{color:#2ecc71}.wm-tavern-marker.wm-dragon-lore .wm-tavern-icon{color:#e74c3c;text-shadow:0 0 8px rgba(231,76,60,.6);animation:wm-pulse-red 2s infinite}@keyframes wm-pulse-red{0%,to{filter:drop-shadow(0 0 4px rgba(231,76,60,.4))}50%{filter:drop-shadow(0 0 10px rgba(231,76,60,.8))}}.wm-detail-panel{position:absolute;right:0;top:0;width:300px;height:100%;background:#140e08f2;border-left:2px solid #c8a853;color:#e8dcc8;overflow-y:auto;z-index:10;transform:translate(100%);transition:transform .3s ease}.wm-detail-panel.wm-visible{transform:translate(0);display:block!important}.wm-detail-card{padding:16px}.wm-detail-close{position:absolute;top:8px;right:12px;background:none;border:none;color:#c8a853;font-size:22px;cursor:pointer;line-height:1}.wm-detail-close:hover{color:#fff}.wm-detail-tavern-name{font-size:16px;color:#c8a853;margin-bottom:2px;padding-right:24px}.wm-detail-city-name{font-size:12px;color:#aa9a7a;font-style:italic;margin-bottom:8px}.wm-detail-city-desc{font-size:11px;line-height:1.5;color:#c8b898;margin-bottom:8px}.wm-detail-divider{border-top:1px solid rgba(200,168,83,.3);margin:10px 0}.wm-detail-section-title{font-size:12px;color:#c8a853;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.wm-detail-tavern-desc{font-size:11px;color:#c8b898;font-style:italic;margin-bottom:4px}.wm-detail-keeper{font-size:10px;color:#aa9a7a;margin-bottom:4px}.wm-detail-races{font-size:11px;color:#b8a888;margin-bottom:8px}.wm-detail-npcs{font-size:10px;color:#b8a888;line-height:1.5}.wm-detail-npc-entry{margin-bottom:6px;padding-left:8px;border-left:2px solid rgba(200,168,83,.2)}.wm-detail-npc-name{font-weight:700;color:#d8c8a8}.wm-detail-npc-role{color:#aa9a7a;font-style:italic}.wm-detail-rumors{font-size:10px;color:#b8a888;font-style:italic;line-height:1.5}.wm-detail-rumor{margin-bottom:4px;padding-left:8px;border-left:2px solid rgba(200,168,83,.15)}.wm-detail-rumor:before{content:'"';color:#c8a853}.wm-detail-rumor:after{content:'"';color:#c8a853}.wm-detail-dragon-lore{background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:4px;padding:8px;margin:8px 0;font-size:11px;color:#f86;font-style:italic}.wm-detail-dragon-lore:before{content:"Lore Draconica: ";font-weight:700;color:#e74c3c;font-style:normal}.wm-detail-story-info{font-size:10px;color:#aa9a7a;margin:8px 0}.wm-detail-enter-btn{display:block;width:100%;padding:10px;margin-top:12px;background:linear-gradient(180deg,#c8a853,#a88833);border:2px solid #8a6a23;border-radius:4px;color:#1a1008;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:background .2s,transform .1s}.wm-detail-enter-btn:hover{background:linear-gradient(180deg,#d8b863,#b89843);transform:scale(1.02)}.wm-detail-enter-btn:active{transform:scale(.98)}.wm-detail-enter-btn:disabled{background:#555;border-color:#444;color:#888;cursor:not-allowed}.wm-footer{display:flex;justify-content:space-between;align-items:center;padding:6px 16px;border-top:2px solid #8a7451;background:linear-gradient(0deg,rgba(90,70,40,.15) 0%,transparent 100%);font-size:10px;color:#6a5a3a;flex-shrink:0;position:relative;z-index:1}.wm-stats{font-weight:700}.wm-controls{color:#8a7a5a}.wm-compass{position:absolute;bottom:40px;right:16px;font-size:28px;color:#5a462833;z-index:0}.wm-connection{position:absolute;background:#5a462826;height:2px;transform-origin:left center;z-index:1;pointer-events:none}.wm-detail-panel::-webkit-scrollbar{width:6px}.wm-detail-panel::-webkit-scrollbar-track{background:#140e0880}.wm-detail-panel::-webkit-scrollbar-thumb{background:#6a5a3a;border-radius:3px}.wm-detail-panel::-webkit-scrollbar-thumb:hover{background:#8a7a5a}.wm-locked-text{font-size:8px;color:#888;margin-top:2px}