@font-face{font-family:RegionDTM;src:url('/assets/dtm_sans.ttf') format('truetype');font-weight:400;font-display:swap}
body{background:#101519}main{max-width:none}.atlas-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.atlas-controls label{min-width:150px}.atlas-controls #source{min-width:280px}.map-binding{display:flex;gap:10px;align-items:center;margin:16px 0;font-size:13px;color:#adbcb7}.map-binding input,.check-label input{width:auto}.atlas{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px}.map-column{min-width:0}.drawing-tools{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:10px}.drawing-tools button{padding:8px 10px;font-size:12px}.drawing-tools [aria-pressed=true],.editor-tabs [aria-pressed=true]{background:#344d45;color:#e9efdb;border-color:#7c9d7f}.map-surface{position:relative;height:65vh;min-height:400px;background:#141e23;border:1px solid #40524b;overflow:hidden}canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}canvas[data-tool=contour],canvas[data-tool=rect],canvas[data-tool=brush]{cursor:crosshair}#map-empty{position:absolute;left:15%;right:15%;top:40%;text-align:center;pointer-events:none;color:#bdc9c2}.map-readout{position:absolute;bottom:12px;left:12px;right:12px;display:flex;justify-content:space-between;pointer-events:none;color:#d5e1d7;font:12px monospace}.map-readout span{background:#0d171de8;padding:6px 10px}.map-zoom{position:absolute;top:12px;right:12px;display:grid;gap:4px}.map-zoom button{padding:5px 12px;font-size:20px}#drawing-help,.form-note,#shape-info{font-size:12px;line-height:1.6;color:#9eafa7}.region-form{border-left:1px solid #394b43;padding-left:20px;max-height:85vh;overflow:auto}.region-form label{display:grid;gap:6px;margin:13px 0}.region-form input,.region-form select{min-width:0;width:100%}.region-form h2{font-size:16px;margin:24px 0 8px}.editor-tabs{display:flex;gap:6px;margin:20px 0}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sound-row{border-top:1px solid #40524b;padding:9px 0 15px}.sound-row select{font-size:12px}.sound-row .row-actions{display:flex;justify-content:space-between;gap:8px}.sound-row .row-actions button{font-size:12px;padding:6px 10px}.check-label{display:flex!important}.check-label input{width:auto}.primary{width:100%;margin-top:15px;background:#40594a;color:#f0f2de}.preview-tools{border-top:1px solid #40524b;margin-top:20px}.atlas-history{font-size:12px;margin-top:16px;max-height:130px;overflow:auto}.atlas-history p{margin:5px 0;color:#acbfb3}[hidden]{display:none!important}@media(max-width:1100px){.atlas{grid-template-columns:1fr}.region-form{border-left:0;border-top:1px solid #394b43;padding:12px 0;max-height:none}.map-surface{height:55vh}.atlas-controls #source{min-width:0;width:100%}}
body{color:#d7e1d9}h1,h2,label,#status,#connection{color:#d7e1d9}.subtitle{color:#9aaea2}.navigation{background:#131b20;border-color:#34483d}.navigation .brand,.navigation nav a,.scope{color:#d7e1d9}.navigation nav a[aria-current=page]{background:#2b4136;color:#ecedcd}button{background:#263830;border:1px solid #59715e;color:#e4e8d7}button:hover{background:#365342}input,select{background:#1a2923;border:1px solid #4a6653;color:#e0e8d9}input::placeholder{color:#94a698}.connection{background:#1a2520;border-color:#405547}.masthead h1{color:#e4e8d7}.region-form{background:transparent}
.publication-feedback{padding:12px 0;margin:12px 0 0;border-top:1px solid #7c9d7f;color:#e5e7c9;font-size:13px;line-height:1.6}.publication-feedback[data-stage=error]{color:#efb5a6;border-color:#b57260}.publication-feedback[data-stage=applied]{color:#b4d7aa}#publication-notice{position:fixed;right:24px;bottom:24px;z-index:1000;max-width:min(460px,calc(100vw - 48px));padding:16px 20px;background:#26382d;border:1px solid #8b9e6b;color:#f0eed7;box-shadow:0 6px 30px #0008;font-size:14px;line-height:1.6;pointer-events:none}#publication-notice[data-stage=error]{background:#3b2722;border-color:#b57260;color:#f6cec0}#publication-notice[data-stage=applied]{border-color:#9bbe88}button:disabled{opacity:.65;cursor:wait}
.section-stack{border-bottom:1px solid #405348;padding:4px 0 14px;margin:10px 0}.section-stack>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:12px 0;color:#e8e4cc;font-weight:600;cursor:pointer}.section-stack>summary::after{content:'+';font-size:20px;color:#99b49f}.section-stack[open]>summary::after{content:'−'}.section-stack>summary::-webkit-details-marker{display:none}.sound-row{padding:0 0 12px}.sound-row>summary{font-size:14px}.appearance-colors{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.appearance-colors input[type=color]{height:38px;padding:4px}.three-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.region-badge-preview{--badge-color:#81a897;--badge-end:#c4af78;--badge-text:#f0eee0;--badge-text-end:#c4af78;display:flex;align-items:center;gap:14px;padding:20px 16px;margin:8px 0 18px;border:1px solid var(--badge-color);border-radius:10px;background:linear-gradient(130deg,#172828,#121b22);position:relative;overflow:hidden}.region-badge-preview::before{content:'';position:absolute;top:8px;left:16px;right:16px;height:2px;background:linear-gradient(90deg,var(--badge-color),var(--badge-end))}.region-badge-preview strong{display:block;font-family:RegionDTM,sans-serif;font-weight:400;line-height:1.3;background:linear-gradient(90deg,var(--badge-text),var(--badge-text-end));background-clip:text;color:transparent;overflow-wrap:anywhere}.region-badge-preview small{display:block;font-family:RegionDTM,sans-serif;font-size:11px;color:var(--badge-text);margin-top:5px}.badge-emblem{flex:none;width:15px;height:15px;border:2px solid var(--badge-color);transform:rotate(45deg);position:relative}.badge-emblem::after{content:'';position:absolute;inset:4px;background:var(--badge-end)}.drawing-tools button{width:38px;height:38px;padding:9px;display:grid;place-items:center;border-radius:7px}.drawing-tools svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.editor-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.editor-tabs button{font-size:12px;padding:9px 4px}.map-surface{overscroll-behavior:contain}.region-form{scrollbar-width:thin;scrollbar-color:#62796a #14231d;overscroll-behavior:contain}button:disabled{cursor:not-allowed}button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #b3c895;outline-offset:3px}
@media(min-width:1101px){body{height:100vh;overflow:hidden}main{height:100vh;box-sizing:border-box;display:flex;flex-direction:column;padding-top:22px;padding-bottom:18px}.masthead{flex:none;margin-bottom:8px}.masthead h1{font-size:28px}#status{margin:4px 0 10px;font-size:12px}#workspace{display:flex;flex-direction:column;flex:1;min-height:0}.atlas-controls{flex:none}.map-binding{margin:9px 0 14px}.atlas{flex:1;min-height:0;grid-template-columns:minmax(0,1fr) 365px;gap:24px}.map-column{display:flex;flex-direction:column;min-height:0}.map-surface{height:auto;min-height:0;flex:1;border-radius:9px}.region-form{max-height:none;min-height:0;padding-right:10px}.atlas-history{max-height:50px;margin-top:0}#drawing-help{margin:7px 0;font-size:11px;max-width:75ch}.navigation{height:100vh;box-sizing:border-box}}

@media(min-width:1101px){.atlas-controls{display:grid;grid-template-columns:160px minmax(0,1fr) auto 140px;align-items:end;gap:12px}.atlas-controls label{min-width:0}.atlas-controls #source{width:100%;min-width:0;max-width:100%}#connection{font-size:12px;align-self:center;margin-top:20px}.region-form>label:first-child{margin-top:0}.masthead{margin-bottom:4px}}

.region-editor-header{position:sticky;top:0;z-index:5;background:#101519;padding:0 0 3px;border-bottom:1px solid #405348}.region-editor-header>label{margin:0}.region-editor-header .editor-tabs{margin:10px 0 12px}.sound-row>summary{overflow-wrap:anywhere;gap:12px}

.region-badge-preview{overflow:visible}

.mob-search-results{max-height:220px;overflow:auto;border-top:1px solid #405348}.mob-search-results label{display:flex;align-items:center;gap:8px;padding:8px 0;margin:0;font-size:12px;overflow-wrap:anywhere}.mob-search-results input{width:auto;flex:none}.mob-selected{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.mob-selected p{width:100%;margin:0}.mob-selected button{font-size:11px;padding:5px 8px}
html[data-appearance=light] .region-editor-header{background:var(--ui-bg,#f6f4fa)}
html[data-appearance=light] .region-form .section-stack>summary{color:#33483d}
html[data-appearance=light] :is(#status,#connection,.map-binding,.form-note,#shape-info,#drawing-help){color:#4b5753}
#region-mining .row-actions{display:flex;flex-wrap:wrap;gap:8px}
#mining-ores input[type=text]{font-size:12px}
/* Título no mapa: faixa de pergaminho (mesma arte do atlas no jogo) */
.region-ribbon-preview{display:block;width:100%;height:auto;aspect-ratio:560/120;margin:8px 0 14px;border-radius:8px;border:1px solid #405348}
.emblem-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:4px;max-height:156px;overflow-y:auto;padding:4px;margin:6px 0 12px;border:1px solid #2c3d35;border-radius:8px;background:#0f1916;scrollbar-width:thin}
.emblem-grid button{width:34px;height:34px;padding:4px;display:grid;place-items:center;border-radius:6px;background:#17241f;border:1px solid transparent}
.emblem-grid button[aria-pressed=true]{border-color:#d9b44a;background:#2a3326}
.emblem-grid img{width:24px;height:24px;object-fit:contain;object-position:top;image-rendering:auto}
.swatch-row{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:4px 0 10px}
.swatch-row>span{flex-basis:100%;font-size:13px;color:#c9c5ad}
.swatch-row button{width:22px;height:22px;padding:0;border-radius:50%;border:2px solid #0b0f0d;box-shadow:0 0 0 1px #405348}
.swatch-row button[aria-pressed=true]{box-shadow:0 0 0 2px #f0d79a}
.swatch-row input[type=color]{width:30px;height:24px;padding:2px}