@font-face{font-family:"Germania One";font-style:normal;font-weight:400;font-display:swap;src:url('/assets/game/hud/germania-one.ttf') format('truetype')}

.game-map-workspace{min-width:0;min-height:0}
.game-map-workspace__viewport{min-width:0;min-height:0}
.game-map-workspace__inspector{min-width:0}

.game-map-breadcrumb{position:relative;z-index:12;width:28%;height:100%;overflow:visible;color:#c8b29b;font-family:"Germania One",var(--serif)}
.game-map-breadcrumb--gm{width:32%}
.game-map-breadcrumb--overlay{position:absolute;left:1%;bottom:1.5%;width:28%;height:8%;min-height:4.25rem;color:var(--text)}
.game-map-breadcrumb__title{position:absolute;left:0;right:0;top:-1.45rem;display:block;text-align:center;letter-spacing:.105em;font-size:clamp(.68rem,1.15cqw,1.15rem);line-height:1.5;color:currentColor}
.game-map-breadcrumb__back{position:absolute;inset:0;overflow:hidden;transform:scaleY(-1);opacity:.9}
.game-map-breadcrumb__back img{position:absolute;height:201.64%;width:116.42%;max-width:none;left:-7.19%;top:-50.82%}
.game-map-breadcrumb.wg-breadcrumb ol{position:relative;display:flex;justify-content:center;flex-wrap:nowrap;gap:1%;height:100%;margin:0;padding:.35rem 0}
.game-map-breadcrumb.wg-breadcrumb li{display:block;width:17%;aspect-ratio:1;flex:none}
.game-map-breadcrumb.wg-breadcrumb li::after{display:none}
.game-map-breadcrumb .wg-icon-button{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:none;border-radius:0}
.game-map-breadcrumb__socket{position:absolute;inset:0;width:100%;height:100%}
/* Rotate around the square frame, excluding the arrow on its right edge. */
.game-map-breadcrumb__selected{transform:rotate(-90deg);transform-origin:43% 50%}
.game-map-breadcrumb li[aria-current="location"] .wg-icon-button{overflow:visible}
.game-map-breadcrumb__symbol{position:absolute;left:15%;top:17%;width:62%;height:62%;object-fit:contain}
.game-map-breadcrumb__village{left:24%;top:20%;width:48%;height:58%}
.game-map-breadcrumb__room{transform:rotate(-90deg)}

.region-map{position:absolute;inset:0;z-index:8;overflow:hidden;background:var(--bg) url('/assets/game/region/parchment.png') center/cover}
.region-map__workspace{position:absolute;inset:0}
.region-map__header{position:absolute;z-index:10;top:2%;left:2%;right:30%;display:flex;align-items:center;justify-content:space-between;gap:1rem;pointer-events:none}
.region-map__header button{pointer-events:auto;background:var(--bg)}
.region-map__header>div{padding:.5rem 1rem;background:var(--bg)}
.region-map__header h1{margin:0;font-size:2rem}
.region-map__viewport{position:absolute;inset:0;overflow:hidden;cursor:grab;touch-action:none;user-select:none}
.region-map__viewport.is-dragging{cursor:grabbing}
.region-map__viewport:focus-visible{outline:3px solid var(--text-accent);outline-offset:-3px}
.region-map__canvas{position:absolute;left:0;top:12%;width:76%;height:76%;min-width:640px;min-height:360px;will-change:transform}
.region-map__outline{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.region-map__connections{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--text-dim);stroke-width:2;stroke-dasharray:5 7;opacity:.45}
.region-map__node{position:absolute;transform:translate(-50%,-50%);width:min(var(--region-symbol-width),12cqw)}
.region-map__node .wg-icon-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:auto;padding:4px;gap:4px;border:var(--border-hair) solid transparent;background:transparent;border-radius:var(--radius-sm)}
.region-map__node img{display:block;width:100%;height:auto;object-fit:cover}
.region-map__node span{color:var(--text);background:var(--bg);padding:2px 6px;white-space:nowrap;font-family:"Germania One",var(--serif);font-size:clamp(12px,1.3cqw,20px)}
.region-map__node[data-selected="true"] .wg-icon-button,.region-map__node .wg-icon-button:hover{border-color:var(--text-accent);background:var(--bg-raised)}
.region-map__inspector{position:absolute;z-index:9;right:1.5%;top:18%;bottom:16%;width:25%;display:flex;flex-direction:column;align-items:stretch;gap:1rem;padding:1rem;background:var(--bg);color:var(--text);overflow:auto;border:var(--border-hair) solid var(--border)}
.region-map__inspector h2{text-align:center;padding:.5rem;border-block:var(--border-hair) solid var(--border);font-family:"Germania One",var(--serif);font-size:1.5rem}
.region-map__inspector h2,.region-map__inspector p{margin:.2rem 0}
.region-map__hint{position:absolute;z-index:9;bottom:3%;left:32%;padding:.3rem .6rem;background:var(--bg);color:var(--text);pointer-events:none;font-size:.75rem}

