.village-map{min-width:0}.map-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:0 0 16px}.map-dimension-label{display:grid;gap:7px;font-size:12px;color:var(--muted)}.map-dimension-label select{min-width:150px}.map-toolbar form{display:flex;align-items:center;gap:8px;flex:1;min-width:220px}.map-toolbar input{width:100%;min-width:0}.map-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.map-button{border:1px solid var(--line);border-radius:7px;padding:10px 13px;white-space:nowrap;line-height:1.3;background:var(--paper)}.map-button.primary{background:var(--green);color:var(--paper)}.map-message{padding:10px 0 14px;color:var(--ink);font-size:13px}.map-workspace{display:grid;grid-template-columns:minmax(0,1fr) 260px;border-block:1px solid var(--line);min-height:600px}.map-stage{position:relative;min-width:0;height:clamp(540px,72vh,900px);overflow:hidden;background:var(--soft)}#map-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#map-canvas:active{cursor:grabbing}#map-canvas:focus-visible{outline:3px solid var(--green);outline-offset:-3px}.map-side{min-width:0;border-left:1px solid var(--line);padding:22px 0 22px 22px;max-height:clamp(540px,72vh,900px);overflow-y:auto;scrollbar-gutter:stable}.map-side h2{font-size:16px;overflow-wrap:anywhere}.map-side h3{margin:24px 0 12px}.map-side-note{font-size:12px;color:var(--muted);line-height:1.8;margin:10px 0 16px}.map-list-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.map-list-heading>span{font-size:12px;color:var(--muted)}.map-regions-heading{margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}.map-player-row,.map-region-row{display:flex;align-items:center;text-align:left;width:100%;gap:10px;padding:10px 8px;border-radius:7px;margin-bottom:5px}.map-player-row:hover,.map-region-row:hover{background:var(--soft)}.map-player-row>span:nth-child(2),.map-region-row>span:nth-child(2){min-width:0;flex:1}.map-player-row strong,.map-region-row strong{font-weight:600;display:block;overflow-wrap:anywhere}.map-player-row small,.map-region-row small{display:block;margin-top:5px}.map-letter-avatar{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;background:var(--soft);border-radius:6px;font-weight:700}.map-region-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.map-controls-note{margin-top:30px}.map-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted);padding:14px 0}.map-compass{position:absolute;top:18px;left:18px;display:grid;text-align:center;font-size:23px;font-weight:700;color:#fff;text-shadow:0 1px 4px #000;pointer-events:none}.map-compass span{font-size:11px}.map-zoom{position:absolute;top:18px;right:18px;display:grid;gap:6px}.map-zoom button{width:36px;height:36px;background:var(--paper);border:1px solid var(--line);border-radius:7px;font-size:23px;box-shadow:0 2px 10px #0002}.map-display{position:absolute;bottom:16px;left:16px;display:flex;gap:12px;padding:9px 12px;background:var(--paper);border:1px solid var(--line);border-radius:7px;font-size:12px;align-items:center}.map-display label{display:flex;gap:5px;align-items:center;white-space:nowrap}.map-display input{margin:0;accent-color:var(--green)}.map-scale{position:absolute;bottom:18px;right:18px;color:#fff;text-shadow:0 1px 3px #000;font-size:11px;text-align:center;pointer-events:none}.map-scale span{display:block;height:6px;border:2px solid white;border-top:0;box-shadow:0 1px 2px #000;margin:0 auto 5px}.map-tooltip{position:absolute;pointer-events:none;max-width:min(300px,90%);background:var(--paper);border:1px solid var(--line);box-shadow:0 4px 16px #0003;border-radius:7px;padding:10px 13px;font-size:12px;z-index:3;overflow-wrap:anywhere}.map-tooltip span{display:block;color:var(--muted);font-size:11px;margin-top:5px}.map-empty{position:absolute;top:40%;left:10%;width:80%;text-align:center;color:var(--ink);pointer-events:none}.map-empty strong{font-size:20px}.map-empty p{margin-top:12px;line-height:1.8;font-size:13px}.map-back{font-size:12px;color:var(--muted);margin-bottom:20px;padding:4px 0}.map-description{white-space:pre-wrap;line-height:1.8;font-size:13px;overflow-wrap:anywhere;margin:18px 0}.map-properties{margin:18px 0}.map-properties>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:9px 0;border-bottom:1px solid var(--line)}.map-properties dt{color:var(--muted)}.map-properties dd{margin:0;text-align:right;overflow-wrap:anywhere}.map-properties dd small{display:block;margin-top:5px}.map-side>.map-button,#map-side-content>.map-button{margin:5px 5px 5px 0}.map-block-id{display:block;overflow-wrap:anywhere;font-size:11px;color:var(--muted);line-height:1.8}.map-editor-tools{position:absolute;top:16px;left:70px;right:65px;display:flex;gap:8px;flex-wrap:wrap;background:var(--paper);padding:8px;border:1px solid var(--line);border-radius:8px;box-shadow:0 3px 12px #0002;font-size:12px}.map-editor-tools>div{display:flex;gap:4px;flex-wrap:wrap}.map-editor-tools button{padding:7px 8px;border-radius:5px}.map-editor-tools button.selected{background:var(--soft);box-shadow:inset 0 0 0 1px var(--green)}.map-editor-tools label{display:flex;align-items:center;gap:5px}.map-editor-tools select{padding:5px 30px 5px 7px!important}.map-editor-tools[hidden],.map-empty[hidden],.map-tooltip[hidden],.map-message[hidden]{display:none}#map-edit-form{display:grid;gap:16px}#map-edit-form label{display:grid;gap:8px;font-size:12px;color:var(--muted)}#map-edit-form textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:7px;padding:10px;background:var(--paper);color:var(--ink);font:inherit;line-height:1.7}#map-edit-form .map-color-label{display:flex;align-items:center;justify-content:space-between}#map-color{width:64px;height:36px;padding:4px}#map-selection-count{font-weight:700}#map-connected{margin:0}.map-edit-actions{display:flex;gap:8px;flex-wrap:wrap}.map-edit-actions .primary{padding:10px 14px;border-radius:7px}.map-delete{text-align:left;color:#b96652;padding:10px 0;font-size:12px;margin-top:10px}.map-login{max-width:400px}.map-login>p{color:var(--muted);line-height:1.8;margin:12px 0 22px}.map-login form{display:grid;gap:18px}.map-login label{display:grid;gap:8px}.map-login input{width:100%}.map-login button{padding:12px;border-radius:7px}#map-login-error{color:#bc725d;font-size:13px;line-height:1.8}.map-history article{padding:18px 0;border-bottom:1px solid var(--line)}.map-history time{display:block;font-size:11px;color:var(--muted);margin-top:7px}.map-history article p{margin:12px 0 6px}.map-history .panel-sub{margin:12px 0 20px}.map-button:focus-visible,.map-editor-tools button:focus-visible{outline:2px solid var(--green)}
@media(max-width:1100px){.map-workspace{grid-template-columns:minmax(0,1fr) 220px}.map-side{padding-left:16px}.map-editor-tools{left:12px;top:80px;right:12px}.map-display{gap:8px}.map-scale{bottom:65px}}
@media(max-width:760px){.map-workspace{grid-template-columns:1fr}.map-stage{height:60vh;min-height:420px}.map-side{border-left:0;border-top:1px solid var(--line);padding:22px 4px;max-height:none}.map-toolbar{gap:12px}.map-toolbar form{order:2;flex-basis:100%}.map-toolbar-actions{flex:1;justify-content:flex-end}.map-toolbar-actions button{padding:9px;font-size:12px}.map-dimension-label select{min-width:120px}.map-footer{font-size:11px}.map-empty strong{font-size:17px}.map-stage .map-editor-tools{font-size:11px}.map-editor-tools button{padding:6px}.map-display{left:10px;bottom:10px;font-size:11px}}

.map-speeches{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}.map-speech{position:absolute;width:max-content;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);box-shadow:0 3px 12px #0003;font-size:13px;line-height:1.5;pointer-events:auto;overflow-wrap:anywhere}.map-speech>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;white-space:pre-wrap}.map-speech::after{content:'';position:absolute;left:var(--tail-x);bottom:-5px;width:8px;height:8px;background:var(--paper);border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:translateX(-50%) rotate(45deg)}.map-speech.below::after{top:-5px;bottom:auto;transform:translateX(-50%) rotate(225deg)}.map-stage .map-display{flex-wrap:wrap;max-width:calc(100% - 36px);row-gap:10px;z-index:4}.map-stage .map-zoom,.map-stage .map-editor-tools{z-index:4}