:root{--ink:#2c2118;--muted:#5a4a38;--parch:#ece0c8;--parch-2:#e4d5b8;--gold:#a58232;--red:#b31f34;--body:'EB Garamond',Georgia,serif;--sans:'Ysabeau',Arial,sans-serif;--display:'Cinzel',Georgia,serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font:18px/1.4 var(--body);height:100dvh;display:flex;flex-direction:column;background:var(--parch)}
header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:12px 24px;background:#1d1813;color:#f5f1dc;border-bottom:2px solid var(--gold);z-index:1000}header img{display:block;width:150px;height:64px}h1{font:600 clamp(1rem,2vw,1.6rem) var(--display);margin:0}h2{font:800 1.4rem var(--sans);margin:0 0 .6rem}nav{display:flex;gap:8px}button,input,select,textarea{font:600 1rem var(--sans)}button{padding:9px 12px;min-height:44px;cursor:pointer;color:var(--ink);border:1px solid #9d865e;background:var(--parch)}button:hover{background:var(--parch-2)}a{color:var(--red);text-underline-offset:3px}:focus-visible{outline:3px solid var(--red);outline-offset:3px}main{position:relative;flex:1;min-height:0;overflow:hidden}#map{position:absolute;inset:0;background:radial-gradient(ellipse at 40% 40%,#e4d5b8,#c3ac80);font-family:var(--body)}#map::after{content:'';position:absolute;inset:0;z-index:450;pointer-events:none;box-shadow:inset 0 0 90px #5a4a3840;border:10px double #5a4a3860;background:repeating-linear-gradient(7deg,#2c211803 0 1px,transparent 1px 5px)}
#panel{position:absolute;left:24px;top:24px;width:280px;max-height:calc(100% - 76px);overflow:auto;padding:22px;z-index:800;background:linear-gradient(120deg,#f5edda,#e4d5b8);border:1px solid #9d865e;box-shadow:0 4px 20px #2c211826}p{margin:0 0 1rem}fieldset{border:0;border-top:1px solid #9d865e;padding:12px 0;margin:0}legend{font:600 1rem var(--sans);padding-right:8px}label{display:block;margin:0 0 8px}input[type=checkbox]{accent-color:var(--red);width:18px;height:18px;vertical-align:middle;margin-right:8px}#status{font-style:italic;color:var(--muted)}#territory-list button{display:block;width:100%;text-align:left;margin:6px 0}#details,#editor{border-top:1px solid #9d865e;padding-top:18px;margin-top:18px}.wiki{display:block;margin-top:20px;font:600 1rem var(--sans)}#edit-form input:not([type=color]),textarea,select{width:100%;background:#f8f1df;border:1px solid #9d865e;padding:6px;color:var(--ink)}textarea{min-height:90px}#export{margin-top:12px}.atlas-caption{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:500;text-align:center;pointer-events:none;font:600 clamp(1rem,2vw,1.8rem) var(--display);letter-spacing:.12em;opacity:.65}.atlas-caption span{display:block;font:italic 1rem var(--body);letter-spacing:.03em}
.leaflet-control-zoom a,.leaflet-control-attribution{background:var(--parch)!important;color:var(--ink)!important}.leaflet-control-zoom a{width:44px!important;height:44px!important;line-height:44px!important}.leaflet-control-attribution a{color:var(--muted)}.leaflet-top.leaflet-right{top:14px;right:14px}.territory-tooltip{background:var(--parch);border:1px solid var(--gold);color:var(--ink);box-shadow:0 3px 12px #2c21182b;padding:10px 14px;white-space:normal;min-width:150px;max-width:240px;font:18px/1.3 var(--body)}.territory-tooltip strong{display:block;font:800 18px var(--sans)}.territory-tooltip::before{display:none}.leaflet-interactive:focus{outline:none;stroke:var(--red);stroke-width:4}
@media(max-width:700px){header{padding:8px 12px;gap:8px;flex-wrap:wrap}header img{width:100px;height:43px}h1{font-size:1rem}nav{width:100%;justify-content:flex-end}nav button{padding:6px 12px}#panel{left:12px;top:12px;width:min(280px,calc(100% - 86px));max-height:calc(100% - 60px);padding:16px}.atlas-caption{display:none}.leaflet-control-attribution{font-size:11px}}
[hidden]{display:none!important}

.territory-swatch{display:inline-block;width:16px;height:16px;border:1px solid #2c211880;margin-right:9px;vertical-align:middle}#territory-list details{margin-top:16px;border-top:1px solid #9d865e;padding-top:12px}#territory-list summary{cursor:pointer;font:600 1rem var(--sans);padding:8px 0}.territory-tooltip strong{margin-bottom:5px}

/* A bounded panel with one purpose at a time; its contents scroll independently. */
#panel{display:flex;flex-direction:column;padding:0;overflow:hidden}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:12px 16px;border-bottom:1px solid #9d865e;background:var(--parch)}
.panel-heading h2{margin:0;font-size:1.2rem}.panel-heading button{flex:none;padding:0;width:44px;font-size:1.6rem;line-height:1;border:0;background:transparent}
.panel-body{padding:16px;overflow-y:auto;overscroll-behavior:contain;min-height:0;scrollbar-gutter:stable}
#details{margin:0;padding:0;border:0}#detail-name{font-size:1.25rem}#detail-description{margin-bottom:.5rem}
@media(max-width:700px){
 #panel{top:auto;bottom:26px;left:12px;right:12px;width:auto;max-height:min(45%,22rem);padding:0}
 .panel-body{font-size:16px;padding:12px 16px}
 .panel-heading{padding:6px 12px}.panel-heading h2{font-size:1.1rem}
 #status{font-size:14px}#key-content>p:first-child{display:none}
}
@media(hover:none){.territory-tooltip{display:none!important}}