@container game (max-aspect-ratio:1/1){.game-map-breadcrumb--overlay{bottom:9%;width:50%;height:8%}}
@container gm-map (max-width:900px){.game-map-breadcrumb--gm{width:41%}}
@container gm-map (max-width:620px){.game-map-breadcrumb--gm{width:48%}}
@media(max-width:600px){.region-map__header{right:3%}.region-map__header h1{font-size:1.2rem}.region-map__inspector{width:38%;padding:.5rem;font-size:.8rem;top:22%;bottom:24%;gap:.5rem}.region-map__inspector h2{font-size:1.1rem}.region-map__hint{bottom:20%;left:2%}.region-map__node{width:90px}}
@media(prefers-reduced-motion:reduce){.region-map__canvas{will-change:auto}}

.player-map{position:absolute;inset:0;z-index:14;overflow:hidden;background:var(--bg) url('/assets/game/region/parchment.png') center/cover;color:#211b17;font-family:"Germania One",var(--serif);container:player-map/size}
.player-map__header{position:absolute;z-index:8;left:0;right:0;top:0;height:11%;min-height:4.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:clamp(.65rem,1.5cqw,1.25rem) clamp(1rem,2.5cqw,2rem);border-bottom:1px solid rgba(43,34,27,.38);background:rgba(224,215,198,.9)}
.player-map__header h1{margin:.1rem 0;font:400 clamp(1.2rem,2cqw,2rem)/1 "Germania One",var(--serif);letter-spacing:.04em}.player-map__header p{margin:0;color:#665647}.player-map__header-actions{display:flex;gap:.45rem}.player-map__header-actions .wg-button{background:rgba(25,21,18,.92);color:#e5d3b9;border-color:#30271f}
.player-map__workspace{position:absolute;inset:11% 0 10%;display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,24%);min-height:0}.player-map__viewport{position:relative;min-width:0;overflow:hidden}.player-map__inspector{margin:.75rem .75rem .75rem 0;padding:1rem;background:rgba(10,9,8,.94);color:#c8b29b;overflow:auto;box-shadow:0 0 1rem rgba(0,0,0,.3)}.player-map__inspector h2{margin:.2rem 0 .65rem;padding-bottom:.5rem;border-bottom:1px solid #5b535f;font:400 clamp(1rem,1.4cqw,1.4rem) "Germania One",var(--serif)}.player-map__inspector h3{margin:1.2rem 0 .45rem;font-size:.85rem;font-weight:400;letter-spacing:.06em}.player-map__inspector p{color:#a89583;font:clamp(.68rem,.78cqw,.8rem)/1.5 var(--sans)}.player-map__inspector section button{display:grid;width:100%;gap:.1rem;padding:.5rem;border:0;border-bottom:1px solid rgba(91,83,95,.55);background:transparent;color:#c8b29b;text-align:left;cursor:pointer}.player-map__inspector section button:hover{background:#211c18;color:#fff}.player-map__inspector section button strong{font-weight:400}.player-map__inspector section button small{color:#81766b;font-family:var(--sans)}
.player-map__footer{position:absolute;z-index:8;left:0;right:0;bottom:0;height:10%;min-height:4.5rem;display:flex;align-items:center;background:linear-gradient(90deg,rgba(8,7,6,.97) 0 38%,rgba(8,7,6,.68) 60%,transparent)}.player-map__footer>p{margin-left:1rem;color:#392f27;font:clamp(.48rem,.62cqw,.64rem) var(--mono);letter-spacing:.04em}.game-map-breadcrumb--player-map{width:31%;color:#c8b29b}

.game-generated-map{position:absolute;inset:0;overflow:hidden;color:#211b17}.game-generated-map__heading{position:absolute;z-index:5;left:2.5%;right:2.5%;top:2%;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;pointer-events:none}.game-generated-map__heading h2{margin:.05rem 0;font:400 clamp(1rem,1.6cqw,1.55rem)/1.1 "Germania One",var(--serif);letter-spacing:.05em}.game-generated-map__heading p{margin:0;color:#685846!important}.game-generated-map__floors{display:flex;gap:.25rem;pointer-events:auto}.game-generated-map__floors button{padding:.35rem .6rem;border:1px solid rgba(39,31,25,.42);background:rgba(223,211,189,.9);color:#43372d;font:inherit;font-size:clamp(.48rem,.65cqw,.68rem);cursor:pointer}.game-generated-map__floors button[aria-current="page"]{background:#241d18;color:#dcc7aa}.game-generated-map__canvas{position:absolute;inset:8% 2% 8%;overflow:hidden}.game-generated-map__art{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.game-generated-map__land{fill:rgba(198,177,139,.52);stroke:#493e31;stroke-width:4;stroke-linejoin:round;filter:drop-shadow(0 .35rem .45rem rgba(41,31,23,.23))}.game-generated-map__terrain{fill:rgba(77,88,43,.18);stroke:rgba(54,61,34,.2);stroke-width:2}.game-generated-map__terrain[data-kind="mountains"]{fill:rgba(91,77,65,.2)}.game-generated-map__terrain[data-kind="lake"],.game-generated-map__terrain[data-kind="coast"]{fill:rgba(72,132,142,.3);stroke:#477882}.game-generated-map__terrain[data-kind="fields"]{fill:rgba(126,117,46,.2)}.game-generated-map__structure{fill:rgba(166,148,119,.52);stroke:#30271f;stroke-width:11;filter:drop-shadow(0 .45rem .45rem rgba(35,27,20,.28))}.game-generated-map[data-map-template="dungeon"] .game-generated-map__structure{fill:rgba(71,65,57,.72)}.game-generated-map[data-map-template="castle"] .game-generated-map__structure{fill:rgba(136,126,109,.62);stroke-width:16}.game-generated-map[data-map-template="tower"] .game-generated-map__structure{fill:rgba(145,130,105,.6)}.game-generated-map__walls{fill:none;stroke:rgba(51,43,35,.42);stroke-width:6;stroke-dasharray:9 6}.game-generated-map__edge{fill:none;stroke:#4c3e2f;stroke-width:5;stroke-linecap:round;vector-effect:non-scaling-stroke}.game-generated-map__edge[data-kind*="trail"],.game-generated-map__edge[data-kind*="path"]{stroke-dasharray:8 7;stroke-width:3}.game-generated-map__edge[data-kind*="passage"],.game-generated-map__edge[data-kind*="stairs"],.game-generated-map__edge[data-kind*="ladder"],.game-generated-map__edge[data-kind*="shaft"]{stroke:#d1b98f;stroke-width:7}.game-generated-map__edge[data-kind*="river"]{stroke:#4e8690;stroke-width:8}.game-generated-map__node{--node-x:50%;--node-y:50%;position:absolute;z-index:3;left:var(--node-x);top:var(--node-y);transform:translate(-50%,-50%);display:grid;grid-template-columns:clamp(2.2rem,4.2cqw,4.2rem) auto;grid-template-areas:"icon name" "icon kind" "enter enter";align-items:center;column-gap:.35rem;min-width:clamp(6.5rem,11cqw,11rem);max-width:14rem;padding:.3rem .45rem;border:1px solid rgba(53,42,32,.52);background:rgba(229,218,195,.9);color:#201914;font:inherit;text-align:left;box-shadow:0 .2rem .45rem rgba(38,29,21,.28);cursor:pointer}.game-generated-map__node[data-selected="true"]{z-index:4;border:2px solid #461d25;background:#eee2cc;box-shadow:0 0 0 3px rgba(255,255,255,.45),0 .35rem .7rem rgba(39,27,21,.38)}.game-generated-map__node-icon{grid-area:icon;display:grid;place-items:center;width:100%;aspect-ratio:1}.game-generated-map__node-icon img{display:block;max-width:100%;max-height:100%;filter:drop-shadow(0 .2rem .15rem rgba(0,0,0,.25))}.game-generated-map__node strong{grid-area:name;font-weight:400;font-size:clamp(.56rem,.78cqw,.82rem);line-height:1.05}.game-generated-map__node small{grid-area:kind;color:#6a5949;font:clamp(.4rem,.5cqw,.54rem)/1.1 var(--sans)}.game-generated-map__enter{grid-area:enter;justify-self:end;margin-top:.15rem;color:#5a1f29;font:clamp(.38rem,.46cqw,.48rem) var(--mono);letter-spacing:.07em}.game-generated-map__caption{position:absolute;left:2.5%;bottom:1%;margin:0;color:#5f5042!important;font:clamp(.42rem,.55cqw,.58rem) var(--mono)!important;letter-spacing:.04em}

@container player-map (max-width:760px){.player-map__workspace{grid-template-columns:1fr}.player-map__inspector{position:absolute;right:.25rem;top:.25rem;width:36%;max-height:64%;margin:0;padding:.65rem}.player-map__header{padding-inline:.65rem}.player-map__header-actions .wg-button{padding-inline:.45rem}.player-map__footer>p{display:none}.game-map-breadcrumb--player-map{width:48%}.game-generated-map__heading{right:38%}.game-generated-map__node{grid-template-columns:2rem auto;min-width:5.4rem;padding:.2rem}.game-generated-map__node strong{font-size:.5rem}.game-generated-map__node small{display:none}.game-generated-map__floors{flex-wrap:wrap;justify-content:flex-end}.game-generated-map__floors button{padding:.2rem .3rem}}