:root{
  --bg:#080807;--panel:#111820;--panel2:#0c1218;--ink:#f3e5c2;--muted:#a99b82;--gold:#d7ae62;--gold2:#ffe0a0;--line:#67502d;--blue:#49bfff;--green:#5ae4a1;--shadow:0 18px 45px rgba(0,0,0,.48)
}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{overflow:hidden;background:#080a0d;color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;background-image:radial-gradient(circle at 50% 0,#1a2024 0,#080a0d 62%)}button,input,select{font:inherit}button{cursor:pointer}img{display:block}
.topbar{height:76px;display:grid;grid-template-columns:260px minmax(360px,680px) 1fr;gap:16px;align-items:center;padding:10px 16px;background:linear-gradient(180deg,#17120c,#0a0d10 82%);border-bottom:1px solid #735a32;box-shadow:0 8px 32px #0009;position:relative;z-index:30}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:3px;border-bottom:1px solid #2b8bb955}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border:1px solid #c69b55;border-radius:50%;color:#ffe1a2;font-size:28px;box-shadow:0 0 18px #d9a44a33 inset,0 0 16px #000}.brand-main{font:800 22px Georgia,serif;letter-spacing:.09em;color:#ffe4aa}.brand-sub{font-size:11px;color:#8dbed0;letter-spacing:.18em;margin-top:3px}.global-locate{display:grid;grid-template-columns:1fr 116px;gap:8px;align-items:center}.top-location{margin:0}.field-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);z-index:2;color:#89d3ff;font-size:18px}.top-location input{padding-left:40px!important}.topstats{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.stat-pill{padding:7px 10px;border:1px solid #493a26;border-radius:8px;background:#0d1318;color:#d8c9aa;font-size:12px;white-space:nowrap}.stat-pill.status{border-color:#24694d;color:#9cf0be}
.atlas-layout{height:calc(100vh - 76px);display:grid;grid-template-columns:276px minmax(420px,1fr) 344px;min-height:0}.rail{overflow:auto;padding:12px;background:linear-gradient(180deg,#11100e,#0a0e12);scrollbar-width:thin;scrollbar-color:#6b5230 #111}.left-rail{border-right:1px solid #584327}.right-rail{border-left:1px solid #584327}.rail-title{font:800 12px Georgia,serif;letter-spacing:.14em;color:#e8c982;margin:2px 2px 10px}.panel,.legend-card{position:relative;margin:0 0 10px;border:1px solid #72542c;border-radius:9px;background:linear-gradient(180deg,rgba(20,27,33,.96),rgba(8,13,18,.97));box-shadow:var(--shadow)}.panel:before,.legend-card:before{content:"";position:absolute;inset:3px;border:1px solid rgba(245,211,142,.08);border-radius:6px;pointer-events:none}.collapsible-panel{overflow:visible}.collapsible-panel>summary{list-style:none;cursor:pointer;padding:13px 14px;display:flex;align-items:center;gap:9px;min-height:50px}.collapsible-panel>summary::-webkit-details-marker{display:none}.collapsible-panel>summary:after{content:"⌄";margin-left:auto;color:#d9b76d;font-size:17px}.collapsible-panel[open]>summary:after{transform:rotate(180deg)}.panel-title{font:800 14px Georgia,serif;color:#f3ddb0}.panel-rune{color:#78cfff;font-size:18px}.panel-body{padding:0 12px 12px}.panel-headline{padding:13px 13px 0}.selected-panel{min-height:210px}.node-info{padding:0 13px 14px;color:#cabd9f}.row{display:flex;gap:8px;align-items:center}.between{justify-content:space-between}.two-col>*{flex:1 1 0}.compact-gap{gap:7px}
input,select{width:100%;min-height:43px;border:1px solid #51412c;border-radius:8px;background:#0a1118;color:#f1e3c5;padding:10px 11px;outline:none;box-shadow:inset 0 2px 8px #0007}input:focus,select:focus{border-color:#c8984f;box-shadow:0 0 0 2px #c8984f22,inset 0 2px 8px #0007}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#d8b66c 50%),linear-gradient(135deg,#d8b66c 50%,transparent 50%);background-position:calc(100% - 16px) 18px,calc(100% - 11px) 18px;background-size:5px 5px;background-repeat:no-repeat;padding-right:28px}.location-autocomplete{position:relative;margin-bottom:8px}.location-suggest{display:none;position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:80;padding:5px;background:#0d141b;border:1px solid #72552f;border-radius:8px;box-shadow:0 14px 32px #000c}.location-suggest.open{display:block}.location-suggest button{width:100%;display:flex;justify-content:space-between;gap:10px;border:0;border-bottom:1px solid #2c2a25;background:transparent;color:#eadabd;padding:9px;text-align:left}.location-suggest button:hover,.location-suggest button.active{background:#243342;color:#fff2c7}.location-suggest small{color:#8aa8af}
.gold-button,button{min-height:42px;border:1px solid #946a2f;border-radius:8px;background:linear-gradient(180deg,#c88a31,#6c4216);color:#fff0c6;font-weight:800;padding:9px 12px;box-shadow:inset 0 1px 0 #ffe2a655,0 6px 14px #0006}.gold-button:hover,button:hover{filter:brightness(1.08)}button.soft{background:linear-gradient(180deg,#23292d,#11171c);border-color:#4f493b;color:#d4c7aa}.wide{width:100%}.icon-btn{min-height:30px;width:32px;padding:2px;font-size:20px;background:#13191f;border-color:#5a4c37}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:8px 0}.asset-button{display:grid;grid-template-columns:38px 1fr;align-items:center;text-align:left;background:linear-gradient(180deg,#161c21,#0c1217);border-color:#57462e;padding:5px 8px}.asset-button img{width:38px;height:38px;object-fit:contain}.result-box{margin-top:9px}.small{font-size:12px}.muted{color:var(--muted)}
.chip-grid{display:grid;gap:6px;margin-bottom:8px}.two-cols{grid-template-columns:1fr 1fr}.tier-grid{grid-template-columns:repeat(5,1fr)}.chip{min-height:36px;padding:6px;background:#111820;border-color:#42392d;color:#aaa087;box-shadow:none}.chip.active{border-color:#c39249;background:linear-gradient(180deg,#3f2b16,#20170f);color:#ffe3a6}.tier.active{background:linear-gradient(180deg,#18374a,#101e27);border-color:#4d9ec2;color:#cdefff}.legend-card{padding:12px;background:linear-gradient(180deg,#21180f,#130f0a)}.legend-title{font:800 12px Georgia,serif;color:#e3c786;margin-bottom:8px}.legend-card>div:not(.legend-title){display:flex;align-items:center;gap:8px;color:#c9b894;margin:5px 0}.legend-card img{width:32px;height:32px;object-fit:contain}.legend-edge-danger{display:inline-block;width:32px;height:4px;border-radius:999px;background:linear-gradient(90deg,#ff5c68,#a91e31);box-shadow:0 0 7px #ff5c6877}
.map-wrap{position:relative;min-width:0;min-height:0;margin:8px;border:1px solid #816333;border-radius:13px;overflow:hidden;background:#02070c;box-shadow:0 18px 55px #000b,0 0 0 4px #17120c,0 0 0 5px #7b5d30}.map-wrap:before{content:"";position:absolute;inset:5px;border:1px solid rgba(255,224,160,.13);border-radius:9px;z-index:8;pointer-events:none}.map-top-overlay{position:absolute;left:14px;right:14px;top:14px;display:flex;justify-content:space-between;gap:10px;z-index:15;pointer-events:none}.location-state{pointer-events:auto;max-width:620px;padding:9px 12px;border:1px solid #70572f;border-radius:9px;background:rgba(7,12,17,.88);backdrop-filter:blur(9px);color:#e9d9b4;box-shadow:0 8px 26px #0008;font-weight:700}.toolbar{pointer-events:auto;display:flex;gap:6px}.toolbar button{min-width:42px;width:42px;padding:7px;background:rgba(8,14,20,.91);border-color:#6a5537;color:#e8d9b6;font-size:16px;box-shadow:0 7px 20px #0007}.map-bottom-bar{position:absolute;left:14px;right:14px;bottom:14px;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 12px;border:1px solid #725a36;border-radius:9px;background:rgba(6,11,16,.90);backdrop-filter:blur(8px);box-shadow:0 8px 24px #0009;pointer-events:none}.route-caption{min-width:0}.route-caption>span{font:800 10px Georgia,serif;color:#cba75c;letter-spacing:.12em}.route-caption #routeResult{margin-top:3px;color:#f0dfba;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zoom-help{font-size:12px;color:#8fa6ad;white-space:nowrap}#stage{position:absolute;inset:0}#graph{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#graph:active{cursor:grabbing}#tip{position:absolute;display:none;pointer-events:none;z-index:60;max-width:320px;padding:9px 11px;background:#080d12ef;border:1px solid #8a6937;border-radius:7px;color:#f0deba;box-shadow:0 12px 30px #000c}
.list{max-height:38vh;overflow:auto;padding-right:2px}.edgeItem,.contentItem{padding:10px 9px;border:1px solid #30281e;border-radius:7px;margin:6px 0;background:#0d1419;color:#e2d2b0;cursor:pointer}.edgeItem:hover,.contentItem:hover{border-color:#7a5b32;background:#18232a}.edgeItem b,.contentItem b{display:block;color:#f6e2b5;margin-bottom:3px}.active-tools{justify-content:flex-end;margin-bottom:5px}.compact-refresh{min-height:34px;padding:6px 9px}
.zone-card h4{margin:6px 0 9px;font:800 24px Georgia,serif;color:#ffe5ad}.current-location-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#0e2a1d;border:1px solid #4fbd7d;color:#baffd3;font-size:12px;font-weight:900}.zone-kind{display:inline-flex;align-items:center;gap:7px;padding:5px 8px;margin:0 5px 5px 0;border-radius:999px;background:#0a1116;border:1px solid #5d4d36;color:#dac69d}.zone-kind img{width:26px;height:26px;object-fit:contain}.badge{display:inline-flex;min-width:32px;height:26px;align-items:center;justify-content:center;padding:0 8px;border:1px solid #85612f;border-radius:999px;background:#17110a;color:#f4d698;font-weight:900}.badge.dead{border-color:#a75d55;color:#ffd1c8}.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 11px;margin:10px 0 12px;font-size:13px}.kv .k{color:#8d846f}.kv .v{color:#efe2c8;font-weight:700}.poi-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.poi-detail{min-width:0;display:flex;align-items:center;gap:8px;padding:6px;border:1px solid #3b342a;border-radius:8px;background:#0b1116}.poi-detail img{width:52px;height:52px;object-fit:contain;flex:0 0 auto}.poi-detail strong{font-size:12px;color:#f1ddb2}.poi-detail small{display:block;color:#8d9ba0;margin-top:2px;font-size:10px}.connection-list{display:flex;flex-direction:column;gap:6px;margin-top:12px}.connection-row-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;align-items:stretch}.connection-row-wrap.admin-delete-enabled{grid-template-columns:minmax(0,1fr) 40px}.connection-row{width:100%;min-height:48px;padding:8px 10px;text-align:left;background:#0d151a;border:1px solid #3f3729;border-radius:8px;box-shadow:none}.connection-row:hover{border-color:#7ba6b5;background:#12212a}.connection-row b{color:#f1dfb8}.connection-remove{min-width:34px;padding:0;border:1px solid #6f3f3f;border-radius:8px;background:#1b0e0e;color:#ffb5b5;font-size:21px;box-shadow:none}.connection-remove:hover{border-color:#b85d5d;background:#2b1111}.connection-remove:disabled{opacity:.45}.inline-location-choice{min-height:30px;margin:3px;padding:4px 8px;background:#18242c;border-color:#527c8c;box-shadow:none}
@media(max-width:1180px){.atlas-layout{grid-template-columns:238px minmax(380px,1fr) 300px}.topbar{grid-template-columns:230px minmax(320px,1fr) auto}.topstats .stat-pill:nth-child(-n+3){display:none}.poi-detail-grid{grid-template-columns:1fr}}
@media(max-width:900px){body{overflow:auto}.topbar{height:auto;min-height:72px;grid-template-columns:1fr auto;padding:8px 10px}.global-locate{grid-column:1/-1;grid-row:2}.brand-sub{display:none}.atlas-layout{height:auto;display:flex;flex-direction:column}.map-wrap{order:0;height:68vh;min-height:520px;margin:6px}.right-rail{order:1;border-left:0;border-top:1px solid #584327}.left-rail{order:2;border-right:0;border-top:1px solid #584327}.rail{overflow:visible}.map-bottom-bar{left:8px;right:8px;bottom:8px}.zoom-help{display:none}.map-top-overlay{left:8px;right:8px;top:8px}.location-state{font-size:12px}.right-rail,.left-rail{padding:9px}.list{max-height:48vh}}
@media(max-width:540px){.topstats{display:none}.topbar{grid-template-columns:1fr}.global-locate{grid-template-columns:1fr 92px}.brand-main{font-size:19px}.map-wrap{height:66vh;min-height:470px}.toolbar button:nth-child(3),.toolbar button:nth-child(4){display:none}.location-state{max-width:calc(100% - 100px);padding:7px 9px}.map-bottom-bar{padding:7px 9px}.route-caption #routeResult{font-size:12px}.quick-actions{grid-template-columns:1fr 1fr}.poi-detail img{width:58px;height:58px}.zone-card h4{font-size:22px}}

/* v0.7.23+: compact portal markers; Open World markers are half Avalon size */
.route-details-panel{padding:12px 13px;max-height:46vh;overflow:auto;border-color:#9b7337!important;background:linear-gradient(180deg,#18150f,#091017)!important;box-shadow:0 0 0 1px #d6a65322 inset,0 12px 28px #0009}
.route-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding-bottom:9px;border-bottom:1px solid #594526}
.route-detail-head small{display:block;color:#cda85d;font:800 10px Georgia,serif;letter-spacing:.12em}.route-detail-head h3{margin:4px 0 0;color:#ffe2a4;font:800 17px/1.25 Georgia,serif;overflow-wrap:anywhere}
.route-detail-pills{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.route-detail-pills span{padding:5px 8px;border:1px solid #72572e;border-radius:999px;background:#20170e;color:#f0d397;font-size:11px;font-weight:800}
.route-detail-line{padding:9px;border:1px solid #3f3527;border-radius:7px;background:#0a1116;color:#f1dfba;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.route-detail-steps{display:grid;gap:6px;margin-top:9px}.route-detail-step{display:grid;grid-template-columns:25px minmax(0,1fr);gap:8px;align-items:start;padding:7px 0;border-top:1px solid #2d2922}.route-detail-step:first-child{border-top:0}.route-detail-step>span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#6d491d;border:1px solid #c99443;color:#fff0c5;font-size:10px;font-weight:900}.route-detail-step b{display:block;color:#f2dfb8;font-size:11px;line-height:1.35}.route-detail-step small{display:block;color:#8fa1a4;margin-top:2px;font-size:10px}
.route-caption #routeResult{white-space:normal!important;max-height:42px;line-height:1.25}
.route-origin-card{display:grid;gap:3px;margin:10px 0 8px;padding:10px;border:1px solid #8d6a34;border-radius:8px;background:linear-gradient(135deg,#241a0d,#10171b);box-shadow:0 0 18px #d7a54612 inset}.route-origin-card small,.route-alt-wrap>small{color:#cda85d;font:800 9px Georgia,serif;letter-spacing:.12em}.route-origin-card b{color:#ffe2a4;font:800 15px Georgia,serif}.route-origin-card span{color:#aeb7b8;font-size:10px;line-height:1.35}.route-alt-wrap{display:grid;gap:6px;margin-top:10px;padding-top:9px;border-top:1px solid #403520}.route-alt-btn{display:grid;gap:2px;text-align:left;padding:7px 8px;border:1px solid #4b3d29;border-radius:7px;background:#0c1318;color:#e7d2aa;cursor:pointer}.route-alt-btn:hover{border-color:#aa7b36;background:#151e23}.route-alt-btn b{font-size:11px}.route-alt-btn span{font-size:9px;color:#8ea0a3}.content-route-meta{margin:2px 0 4px;color:#d6b66e;font-size:10px;font-weight:800}

/* v0.7.26: dedicated GOLD-circle search */
.gold-circle-card{border-color:#705224;background:linear-gradient(180deg,#18140d,#0c1217)}
.gold-circle-card b{color:#ffe29b}.gold-circle-rule{margin:9px 0;padding:8px 9px;border:1px solid #5b4628;border-radius:7px;background:#17120b;color:#d9bf82;font-size:11px;line-height:1.4}
.gold-circle-zones{display:grid;gap:5px;margin:9px 0}.gold-circle-zone{display:grid;grid-template-columns:23px minmax(0,1fr);gap:7px;align-items:center;padding:6px 7px;border:1px solid #3f3423;border-radius:7px;background:#0b1216}.gold-circle-zone span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#765019;border:1px solid #d3a347;color:#fff0bd;font-size:10px;font-weight:900}.gold-circle-zone b{color:#f3dfae;font-size:11px;overflow-wrap:anywhere}.gold-circle-internal{margin-top:8px}

/* v0.7.29: compact goals / waypoint builder */
.goal-stack,.waypoint-stack{display:grid;gap:8px}.content-goal,.route-waypoint{position:relative;padding:8px;border:1px solid #3d3429;border-radius:8px;background:#0a1015}.goal-location-wrap{margin-bottom:6px}.goal-select-row{display:grid;grid-template-columns:minmax(0,1fr) 74px 30px;gap:6px;align-items:end}.tier-field{display:grid;gap:3px}.tier-field>span{font-size:10px;font-weight:800;color:#bca477;padding-left:2px}.tier-field select{min-height:40px;padding:7px 22px 7px 8px}.goal-remove,.waypoint-remove{min-height:40px;width:30px;font-size:17px}.content-goal:only-child .goal-remove,.route-waypoint:only-child .waypoint-remove{visibility:hidden}.add-goal{width:100%;min-height:36px;margin:7px 0 8px;padding:6px 9px}.route-waypoint{display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:6px;align-items:start}.route-waypoint .location-autocomplete{margin:0}.goal-step-summary{display:grid;grid-template-columns:24px minmax(0,1fr);gap:7px;padding:6px 0;border-top:1px solid #322b23}.goal-step-summary:first-child{border-top:0}.goal-step-summary>span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#604219;color:#ffe5ad;font-size:10px;font-weight:900}.goal-step-summary b{display:block;color:#f0dbae;font-size:11px}.goal-step-summary small{display:block;color:#91a1a4;font-size:10px;margin-top:2px}.sequence-total{margin-top:8px;padding:8px;border:1px solid #73552d;border-radius:7px;background:#17120c;color:#f0d59a;font-size:11px;font-weight:800}.quick-actions.asset-quick{margin-top:7px}.asset-button{min-height:48px}.asset-button img{width:32px;height:32px}.asset-button{grid-template-columns:32px 1fr;font-size:12px}

@media(max-width:540px){.toolbar button#zoomOutBtn,.toolbar button#zoomInBtn{display:block;min-width:46px;width:46px;height:42px;font-size:23px;padding:3px}.map-wrap{overscroll-behavior:contain}#graph{touch-action:none;-webkit-user-select:none;user-select:none}}

/* v0.7.77 UI usability pass */
.atlas-layout{grid-template-columns:350px minmax(460px,1fr) 360px}
.left-rail{padding-left:14px;padding-right:14px}
.goal-select-row{grid-template-columns:minmax(0,1fr) 82px 32px}
.expanded-quick{grid-template-columns:1fr 1fr}
.expanded-quick .full-span{grid-column:1/-1}
.asset-button{min-height:54px}
.asset-button img{width:38px;height:38px}
.filter-body{display:grid;gap:9px}
.filter-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#e7d6ae;font-size:12px}
.filter-reset{min-height:28px;padding:3px 8px;border-radius:7px;background:#111820;border-color:#4d4334;color:#d9c59a;box-shadow:none;font-size:11px}
.filter-select-label{display:grid;gap:5px;color:#bca77e;font-size:11px;font-weight:800}
.filter-select-label select{width:100%}
.location-inspector .panel-body{display:grid;gap:8px}
.inspector-search{margin:0}
.location-inspector-result{margin-top:2px}
.inspect-card{display:grid;gap:9px;padding:9px;border:1px solid #51432f;border-radius:9px;background:#0b1116;color:#dfd1b2}
.inspect-title{display:grid;gap:6px}
.inspect-title>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.inspect-title b{font:800 18px Georgia,serif;color:#ffe1a1}
.inspect-title small{display:block;color:#91a0a3;margin-top:2px}
.inspect-state{display:inline-flex;width:max-content;max-width:100%;padding:4px 7px;border-radius:999px;border:1px solid #4b4b43;font-size:10px;font-weight:900}
.inspect-state.live{border-color:#3e9d67;background:#0c281a;color:#adf5c9}
.inspect-state.off{border-color:#775749;background:#281711;color:#efc1a8}
.inspect-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.inspect-content-item{display:flex;align-items:center;gap:7px;min-width:0;padding:5px 6px;border:1px solid #353129;border-radius:7px;background:#0e151a;color:#ead8af;font-size:11px;font-weight:800}
.inspect-content-item img{width:38px;height:38px;object-fit:contain;flex:0 0 auto}
.inspect-foot{font-size:11px;color:#9ca8aa}
@media(max-width:1100px) and (min-width:901px){.atlas-layout{grid-template-columns:320px minmax(420px,1fr) 330px}.inspect-content-grid{grid-template-columns:1fr}}
@media(max-width:900px){.atlas-layout{display:flex}.inspect-content-grid{grid-template-columns:1fr 1fr}}

.content-start-block{margin:0 0 10px;padding:9px;border:1px solid #5a472c;border-radius:9px;background:linear-gradient(180deg,#15110c,#0c0f12)}
.content-start-block>label{display:block;margin:0 0 6px;color:#f2d89e;font-size:11px;font-weight:900;letter-spacing:.02em}
.content-start-block .location-autocomplete{margin:0 0 5px}
.content-start-block .small{line-height:1.35}

/* v0.7.103: top-level mode switch for Scout tools */
.scout-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 10px;position:sticky;top:0;z-index:25;padding:6px;background:linear-gradient(180deg,rgba(15,14,12,.98),rgba(9,13,17,.98));border:1px solid #5d472a;border-radius:10px;box-shadow:0 8px 20px #0008}
.scout-mode-tab{min-height:44px;padding:8px 10px;border:1px solid #554731;border-radius:8px;background:linear-gradient(180deg,#1c2328,#0d1318);color:#cfc2a6;box-shadow:none;font:900 12px Georgia,serif;letter-spacing:.035em}
.scout-mode-tab:hover{border-color:#92703c;color:#f8dfad;filter:none}
.scout-mode-tab.active{border-color:#c89543;background:linear-gradient(180deg,#7a511f,#39250f);color:#fff0c3;box-shadow:inset 0 1px 0 #ffe6a744,0 0 18px #d5973328}
.scout-mode-panel{overflow:visible}
.scout-mode-panel[hidden]{display:none!important}
.scout-mode-body{padding:12px}
.route-origin-options{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:7px 0 10px;padding:7px 9px;border:1px solid #4d402c;border-radius:8px;background:#0b1014;color:#cfc2a6;font-size:11px}
.route-origin-options>span{font-weight:900;color:#e3c98f}
.route-origin-options label{display:inline-flex;align-items:center;gap:5px;cursor:pointer;user-select:none}
.route-origin-options input{width:15px;height:15px;margin:0;accent-color:#c89543}
.route-origin-options label:has(input:checked){color:#ffe4a8}
.route-origin-options.disabled{opacity:.45}
.scout-stats{display:grid;gap:9px}.scout-stats-counters{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.scout-stat-box{padding:8px 5px;border:1px solid #493d2b;border-radius:8px;background:#0b1217;text-align:center}.scout-stat-box b{display:block;color:#ffe0a0;font:900 18px Georgia,serif}.scout-stat-box span{display:block;margin-top:2px;color:#9fa8a5;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.explore-stat{padding:8px;border:1px solid #3e5f4f;border-radius:8px;background:#0b1713}.explore-stat-head{display:flex;justify-content:space-between;gap:8px;color:#bff3d2;font-size:11px;font-weight:800}.explore-bar{height:7px;margin-top:6px;border-radius:999px;background:#14201c;overflow:hidden}.explore-bar>i{display:block;height:100%;background:linear-gradient(90deg,#2b9b68,#79e7ac);border-radius:999px}.weekly-top{display:grid;gap:4px}.weekly-top-title{color:#d8bd82;font:800 10px Georgia,serif;letter-spacing:.09em}.weekly-row{display:grid;grid-template-columns:26px minmax(0,1fr) 42px;gap:6px;align-items:center;padding:5px 7px;border:1px solid #302b23;border-radius:7px;background:#0a1116;font-size:10px}.weekly-row.me{border-color:#7f6538;background:#17150e}.weekly-row .rank{color:#d5a853;font-weight:900}.weekly-row .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e9d9b7}.weekly-row .count{text-align:right;color:#8ee0b0;font-weight:900}.search-match-count{display:inline-flex;margin-left:5px;padding:2px 6px;border-radius:999px;border:1px solid #447c6b;background:#0d211b;color:#9ce6c2;font-size:10px}
@media(max-width:900px){.scout-mode-tabs{position:relative;top:auto}}

/* v0.7.123: closed catalog zones are visible as reference-only map nodes. */
.badge.reference{border-color:#9a6545;background:#24150e;color:#f3c29d}
.badge.live-zone{border-color:#3e9d67;background:#0c281a;color:#adf5c9}
.reference-zone-note{margin:9px 0 10px;padding:8px 10px;border:1px dashed #845a3e;border-radius:8px;background:#1b120e;color:#e6c1a5;font-size:11px;line-height:1.35}

/* v0.7.124: Discord-identity-bound admin cleanup controls. */
.badge.admin{border-color:#9d4949;background:#241010;color:#ffbebe}
.admin-zone-tools{margin-top:12px;padding:10px;border:1px solid #6f3f3f;border-radius:10px;background:#190d0d;display:flex;flex-direction:column;gap:7px}
.admin-zone-tools>span{font-size:11px;font-weight:900;letter-spacing:.11em;color:#ffaaa6}
.admin-zone-tools small{color:#b68f8d;line-height:1.35}
button.danger{background:#311313;border-color:#8b4444;color:#ffd0d0;box-shadow:none}
button.danger:hover{background:#461818;border-color:#b85d5d}
button.danger:disabled{opacity:.45;cursor:not-allowed}

/* v0.7.129: synchronized remote Screener auth + manual Discord OCR. */
.route-copy-btn{width:100%;min-height:36px;margin:8px 0 4px;padding:7px 10px;font-size:12px}

/* v0.7.152: compact RU/ENG switch; keep it small so it never covers map controls */
.lang-switch{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid #493a26;border-radius:8px;background:#0b1014;white-space:nowrap}
.lang-btn{min-height:28px;padding:4px 7px;border:0;border-radius:6px;background:transparent;color:#a99b82;font:700 11px system-ui,sans-serif;box-shadow:none}
.lang-btn:hover{background:#182028;color:#f3e5c2}.lang-btn.active{background:linear-gradient(180deg,#3f2b16,#20170f);color:#ffe3a6;box-shadow:0 0 0 1px #8e6c37 inset}
@media(max-width:1180px){.lang-switch{order:-1}.lang-btn{padding:4px 6px}}
@media(max-width:780px){.lang-switch{position:absolute;right:12px;top:10px;z-index:35}.topbar{position:relative;padding-top:44px;height:auto;min-height:116px}.atlas-layout{height:calc(100vh - 116px)}}


/* v0.7.152: HUD polish — larger, cleaner typography and controls; graph/canvas logic untouched */
:root{--hud-font:"Bahnschrift","Segoe UI Variable Display","Segoe UI",Inter,system-ui,sans-serif;--hud-display:"Bahnschrift SemiCondensed","Segoe UI Variable Display","Segoe UI",system-ui,sans-serif}
body{font-family:var(--hud-font);font-size:15px;letter-spacing:.006em}
.topbar{height:86px;grid-template-columns:290px minmax(400px,760px) 1fr;padding:12px 18px;gap:18px}
.atlas-layout{height:calc(100vh - 86px);grid-template-columns:380px minmax(480px,1fr) 390px}
.brand{gap:14px}.brand-mark{width:54px;height:54px;font-size:31px;border-width:1.5px}.brand-main{font-family:var(--hud-display);font-size:24px;font-weight:900;letter-spacing:.115em}.brand-sub{font-family:var(--hud-display);font-size:12px;font-weight:700;letter-spacing:.19em}
.rail{padding-top:14px;padding-bottom:16px}.left-rail,.right-rail{padding-left:15px;padding-right:15px}
.rail-title,.legend-title{font-family:var(--hud-display);font-size:14px!important;font-weight:900!important;letter-spacing:.11em!important;color:#f1d69b}
.panel-title,.panel-headline{font-family:var(--hud-display);font-size:14px;font-weight:850;letter-spacing:.035em}
.panel,.legend-card{border-radius:12px;box-shadow:0 12px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,230,170,.035)}
.panel-body,.scout-mode-body{padding:14px}.content-start-block{padding:12px;border-radius:11px}.content-start-block>label{font-size:12px}.small,.muted{font-size:11.5px;line-height:1.45}
input,select,button{font-family:var(--hud-font)}input,select{min-height:46px!important;font-size:14px!important;border-radius:9px!important;padding-top:9px!important;padding-bottom:9px!important}
button{font-weight:700}.gold-button,.soft{min-height:44px;font-size:13px;border-radius:9px}.scout-mode-tab{min-height:48px;font-family:var(--hud-display);font-size:13px;letter-spacing:.045em;border-radius:9px}
.asset-button{min-height:58px!important;font-size:13px!important;border-radius:10px!important;gap:10px!important}.asset-button img{width:40px!important;height:40px!important}.quick-actions{gap:8px!important}
.chip{min-height:38px;font-size:12px;border-radius:9px}.filter-head{font-size:13px}.filter-select-label{font-size:12px}.filter-reset{font-size:11.5px;min-height:30px}
.legend-card{padding:13px 14px!important;display:grid!important;gap:8px!important}.legend-card>div:not(.legend-title){min-height:36px;display:flex!important;align-items:center;gap:10px;font-size:12.5px;color:#e5d4af}.legend-card img{width:30px!important;height:30px!important;object-fit:contain}
.stat-pill{padding:8px 11px;font-size:12.5px;border-radius:9px}.lang-switch{padding:3px;border-radius:9px}.lang-btn{min-height:31px;padding:5px 8px;font-size:11.5px}
.toolbar{gap:6px}.toolbar button{min-width:40px!important;height:40px!important;font-size:17px!important;border-radius:9px!important}.map-top-overlay{padding:12px!important}.location-state{font-size:12.5px!important;line-height:1.45!important}
.map-bottom-bar{min-height:58px!important;padding:9px 13px!important}.route-caption>span{font-family:var(--hud-display);font-size:10.5px!important;letter-spacing:.12em!important}.route-caption #routeResult{font-size:12.5px!important;max-height:48px!important}.zoom-help{font-size:10.5px!important}
.node-info,.list,.result-box{font-size:12.5px;line-height:1.48}.inspect-title b{font-family:var(--hud-display);font-size:19px}.inspect-content-item{font-size:12px}.inspect-content-item img{width:40px;height:40px}
.goal-select-row{grid-template-columns:minmax(0,1fr) 86px 34px}.goal-remove,.waypoint-remove{width:34px!important;min-height:44px!important}.route-waypoint{grid-template-columns:minmax(0,1fr) 34px}
@media(max-width:1240px) and (min-width:901px){.atlas-layout{grid-template-columns:340px minmax(430px,1fr) 350px}.topbar{grid-template-columns:260px minmax(330px,1fr) auto}.brand-main{font-size:21px}}
@media(max-width:900px){.topbar{height:auto;min-height:120px}.atlas-layout{height:calc(100vh - 120px);display:flex}.left-rail,.right-rail{min-width:min(88vw,370px)}body{font-size:14px}}

/* Static-dungeon T-Q search: show quality only for STATIC goals. */
.content-goal.static-goal .goal-select-row{grid-template-columns:minmax(0,1fr) 70px 86px 34px}
.quality-field[hidden]{display:none!important}
.quality-field>span{white-space:nowrap}
.goal-step-summary.static-result{grid-template-columns:38px minmax(0,1fr);align-items:center;padding:8px 0}.goal-step-summary .static-step-icon{width:36px;height:36px;background:transparent}.goal-step-summary .static-step-icon img{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(50,195,255,.38))}
@media(max-width:1240px) and (min-width:901px){.content-goal.static-goal .goal-select-row{grid-template-columns:minmax(0,1fr) 62px 78px 34px}}
@media(max-width:900px){.content-goal.static-goal .goal-select-row{grid-template-columns:minmax(0,1fr) 68px 82px 34px}}


/* v0.7.153: visual refinement pass — stronger framing, hierarchy and legibility.
   Layout/graph behavior untouched. */
:root{
  --hud-frame:#8a6738;
  --hud-frame-strong:#b18443;
  --hud-frame-soft:#403626;
  --hud-panel-top:#171d22;
  --hud-panel-bottom:#0a0f13;
  --hud-text:#f1e2c2;
  --hud-muted:#a89d88;
}

/* Top HUD */
.topbar{
  border-bottom:2px solid #72542f;
  box-shadow:0 10px 34px #000a,inset 0 -1px 0 #d2a75a18;
}
.topbar:after{bottom:4px;border-bottom-color:#3f88a744}
.global-locate input{
  border-color:#675238!important;
  background:linear-gradient(180deg,#0c1319,#080e13)!important;
  box-shadow:inset 0 0 0 1px #0009,inset 0 2px 9px #0009!important;
}
.global-locate input:focus{
  border-color:#b98a45!important;
  box-shadow:0 0 0 2px #c8954324,inset 0 2px 9px #0009!important;
}
#searchBtn{
  border-color:#c28a3f;
  box-shadow:inset 0 1px 0 #ffe2a66b,0 7px 18px #0008,0 0 0 1px #3c260f;
}
.stat-pill{
  min-height:38px;display:inline-flex;align-items:center;
  padding:8px 12px;border-color:#604a2f;
  background:linear-gradient(180deg,#12191e,#0b1014);
  color:#dfcfad;font-size:12.75px;font-weight:750;
  box-shadow:inset 0 1px 0 #ffe7ad0b,0 4px 12px #0005;
}
.stat-pill.status{
  border-color:#34775a;background:linear-gradient(180deg,#11231b,#0b1511);
  color:#a8f3c5;
}

/* Side rails */
.rail{
  background:
    radial-gradient(circle at 50% 0,rgba(118,82,35,.08),transparent 28%),
    linear-gradient(180deg,#12100d 0,#0b0f12 22%,#080d11 100%);
}
.left-rail{
  border-right:1px solid #75572f;
  box-shadow:inset -1px 0 0 #1c1510,8px 0 24px #0003;
}
.right-rail{
  border-left:1px solid #75572f;
  box-shadow:inset 1px 0 0 #1c1510,-8px 0 24px #0003;
}
.rail-title,.legend-title{
  font-size:15px!important;
  letter-spacing:.115em!important;
  text-shadow:0 1px 0 #000,0 0 12px #d8a84a18;
}

/* Main framed cards */
.panel,.legend-card{
  margin-bottom:12px;
  border:1px solid var(--hud-frame);
  background:linear-gradient(180deg,rgba(22,28,33,.985),rgba(8,13,17,.99));
  box-shadow:
    0 12px 28px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,228,167,.055),
    inset 0 0 0 1px rgba(0,0,0,.55);
}
.panel:before,.legend-card:before{
  inset:4px;
  border-color:rgba(242,202,124,.14);
  border-radius:7px;
}
.panel-title,.panel-headline{
  font-size:14.75px;
  color:#f3dca9;
  text-shadow:0 1px 0 #000;
}
.collapsible-panel>summary{
  min-height:54px;padding:14px 15px;
  border-bottom:1px solid transparent;
}
.collapsible-panel[open]>summary{
  border-bottom-color:#463720;
  background:linear-gradient(180deg,rgba(118,79,29,.08),transparent);
}
.panel-rune{font-size:19px;filter:drop-shadow(0 0 5px rgba(80,192,255,.26))}
.panel-body,.scout-mode-body{padding:15px}
.selected-panel{
  border-color:#9b7338;
  box-shadow:0 14px 32px #0006,inset 0 0 0 1px #d9aa5520;
}
.selected-panel .panel-headline{
  padding:15px 15px 11px;
  margin-bottom:10px;
  border-bottom:1px solid #4d3a22;
}
.node-info{padding:0 15px 16px}

/* Tabs and form blocks */
.scout-mode-tabs{
  padding:7px;gap:8px;
  border-color:#806036;
  box-shadow:0 9px 22px #0009,inset 0 0 0 1px #d2a45a10;
}
.scout-mode-tab{
  min-height:50px!important;font-size:13.5px;
  border-color:#65523a;
}
.scout-mode-tab.active{
  border-color:#d19a47;
  box-shadow:inset 0 1px 0 #ffeabf55,inset 0 0 0 1px #44290e,0 0 18px #d5973330;
}
.content-start-block,.content-goal,.route-waypoint{
  border-color:#654f32;
  background:linear-gradient(180deg,#11171b,#090f13);
  box-shadow:inset 0 0 0 1px rgba(255,224,160,.035);
}
.content-start-block{padding:13px}
.content-start-block>label{font-size:12.5px;letter-spacing:.025em}
.tier-field>span{font-size:10.5px;color:#ccb17c}
input,select{
  border-color:#5e4b34!important;
  color:#f2e5c8;
  background-color:#091016;
}
input::placeholder{color:#817b70;opacity:1}

/* Buttons / quick targets */
.gold-button,button{
  border-width:1px;
}
.asset-button{
  border-color:#655137!important;
  background:linear-gradient(180deg,#171f24,#0b1116)!important;
  box-shadow:inset 0 1px 0 rgba(255,235,190,.025),0 4px 10px #0003!important;
}
.asset-button:hover{
  border-color:#9a7540!important;
  background:linear-gradient(180deg,#202a30,#0f171c)!important;
}
.asset-button img{filter:drop-shadow(0 3px 6px #0008)}
.chip{border-color:#514436}
.chip.active{border-color:#c9974f}
.filter-head{font-size:13.5px;color:#ead8b1}
.filter-select-label{font-size:12.5px}

/* Scout statistics */
.scout-stats{gap:10px}
.scout-stats-counters{gap:7px}
.scout-stat-box{
  padding:10px 6px;border-color:#5c4a31;border-radius:9px;
  background:linear-gradient(180deg,#10171b,#091015);
  box-shadow:inset 0 1px 0 #ffe6ac08;
}
.scout-stat-box b{font-size:20px;line-height:1;color:#ffe1a0}
.scout-stat-box span{font-size:9.75px;line-height:1.25;margin-top:5px;color:#aaa693}
.explore-stat{
  padding:10px;border-color:#486d58;border-radius:9px;
  background:linear-gradient(180deg,#0d1b16,#09130f);
}
.explore-stat-head{font-size:11.75px}
.explore-bar{height:8px;margin-top:7px;border:1px solid #284638}
.weekly-top-title{font-size:10.75px}
.weekly-row{
  min-height:31px;padding:6px 8px;border-color:#40362a;
  font-size:10.75px;
}
.weekly-row.me{border-color:#91703e;box-shadow:inset 0 0 0 1px #d2a25112}

/* Legend */
.legend-card{padding:15px!important;gap:4px!important}
.legend-card>div:not(.legend-title){
  min-height:39px!important;
  margin:0!important;padding:3px 4px;
  font-size:13px!important;color:#e2d1ae!important;
  border-bottom:1px solid rgba(123,94,53,.20);
}
.legend-card>div:last-child{border-bottom:0}
.legend-card img{width:32px!important;height:32px!important}

/* Central map frame */
.map-wrap{
  margin:9px;
  border-color:#9a743b;
  box-shadow:0 18px 58px #000c,0 0 0 4px #17120c,0 0 0 5px #896633,0 0 26px rgba(45,154,203,.055);
}
.map-wrap:before{inset:6px;border-color:rgba(255,224,160,.18)}
.location-state{
  padding:10px 14px!important;
  border-color:#876537;
  background:rgba(7,12,17,.92);
  color:#eddbb5;
  box-shadow:0 8px 26px #0009,inset 0 0 0 1px #e4bc6e0b;
  font-size:13px!important;
}
.toolbar button{
  border-color:#80643e!important;
  background:linear-gradient(180deg,rgba(16,24,30,.96),rgba(7,13,18,.96))!important;
  box-shadow:0 7px 20px #0008,inset 0 1px 0 #fff1c50b!important;
}
.map-bottom-bar{
  border-color:#85663c;
  background:rgba(7,12,17,.94);
  box-shadow:0 8px 24px #000a,inset 0 1px 0 #f5d99b0b;
}
.route-caption>span{font-size:11px!important;color:#ddb96c}
.route-caption #routeResult{font-size:13px!important;color:#f2e2c0}

/* Right inspector */
.zone-card h4{
  margin:7px 0 11px;
  font-family:var(--hud-display);
  font-size:27px;line-height:1.08;
  font-weight:900;color:#ffe4aa;
  letter-spacing:.01em;
}
.zone-kind{
  min-height:31px;padding:5px 9px;
  border-color:#6e5839;font-size:12.5px;font-weight:750;
}
.zone-kind img{width:27px;height:27px}
.badge{
  height:28px;padding:0 9px;
  border-color:#956e36;font-size:12px;
}
.kv{
  gap:8px 13px;margin:13px 0 14px;
  font-size:13.5px;line-height:1.35;
}
.kv .k{color:#9d927d}
.kv .v{color:#f1e3c7;font-weight:800}
.poi-detail-grid{gap:8px}
.poi-detail{
  min-height:67px;padding:7px 8px;
  border-color:#4c402f;border-radius:9px;
  background:linear-gradient(180deg,#0d151a,#091015);
  box-shadow:inset 0 1px 0 #ffe5ae08;
}
.poi-detail img{width:54px;height:54px}
.poi-detail strong{font-size:12.75px;line-height:1.2}
.poi-detail small{font-size:10.5px;line-height:1.25;margin-top:3px}
.connection-list{gap:7px;margin-top:14px}
.connection-row{
  min-height:52px;padding:9px 11px;
  border-color:#51432f;border-radius:9px;
  font-size:12.5px;line-height:1.35;
  background:linear-gradient(180deg,#0f171c,#0a1115);
}
.connection-row b{font-size:12.75px;color:#f3dfb6}
.connection-remove{border-radius:9px}

/* Lists and route cards */
.edgeItem,.contentItem{
  padding:11px 10px;border-color:#453726;border-radius:9px;
  background:linear-gradient(180deg,#0f171c,#0a1115);
}
.edgeItem b,.contentItem b{font-size:12.75px}
.route-details-panel{border-color:#a27a3c!important}
.route-detail-head h3{font-size:18px}
.route-detail-line{font-size:12.5px;border-color:#50402b}
.route-detail-step b{font-size:11.75px}
.route-detail-step small{font-size:10.5px}
.goal-step-summary b{font-size:11.75px}
.goal-step-summary small{font-size:10.5px}
.sequence-total{font-size:11.75px}

/* Keep the denser HUD sane on smaller desktops. */
@media(max-width:1500px) and (min-width:1241px){
  .atlas-layout{grid-template-columns:350px minmax(460px,1fr) 370px}
  .zone-card h4{font-size:24px}
  .poi-detail img{width:48px;height:48px}
}
@media(max-width:1240px) and (min-width:901px){
  .rail-title,.legend-title{font-size:13.5px!important}
  .panel-title,.panel-headline{font-size:13.5px}
  .zone-card h4{font-size:23px}
  .poi-detail strong{font-size:12px}
}

/* v0.7.154 UX cleanup */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.brand-mark{overflow:hidden;background:radial-gradient(circle,#2a2116 0,#0d1115 70%);box-shadow:0 0 0 1px #2f2416 inset,0 0 18px #d8a64a26}
.brand-mark img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 0 7px rgba(255,190,74,.30))}
.brand-main{font-size:25px;letter-spacing:.105em}
.scout-mode-tab{min-height:46px!important;font-size:15.5px!important;font-weight:900!important;letter-spacing:.028em!important}
.route-origin-options{display:grid!important;gap:8px!important;padding:10px!important;border-color:#655035!important;background:linear-gradient(180deg,#10171b,#090f13)!important}
.route-origin-title{font-size:11.5px;font-weight:900;color:#d8c091;letter-spacing:.025em}
.route-origin-toggles{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.route-origin-toggle{position:relative;min-height:41px;display:flex!important;align-items:center!important;justify-content:center;gap:7px!important;padding:7px 9px;border:1px solid #4d4438;border-radius:8px;background:#11171c;color:#b9ad94;font-size:11.5px;font-weight:850;cursor:pointer}
.route-origin-toggle input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none}
.route-origin-toggle span:before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#4e4b43;box-shadow:0 0 0 1px #716650}
.route-origin-toggle:has(input:checked){border-color:#b18140;background:linear-gradient(180deg,#2d2417,#17140f);color:#ffe1a1;box-shadow:inset 0 0 0 1px #d5a65318}
.route-origin-toggle:has(input:checked) span:before{background:#e8b55d;box-shadow:0 0 8px #e4a94799}
.route-origin-options.disabled{opacity:.42}
#contentBtn{position:sticky;bottom:8px;z-index:26;min-height:49px;font-size:14px;box-shadow:0 8px 22px #000c,0 0 0 1px #5c3a16}
.scout-mode-body{padding-bottom:16px}
.weekly-row{grid-template-columns:26px minmax(0,1fr) 76px}.weekly-row .count{font-size:10px;white-space:nowrap}
.map-bottom-bar{justify-content:flex-start}.route-caption{width:100%}
.filter-panel{border-color:#96703a}.filter-panel>summary{background:linear-gradient(180deg,rgba(126,87,34,.11),transparent)}


/* v0.7.155 final UX / balance / map hierarchy pass */
.topbar{
  height:76px!important;
  grid-template-columns:250px minmax(420px,720px) minmax(0,1fr)!important;
  align-items:center!important;
  padding:8px 16px!important;
}
.brand{height:44px;display:flex;align-items:center!important;padding-left:4px}
.brand-main{margin:0!important;line-height:1!important;font-size:25px!important;letter-spacing:.105em}
.global-locate{height:44px!important;align-self:center!important;align-items:center!important}
.global-locate .location-autocomplete,.top-location{margin:0!important;height:44px}
.global-locate input,#searchBtn{height:44px!important;min-height:44px!important}
.topstats{align-items:center!important;align-self:center!important;flex-wrap:nowrap!important}
.stat-pill,.lang-switch{align-self:center}
.atlas-layout{height:calc(100vh - 76px)!important;grid-template-columns:350px minmax(480px,1fr) 390px!important}

.scout-mode-tab{
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:8px!important;line-height:1!important;text-align:center!important;
  padding:0 12px!important;
}
.scout-mode-tab .tab-icon{display:inline-grid;place-items:center;line-height:1!important;width:18px;height:18px;transform:translateY(-.5px)}
.scout-mode-tab>span:last-child{display:inline-block;line-height:1!important}

.expanded-quick{gap:7px!important}
.asset-button{min-height:50px!important}
.asset-button img{width:36px!important;height:36px!important}
.content-start-block,.content-goal{padding:9px!important}
#contentBtn{bottom:7px!important}

/* Filters should read as switches, not an unexplained button cloud. */
.filter-body{gap:10px!important}
.filter-subhead{margin-top:1px;padding-top:4px;border-top:1px solid rgba(128,96,51,.24)}
.filter-head{font-size:12.5px!important;color:#f0d9aa!important}
.filter-reset{font-size:10.5px!important}
.chip[data-filter]{
  position:relative;display:flex!important;align-items:center;justify-content:center;gap:7px;
  min-height:39px!important;
  background:linear-gradient(180deg,#111820,#0a1116)!important;
  border-color:#514637!important;color:#aaa18f!important;
}
.chip[data-filter]::before{
  content:"";width:8px;height:8px;flex:0 0 8px;border-radius:50%;
  background:#423f39;box-shadow:0 0 0 1px #6a604f;
}
.chip[data-filter].active{
  background:linear-gradient(180deg,#4a3015,#24180e)!important;
  border-color:#c28f42!important;color:#ffe2a4!important;
  box-shadow:inset 0 1px 0 #ffe0a62b,0 0 12px #c58d3220!important;
}
.chip[data-filter].active::before{background:#e7b454;box-shadow:0 0 8px #e4a53f9a,0 0 0 1px #f1cf8d}
.tier-grid .chip{min-height:38px!important;font-size:12px!important}
.tier-grid .chip:not(.active){background:#0d1419!important;border-color:#3d3b35!important;color:#817d72!important}
.tier-grid .chip.active{border-color:#4fa6ce!important;background:linear-gradient(180deg,#15384c,#0c202b)!important;color:#d8f4ff!important;box-shadow:0 0 10px #42b5e11d!important}
.filter-select-label{font-size:12px!important}
.filter-select-label select{min-height:41px!important}

/* Statistics now use the previously empty inspector rail. */
.right-rail .scout-stats-panel{border-color:#785c36;margin-bottom:12px}
.right-rail .scout-stats-panel .panel-body{padding:0 13px 13px}
.right-rail .weekly-row{grid-template-columns:27px minmax(0,1fr) 82px}
.right-rail .weekly-row .count{text-align:right}

/* Permanent surface connector rows are intentionally quieter than live portals. */
.badge.surface{border-color:#557b68;background:#0c1c16;color:#a9dbc1}
.connection-row.surface-link{border-color:#3c5b4e;background:linear-gradient(180deg,#0c1814,#09120f)}
.connection-row.surface-link b{color:#c8dfd0}
.connection-row.surface-link .muted{color:#7fa18f}

/* The map is the primary canvas; remove dead space left by deleted helpers. */
.map-wrap{margin:8px!important}
#stage{inset:0!important}

@media(max-width:1500px) and (min-width:1241px){
  .topbar{grid-template-columns:220px minmax(390px,650px) minmax(0,1fr)!important}
  .atlas-layout{grid-template-columns:340px minmax(450px,1fr) 370px!important}
  .brand-main{font-size:22px!important}
}
@media(max-width:1240px) and (min-width:901px){
  .topbar{grid-template-columns:200px minmax(340px,1fr) auto!important}
  .atlas-layout{grid-template-columns:315px minmax(410px,1fr) 340px!important}
}

/* v0.7.156 reset-all + right-rail cleanup */
.reset-all-button{
  position:sticky;top:0;z-index:45;
  width:100%;min-height:41px;margin:0 0 10px;
  border:1px solid #8c6230;border-radius:9px;
  background:linear-gradient(180deg,#3a2715,#1c140d);
  color:#f1d49a;font:900 11.5px Georgia,serif;letter-spacing:.055em;
  box-shadow:0 8px 18px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,225,164,.12);
  cursor:pointer;
}
.reset-all-button:hover{border-color:#d49a43;background:linear-gradient(180deg,#5a3715,#2a1a0d);color:#ffe6ac}
.right-rail .selected-panel{margin-bottom:14px}
.right-rail .scout-stats-panel{margin-top:14px!important;margin-bottom:0!important}

/* v0.7.157 collapsible inspector rail */
.right-rail-toggle{
  position:fixed;right:390px;top:50%;transform:translateY(-50%);
  z-index:120;width:27px;height:62px;padding:0;
  border:1px solid #7e6136;border-right:0;border-radius:9px 0 0 9px;
  background:linear-gradient(180deg,#191612,#0b1116);
  color:#f0d7a1;font:900 24px/1 Georgia,serif;
  box-shadow:-8px 0 20px rgba(0,0,0,.42);
  cursor:pointer;
}
.right-rail-toggle:hover{background:linear-gradient(180deg,#3a2815,#14120f);color:#ffe5aa;border-color:#b9853f}
body.right-rail-hidden .atlas-layout{grid-template-columns:350px minmax(480px,1fr) 0!important}
body.right-rail-hidden .right-rail{display:none!important}
body.right-rail-hidden .right-rail-toggle{right:0;border-right:1px solid #7e6136;border-radius:9px 0 0 9px}
@media(max-width:1500px) and (min-width:1241px){.right-rail-toggle{right:370px}body.right-rail-hidden .right-rail-toggle{right:0}}
@media(max-width:1240px) and (min-width:901px){.right-rail-toggle{right:340px}body.right-rail-hidden .right-rail-toggle{right:0}}
@media(max-width:900px){.right-rail-toggle{display:none!important}}
@media(max-width:900px){body.right-rail-hidden .right-rail{display:block!important}}
/* v0.7.158 route variants */
.route-current-variant{
  display:grid;gap:2px;padding:8px 9px;border:1px solid #b8893f;border-radius:7px;
  background:linear-gradient(180deg,#382511,#1b140d);
  box-shadow:inset 0 1px 0 rgba(255,225,164,.12),0 0 12px rgba(202,145,55,.12);
}
.route-current-variant b{font-size:11px;color:#ffe1a1}
.route-current-variant span{font-size:9px;color:#b9a27a}
.route-alt-btn{transition:border-color .12s ease,background .12s ease,transform .12s ease}
.route-alt-btn:hover{transform:translateY(-1px)}


/* v0.8.0 public multi-page site */
body{--site-header:82px}
.topbar{
  height:var(--site-header)!important;
  grid-template-columns:210px auto minmax(280px,1fr) auto!important;
  gap:12px!important;
  padding:8px 14px!important;
}
.brand{min-width:0}
.brand-main{font-size:22px!important;white-space:nowrap}
.site-nav{display:flex;align-items:center;gap:5px;min-width:0}
.site-nav-link{
  min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:7px 10px;border:1px solid #493a29;border-radius:9px;
  background:linear-gradient(180deg,#12191e,#0b1014);
  color:#cfc0a0;text-decoration:none;font:800 11.5px var(--hud-display);
  letter-spacing:.02em;white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,230,170,.035);
}
.site-nav-link:hover{border-color:#8d6938;color:#ffe3a7;background:linear-gradient(180deg,#201a12,#10161a)}
.site-nav-link.active{border-color:#c28c41;color:#fff0c2;background:linear-gradient(180deg,#6d471d,#2d1e10);box-shadow:inset 0 1px 0 #ffe7ac42,0 0 15px #c78d3222}
.site-nav-link span{font-size:14px;line-height:1}
.site-nav-link[hidden]{display:none!important}
.global-locate{min-width:260px}
.topstats{flex-wrap:nowrap!important}
.atlas-layout{height:calc(100vh - var(--site-header))!important}
.site-locations-tools,.site-admin-tools{display:none}
.site-page-tool-body{padding:14px!important}
.site-page-tool-body>.rail-title{margin:0 0 10px!important}
.admin-public-note{margin-top:11px;padding:9px 10px;border:1px solid #58462f;border-radius:8px;background:#0c1217;color:#a99d84;font-size:11px;line-height:1.45}

/* MAP: live web is the product; only filters + selected location stay around it. */
body[data-page="map"] .left-rail>.rail-title,
body[data-page="map"] #resetEverything,
body[data-page="map"] .scout-mode-tabs,
body[data-page="map"] .scout-mode-panel,
body[data-page="map"] .right-rail .route-details-panel,
body[data-page="map"] .right-rail .scout-stats-panel{display:none!important}
body[data-page="map"] .atlas-layout{grid-template-columns:300px minmax(520px,1fr) 390px!important}

/* ROUTES: route/goal builders get their own clean workspace. */
body[data-page="routes"] .site-locations-tools,
body[data-page="routes"] .site-admin-tools,
body[data-page="routes"] .filter-panel,
body[data-page="routes"] .legend-card,
body[data-page="routes"] .right-rail .scout-stats-panel{display:none!important}
body[data-page="routes"] .left-rail>.rail-title{display:none}
body[data-page="routes"] .atlas-layout{grid-template-columns:380px minmax(520px,1fr) 390px!important}

/* LOCATIONS: catalog/search workspace separate from route controls. */
body[data-page="locations"] .site-locations-tools{display:block}
body[data-page="locations"] #resetEverything,
body[data-page="locations"] .filter-panel,
body[data-page="locations"] .scout-mode-tabs,
body[data-page="locations"] .scout-mode-panel,
body[data-page="locations"] .legend-card,
body[data-page="locations"] .right-rail .route-details-panel,
body[data-page="locations"] .right-rail .scout-stats-panel{display:none!important}
body[data-page="locations"] .left-rail>.rail-title{display:none}
body[data-page="locations"] .atlas-layout{grid-template-columns:330px minmax(520px,1fr) 410px!important}

/* STATS: no map squeezed behind the numbers. */
body[data-page="stats"] .left-rail,
body[data-page="stats"] .map-wrap,
body[data-page="stats"] .right-rail-toggle,
body[data-page="stats"] .right-rail>.route-details-panel,
body[data-page="stats"] .right-rail>.selected-panel{display:none!important}
body[data-page="stats"] .global-locate{visibility:hidden}
body[data-page="stats"] .atlas-layout{display:block!important;overflow:auto!important;padding:28px 34px;background:radial-gradient(circle at 50% 0,#182027 0,#080b0e 56%)}
body[data-page="stats"] .right-rail,
body[data-page="stats"].right-rail-hidden .right-rail{
  display:block!important;width:min(1050px,100%)!important;max-width:none!important;min-height:0!important;
  margin:0 auto;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
body[data-page="stats"] .scout-stats-panel{
  display:block!important;margin:0!important;border-radius:15px!important;padding:8px!important;
  background:linear-gradient(180deg,#151c21,#090e12)!important;
  box-shadow:0 22px 60px #0008,inset 0 1px 0 #ffe8ad0c!important;
}
body[data-page="stats"] .scout-stats-panel>summary{font-size:20px!important;min-height:62px!important;padding:16px 20px!important}
body[data-page="stats"] .scout-stats-panel .panel-body{padding:8px 20px 22px!important}
body[data-page="stats"] .scout-stats{gap:16px!important}
body[data-page="stats"] .scout-stats-counters{gap:12px!important}
body[data-page="stats"] .scout-stat-box{padding:20px 10px!important}
body[data-page="stats"] .scout-stat-box b{font-size:34px!important}
body[data-page="stats"] .scout-stat-box span{font-size:11px!important}
body[data-page="stats"] .explore-stat{padding:15px!important}
body[data-page="stats"] .explore-stat-head{font-size:14px!important}
body[data-page="stats"] .explore-bar{height:10px!important}
body[data-page="stats"] .weekly-top{gap:7px!important}
body[data-page="stats"] .weekly-top-title{font-size:13px!important}
body[data-page="stats"] .weekly-row{grid-template-columns:42px minmax(0,1fr) 120px!important;min-height:44px;padding:9px 12px!important;font-size:13px!important}

/* ADMIN: public site stays read-only; Discord identity only unlocks these tools. */
body[data-page="admin"] .site-admin-tools{display:block}
body[data-page="admin"] #resetEverything,
body[data-page="admin"] .scout-mode-tabs,
body[data-page="admin"] .scout-mode-panel,
body[data-page="admin"] .filter-panel,
body[data-page="admin"] .legend-card,
body[data-page="admin"] .right-rail .route-details-panel,
body[data-page="admin"] .right-rail .scout-stats-panel{display:none!important}
body[data-page="admin"] .left-rail>.rail-title{display:none}
body[data-page="admin"] .atlas-layout{grid-template-columns:320px minmax(520px,1fr) 420px!important}

/* When inspector is intentionally collapsed, reclaim the space per page. */
body.right-rail-hidden[data-page="map"] .atlas-layout{grid-template-columns:300px minmax(520px,1fr) 0!important}
body.right-rail-hidden[data-page="routes"] .atlas-layout{grid-template-columns:380px minmax(520px,1fr) 0!important}
body.right-rail-hidden[data-page="locations"] .atlas-layout{grid-template-columns:330px minmax(520px,1fr) 0!important}
body.right-rail-hidden[data-page="admin"] .atlas-layout{grid-template-columns:320px minmax(520px,1fr) 0!important}

/* Public-site polish. */
body[data-page="stats"] .topstats .stat-pill:not(.status){display:none}
body[data-page="routes"] .reset-all-button{top:0}
.location-inspector-result:not(:empty){margin-top:10px}
#inspectLocationBtn{margin-top:2px}

@media(max-width:1500px) and (min-width:1101px){
  .topbar{grid-template-columns:185px auto minmax(230px,1fr) auto!important}
  .brand-main{font-size:19px!important}
  .site-nav-link{padding:7px 8px;font-size:10.5px}
  .site-nav-link span{font-size:13px}
  .topstats .stat-pill:not(.status){display:none}
}
@media(max-width:1100px) and (min-width:901px){
  body{--site-header:122px}
  .topbar{grid-template-columns:190px minmax(0,1fr) auto!important;grid-template-rows:46px 52px!important}
  .site-nav{grid-column:2/4;grid-row:1;justify-content:flex-end}
  .global-locate{grid-column:1/3;grid-row:2}
  .topstats{grid-column:3;grid-row:2}
  .site-nav-link{padding:6px 8px;font-size:10px}
  body[data-page="map"] .atlas-layout,
  body[data-page="locations"] .atlas-layout,
  body[data-page="admin"] .atlas-layout{grid-template-columns:285px minmax(420px,1fr) 335px!important}
  body[data-page="routes"] .atlas-layout{grid-template-columns:330px minmax(420px,1fr) 335px!important}
}
@media(max-width:900px){
  body{--site-header:auto;overflow:auto!important}
  .topbar{display:flex!important;flex-wrap:wrap!important;min-height:0!important;height:auto!important;padding:8px!important}
  .brand{order:0;flex:1 1 180px}.topstats{order:1}.site-nav{order:2;width:100%;overflow-x:auto;padding:2px 0}.site-nav-link{flex:0 0 auto}
  .global-locate{order:3;width:100%;visibility:visible!important}
  .atlas-layout{height:auto!important;display:flex!important;flex-direction:column!important}
  body[data-page="stats"] .atlas-layout{padding:14px!important}
  body[data-page="stats"] .right-rail{width:100%!important}
  body[data-page="stats"] .scout-stats-counters{grid-template-columns:1fr!important}
  body[data-page="map"] .left-rail,body[data-page="locations"] .left-rail,body[data-page="routes"] .left-rail,body[data-page="admin"] .left-rail{order:1}
  body[data-page="map"] .map-wrap,body[data-page="locations"] .map-wrap,body[data-page="routes"] .map-wrap,body[data-page="admin"] .map-wrap{order:0;height:68vh!important;min-height:520px!important}
  body[data-page="map"] .right-rail,body[data-page="locations"] .right-rail,body[data-page="routes"] .right-rail,body[data-page="admin"] .right-rail{order:2}
}

/* v0.8.1 stats totals */
.scout-stats-counters{grid-template-columns:repeat(4,1fr)!important}
@media(max-width:720px){.scout-stats-counters{grid-template-columns:1fr 1fr!important}}


/* ==========================================================================
   v0.9.0 — AVALON SCOUT / DARK MEDIEVAL FANTASY DESIGN SYSTEM
   Presentation only. Existing API/data/routing logic remains untouched.
   ========================================================================== */
:root{
  --bg-root:#05090b;
  --bg-deep:#030607;
  --bg-panel:#101719;
  --bg-panel-raised:#141b1d;
  --bg-panel-warm:#17140f;
  --bg-inset:#071014;
  --bg-inset-2:#090f10;

  --gold-1:#c58a32;
  --gold-2:#d8a64c;
  --gold-3:#f1c86a;
  --bronze:#795123;
  --bronze-dark:#3c2815;
  --bronze-muted:#5b4427;

  --text-primary:#eee1c3;
  --text-secondary:#dccda8;
  --text-muted:#9f987e;
  --text-faint:#777664;

  --avalon:#25c8e8;
  --avalon-soft:#57daf3;
  --avalon-deep:#1e8ead;
  --success:#65bd86;
  --warning:#ce8b37;
  --danger:#9c3d43;
  --danger-hi:#d26767;

  --border-main:#76562e;
  --border-strong:#a87938;
  --border-muted:#3c3529;
  --border-dark:#201b15;

  --shadow-panel:0 14px 34px rgba(0,0,0,.46);
  --shadow-deep:0 24px 70px rgba(0,0,0,.56);
  --shadow-inset:inset 0 1px 0 rgba(255,229,171,.045),inset 0 -1px 0 rgba(0,0,0,.82);
  --glow-gold:0 0 18px rgba(197,138,50,.18);
  --glow-avalon:0 0 22px rgba(37,200,232,.17);

  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-7:32px;
  --space-8:40px;
  --space-9:48px;

  --radius-xs:2px;
  --radius-sm:4px;
  --radius-md:6px;
  --radius-lg:8px;

  --transition-fast:120ms ease;
  --transition-normal:190ms ease;

  --font-display:Georgia,"Times New Roman",serif;
  --font-ui:"Bahnschrift","Segoe UI Variable","Segoe UI",Inter,system-ui,sans-serif;
}

/* Root surface / very subtle expedition-map texture */
html,body{background:var(--bg-root)!important;color:var(--text-primary)!important}
body{
  font-family:var(--font-ui)!important;
  letter-spacing:.008em;
  background:
    radial-gradient(circle at 52% -10%,rgba(31,106,118,.085),transparent 33%),
    radial-gradient(circle at 0 100%,rgba(106,72,29,.055),transparent 30%),
    linear-gradient(180deg,#081013 0,var(--bg-root) 46%,#030607 100%)!important;
}
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.22;
  background-image:
    linear-gradient(30deg,transparent 49.55%,rgba(216,166,76,.07) 49.7%,rgba(216,166,76,.07) 50.3%,transparent 50.45%),
    linear-gradient(150deg,transparent 49.55%,rgba(37,200,232,.035) 49.7%,rgba(37,200,232,.035) 50.3%,transparent 50.45%);
  background-size:180px 180px,180px 180px;
}
*{scrollbar-width:thin;scrollbar-color:#76542d #090d0d}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-track{background:#090d0d}
*::-webkit-scrollbar-thumb{background:linear-gradient(#805b2d,#4b361f);border:2px solid #090d0d}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(#a87734,#65471f)}
::selection{background:rgba(197,138,50,.34);color:#fff0cf}

/* Keyboard accessibility */
:where(button,a,input,select,summary):focus-visible{
  outline:1px solid var(--gold-3)!important;
  outline-offset:2px!important;
  box-shadow:0 0 0 3px rgba(197,138,50,.16)!important;
}

/* --------------------------------------------------------------------------
   Forged global header
   -------------------------------------------------------------------------- */
body{--site-header:84px}
.topbar{
  height:var(--site-header)!important;
  padding:8px 14px!important;
  gap:12px!important;
  grid-template-columns:226px auto minmax(280px,1fr) auto!important;
  background:
    linear-gradient(90deg,rgba(216,166,76,.045),transparent 20%,transparent 80%,rgba(37,200,232,.025)),
    linear-gradient(180deg,#1a1712 0,#0d1111 46%,#080d0f 100%)!important;
  border-bottom:1px solid #78572e!important;
  box-shadow:0 8px 26px rgba(0,0,0,.58),inset 0 -1px 0 rgba(241,200,106,.08)!important;
}
.topbar::before{
  content:"";position:absolute;left:0;right:0;bottom:5px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(216,166,76,.38) 18%,rgba(37,200,232,.18) 50%,rgba(216,166,76,.38) 82%,transparent);
}
.topbar:after{bottom:2px!important;border-color:rgba(30,142,173,.25)!important}
.brand{gap:11px!important;min-width:0}
.brand-sigil{
  width:43px;height:43px;display:grid;place-items:center;flex:0 0 43px;
  color:var(--gold-3);
  background:radial-gradient(circle,rgba(37,200,232,.10),rgba(0,0,0,.05) 58%,transparent 59%);
  filter:drop-shadow(0 0 8px rgba(37,200,232,.14));
}
.brand-sigil svg{width:41px;height:41px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.brand-copy{min-width:0}
.brand-main{
  font-family:var(--font-display)!important;font-size:21px!important;font-weight:700!important;
  letter-spacing:.115em!important;color:#f2d79d!important;
  text-shadow:0 1px 0 #000,0 0 14px rgba(197,138,50,.14)!important;
}
.brand-sub{
  margin-top:3px!important;font:700 8px/1.2 var(--font-ui)!important;letter-spacing:.19em!important;
  color:#718f8d!important;white-space:nowrap
}

/* Game-menu navigation */
.site-nav{gap:3px!important;height:100%}
.site-nav-link{
  position:relative;min-height:43px!important;padding:6px 11px!important;gap:7px!important;
  border:1px solid transparent!important;border-radius:var(--radius-sm)!important;
  clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);
  background:linear-gradient(180deg,rgba(24,28,28,.80),rgba(8,13,14,.86))!important;
  color:#9e9781!important;font:700 11.5px/1 var(--font-ui)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  transition:transform var(--transition-fast),color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)!important;
}
.site-nav-link::after{
  content:"";position:absolute;left:14px;right:14px;bottom:2px;height:1px;
  background:transparent;box-shadow:none;transition:all var(--transition-normal)
}
.site-nav-link:hover{
  color:#e5cf9e!important;transform:translateY(-1px);
  background:linear-gradient(180deg,#211c14,#0e1414)!important;
  box-shadow:inset 0 0 0 1px rgba(151,103,42,.46),0 4px 12px rgba(0,0,0,.26)!important;
}
.site-nav-link.active{
  color:#ffe5a7!important;
  background:
    radial-gradient(circle at 50% 115%,rgba(216,166,76,.19),transparent 55%),
    linear-gradient(180deg,#2b2115,#111515)!important;
  box-shadow:inset 0 0 0 1px rgba(198,143,58,.74),inset 0 1px 0 rgba(255,226,165,.11),var(--glow-gold)!important;
}
.site-nav-link.active::after{background:var(--gold-2);box-shadow:0 0 8px rgba(216,166,76,.58)}
.nav-icon,.tab-icon{display:inline-grid;place-items:center;flex:0 0 auto}
.nav-icon{width:18px;height:18px;color:currentColor}
.nav-icon svg,.tab-icon svg,.field-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.site-nav-link.active .nav-icon{color:var(--gold-3);filter:drop-shadow(0 0 5px rgba(216,166,76,.35))}

/* Scout search instrument */
.global-locate{grid-template-columns:minmax(180px,1fr) 94px!important;gap:7px!important}
.top-location{margin:0!important}
.field-icon{left:12px!important;width:18px;height:18px;color:#6cbac5!important}
.top-location input{
  padding-left:39px!important;padding-right:36px!important;
  border-color:#57472f!important;
  background:
    linear-gradient(180deg,rgba(4,10,12,.98),rgba(8,15,16,.98))!important;
}
.field-clear{
  position:absolute;right:7px;top:50%;transform:translateY(-50%);
  width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
  color:#736c5d!important;font:400 20px/1 var(--font-ui)!important;
  z-index:4;transition:color var(--transition-fast),opacity var(--transition-fast)!important;
}
.field-clear:hover{color:#d7c294!important;filter:none!important}
.top-location:has(input:placeholder-shown) .field-clear{opacity:0;pointer-events:none}
.location-suggest{
  top:calc(100% + 6px)!important;padding:4px!important;
  border:1px solid var(--border-main)!important;border-radius:var(--radius-sm)!important;
  background:linear-gradient(180deg,#121918,#080d0e)!important;
  box-shadow:0 16px 35px rgba(0,0,0,.65),inset 0 1px 0 rgba(241,200,106,.045)!important;
  animation:scoutDrop .16s ease-out
}
.location-suggest button{
  min-height:42px!important;padding:8px 9px!important;border:0!important;border-bottom:1px solid rgba(102,78,43,.22)!important;
  border-radius:2px!important;background:transparent!important;box-shadow:none!important;
  color:var(--text-secondary)!important;font-weight:650!important
}
.location-suggest button:hover,.location-suggest button.active{background:#17201e!important;color:#f0ddb4!important;filter:none!important}
.location-suggest small{color:#6f9fa0!important;text-transform:uppercase;letter-spacing:.07em;font-size:9px!important}
@keyframes scoutDrop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* Header counters */
.topstats{gap:5px!important}
.stat-pill{
  min-height:34px!important;padding:6px 9px!important;border:1px solid #3d3428!important;border-radius:var(--radius-sm)!important;
  background:linear-gradient(180deg,#111817,#090e0e)!important;
  color:#aaa086!important;font:700 10.5px/1 var(--font-ui)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.stat-pill.status{
  position:relative;padding-left:24px!important;border-color:#365546!important;color:#9bc9a9!important;
  background:linear-gradient(180deg,#101b16,#09110e)!important;
}
.stat-pill.status::before{
  content:"";position:absolute;left:10px;top:50%;width:6px;height:6px;border-radius:50%;
  transform:translateY(-50%);background:#70c992;box-shadow:0 0 8px rgba(101,189,134,.62);
  animation:liveBreath 2.4s ease-in-out infinite
}
@keyframes liveBreath{50%{opacity:.45;box-shadow:0 0 3px rgba(101,189,134,.30)}}

/* --------------------------------------------------------------------------
   Core materials / hierarchy
   -------------------------------------------------------------------------- */
.atlas-layout{background:transparent!important}
.rail{
  background:
    linear-gradient(90deg,rgba(103,69,29,.025),transparent 30%),
    linear-gradient(180deg,#111311 0,#090e0e 24%,#060a0b 100%)!important;
  scrollbar-color:#664923 #080c0c!important;
}
.left-rail{border-right:1px solid #4f3b23!important;box-shadow:7px 0 22px rgba(0,0,0,.26)!important}
.right-rail{border-left:1px solid #4f3b23!important;box-shadow:-7px 0 22px rgba(0,0,0,.26)!important}
.rail-title,.legend-title{
  font-family:var(--font-display)!important;font-size:12px!important;font-weight:700!important;letter-spacing:.14em!important;
  color:#d8bd84!important;text-shadow:0 1px 0 #000!important
}

/* LEVEL 1: major game panels */
.panel,.legend-card{
  position:relative!important;border:1px solid #5d4729!important;border-radius:var(--radius-sm)!important;
  background:
    linear-gradient(135deg,rgba(216,166,76,.025),transparent 22%),
    linear-gradient(180deg,rgba(20,27,27,.98),rgba(7,12,13,.99))!important;
  box-shadow:var(--shadow-panel),var(--shadow-inset)!important;
}
.panel::before,.legend-card::before{
  inset:3px!important;border:1px solid rgba(199,152,76,.085)!important;border-radius:2px!important
}
.panel::after,.legend-card::after{
  content:"";position:absolute;left:18px;right:18px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(216,166,76,.32),transparent);pointer-events:none
}
/* LEVEL 2 */
.content-start-block,.content-goal,.route-waypoint,.inspect-card,.route-origin-card,.route-current-variant,.route-alt-btn{
  border-color:#493a29!important;border-radius:var(--radius-sm)!important;
  background:linear-gradient(180deg,#111716,#090e0f)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important
}
/* LEVEL 4 */
.poi-detail,.connection-row,.edgeItem,.contentItem{
  border-color:transparent!important;border-radius:var(--radius-sm)!important;
  background:#0a1010!important;box-shadow:inset 0 0 0 1px rgba(114,91,54,.18)!important
}
.poi-detail:hover,.connection-row:hover,.edgeItem:hover,.contentItem:hover{background:#101918!important;box-shadow:inset 0 0 0 1px rgba(130,101,56,.46)!important}

/* Typography */
.panel-title,.panel-headline{
  font-family:var(--font-display)!important;font-weight:700!important;color:#e5ce9c!important;letter-spacing:.035em!important
}
.small,.muted{color:var(--text-muted)!important}
h1,h2,h3,h4{font-family:var(--font-display)!important}
.zone-card h4{color:#f0d69e!important;font-size:23px!important;letter-spacing:.015em!important;text-shadow:0 1px 0 #000}

/* Inputs / selects */
input,select{
  min-height:42px!important;border:1px solid #40382d!important;border-radius:var(--radius-sm)!important;
  background:linear-gradient(180deg,#060b0c,#0a1011)!important;color:var(--text-primary)!important;
  padding:9px 10px!important;box-shadow:inset 0 2px 7px rgba(0,0,0,.64)!important;
  transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)!important
}
input::placeholder{color:#6f6d5f!important}
input:focus,select:focus{
  border-color:#8e6834!important;background:#081011!important;
  box-shadow:inset 0 2px 7px rgba(0,0,0,.64),0 0 0 2px rgba(197,138,50,.09),0 0 13px rgba(197,138,50,.08)!important
}
select{
  background-color:#080e0f!important;
  background-image:linear-gradient(45deg,transparent 50%,#b78a45 50%),linear-gradient(135deg,#b78a45 50%,transparent 50%)!important
}

/* Button system */
button,.gold-button,.soft{
  border-radius:var(--radius-sm)!important;min-height:40px;
  transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)!important
}
.gold-button{
  border:1px solid #9a692c!important;
  background:linear-gradient(180deg,#a66e29 0,#6b421b 50%,#4c3016 100%)!important;
  color:#ffedc0!important;box-shadow:inset 0 1px 0 rgba(255,230,172,.30),inset 0 -1px 0 rgba(0,0,0,.55),0 5px 13px rgba(0,0,0,.32)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.65)!important
}
.gold-button:hover{
  border-color:#c68d3b!important;background:linear-gradient(180deg,#bc7e31,#74481d 52%,#523319)!important;
  box-shadow:inset 0 1px 0 rgba(255,230,172,.38),0 6px 15px rgba(0,0,0,.34),var(--glow-gold)!important;filter:none!important
}
button.soft{
  border:1px solid #41392e!important;background:linear-gradient(180deg,#171c1b,#0b1010)!important;color:#c9b994!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important
}
button.soft:hover{border-color:#6a5638!important;background:linear-gradient(180deg,#202522,#0e1514)!important;color:#ead6a9!important;filter:none!important}
button:active:not(:disabled){transform:translateY(1px)!important;box-shadow:inset 0 2px 5px rgba(0,0,0,.42)!important}
button:disabled{opacity:.40!important;cursor:not-allowed!important;filter:saturate(.55)!important}
button.danger,.danger{
  border-color:#713238!important;background:linear-gradient(180deg,#4b2024,#281114)!important;color:#f0b9b7!important;
  box-shadow:inset 0 1px 0 rgba(255,180,180,.08)!important
}
button.danger:hover{border-color:#a5484f!important;background:linear-gradient(180deg,#62292e,#341619)!important;color:#ffd0cb!important;filter:none!important}
.icon-btn{
  border:1px solid #45382b!important;border-radius:var(--radius-sm)!important;background:#0b1111!important;color:#a99c80!important;box-shadow:none!important
}
.icon-btn:hover{color:#efd49c!important;border-color:#826137!important;background:#151916!important;filter:none!important}

/* Tabs */
.scout-mode-tabs{
  gap:4px!important;padding:4px!important;border:1px solid #4f3d26!important;border-radius:var(--radius-sm)!important;
  background:linear-gradient(180deg,#0e1211,#080d0d)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important
}
.scout-mode-tab{
  min-height:43px!important;border:1px solid transparent!important;border-radius:3px!important;
  background:transparent!important;color:#918b78!important;box-shadow:none!important;
  font-family:var(--font-ui)!important;font-size:11px!important
}
.scout-mode-tab:hover{color:#d7c59d!important;background:#151813!important;filter:none!important}
.scout-mode-tab.active{
  border-color:#70522c!important;color:#f0d69c!important;
  background:linear-gradient(180deg,#2b2115,#131513)!important;
  box-shadow:inset 0 -2px 0 #b77b31,0 0 12px rgba(197,138,50,.09)!important
}
.tab-icon{width:18px;height:18px;margin-right:5px;color:#b98d49}

/* Chips / toggles */
.chip{
  min-height:36px!important;border:1px solid #37332b!important;border-radius:3px!important;background:#0a1010!important;color:#888471!important;box-shadow:none!important
}
.chip:hover{border-color:#5f523d!important;color:#c8ba99!important;background:#111614!important;filter:none!important}
.chip.active{
  border-color:#77572d!important;background:linear-gradient(180deg,#292016,#121513)!important;color:#e5cb94!important;
  box-shadow:inset 0 -2px 0 rgba(197,138,50,.42)!important
}
.tier.active{border-color:#3d7883!important;background:linear-gradient(180deg,#102325,#0b1516)!important;color:#9bdee9!important;box-shadow:inset 0 -2px 0 rgba(37,200,232,.34)!important}

/* Filters */
.filter-head{padding-bottom:3px;border-bottom:1px solid rgba(107,83,50,.22)}
.filter-reset{border:0!important;background:transparent!important;color:#8d816a!important;box-shadow:none!important}
.filter-reset:hover{color:#e2c990!important;background:transparent!important}
.filter-select-label{color:#9d947d!important}

/* Asset/action tiles */
.asset-button{
  min-height:52px!important;border:1px solid #3b352a!important;border-radius:var(--radius-sm)!important;
  background:linear-gradient(180deg,#101616,#090e0f)!important;color:#cbbb98!important;box-shadow:none!important
}
.asset-button:hover{border-color:#6c5433!important;background:linear-gradient(180deg,#171d1a,#0c1211)!important;color:#ebd5a6!important;filter:none!important}
.asset-button img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.65))}

/* --------------------------------------------------------------------------
   Main magical Avalon web
   -------------------------------------------------------------------------- */
.map-wrap{
  margin:7px!important;border:1px solid #6d512e!important;border-radius:var(--radius-sm)!important;
  background:#030708!important;
  box-shadow:0 20px 52px rgba(0,0,0,.63),0 0 0 3px #0c0d0b,0 0 0 4px #4e3b24,var(--glow-avalon)!important
}
.map-wrap::before{
  inset:5px!important;border:1px solid rgba(216,166,76,.11)!important;border-radius:1px!important;
  box-shadow:inset 0 0 28px rgba(0,0,0,.48)!important
}
.map-wrap::after{
  content:"";position:absolute;inset:0;z-index:7;pointer-events:none;
  background:
    linear-gradient(90deg,var(--gold-2),var(--gold-2)) 7px 7px/28px 1px no-repeat,
    linear-gradient(180deg,var(--gold-2),var(--gold-2)) 7px 7px/1px 28px no-repeat,
    linear-gradient(270deg,var(--gold-2),var(--gold-2)) calc(100% - 7px) 7px/28px 1px no-repeat,
    linear-gradient(180deg,var(--gold-2),var(--gold-2)) calc(100% - 7px) 7px/1px 28px no-repeat,
    linear-gradient(90deg,var(--gold-2),var(--gold-2)) 7px calc(100% - 7px)/28px 1px no-repeat,
    linear-gradient(0deg,var(--gold-2),var(--gold-2)) 7px calc(100% - 7px)/1px 28px no-repeat,
    linear-gradient(270deg,var(--gold-2),var(--gold-2)) calc(100% - 7px) calc(100% - 7px)/28px 1px no-repeat,
    linear-gradient(0deg,var(--gold-2),var(--gold-2)) calc(100% - 7px) calc(100% - 7px)/1px 28px no-repeat;
  opacity:.36
}
#tip{
  padding:9px 11px!important;border:1px solid #75572f!important;border-radius:var(--radius-sm)!important;
  background:linear-gradient(180deg,rgba(18,24,23,.97),rgba(5,9,10,.98))!important;color:#e7d7b5!important;
  box-shadow:0 10px 24px rgba(0,0,0,.58)!important
}
.toolbar button{
  border:1px solid #54442f!important;border-radius:3px!important;background:#090f10eF!important;color:#bba985!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 5px 12px rgba(0,0,0,.34)!important
}
.toolbar button:hover{border-color:#8a6737!important;color:#f0d59d!important;background:#151b19!important;filter:none!important}

/* Side-rail fullscreen handles */
.left-rail-toggle,.right-rail-toggle{
  position:fixed;top:50%;z-index:120;width:24px!important;height:58px!important;min-height:58px!important;padding:0!important;
  transform:translateY(-50%);border:1px solid #6a4f2d!important;border-radius:0!important;
  background:linear-gradient(180deg,#151714,#080d0e)!important;color:#c7ae78!important;font:700 20px/1 var(--font-display)!important;
  box-shadow:0 6px 16px rgba(0,0,0,.46)!important
}
.left-rail-toggle{left:288px;border-left:0!important;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%)}
.right-rail-toggle{right:370px!important;border-right:0!important;clip-path:polygon(6px 0,100% 0,100% 100%,6px 100%,0 calc(100% - 6px),0 6px)}
.left-rail-toggle:hover,.right-rail-toggle:hover{color:#ffe2a1!important;border-color:#a57939!important;background:#231b12!important;filter:none!important}
body.left-rail-hidden .left-rail{display:none!important}
body.left-rail-hidden .left-rail-toggle{left:0;border-left:1px solid #6a4f2d!important}
body.right-rail-hidden .right-rail-toggle{right:0!important;border-right:1px solid #6a4f2d!important}

/* Page widths */
body[data-page="map"] .atlas-layout{grid-template-columns:288px minmax(420px,1fr) 370px!important}
body[data-page="routes"] .atlas-layout{grid-template-columns:360px minmax(440px,1fr) 370px!important}
body[data-page="locations"] .atlas-layout{grid-template-columns:326px minmax(440px,1fr) 398px!important}
body[data-page="admin"] .atlas-layout{grid-template-columns:320px minmax(440px,1fr) 400px!important}
body[data-page="routes"] .left-rail-toggle{left:360px}
body[data-page="locations"] .left-rail-toggle{left:326px}
body[data-page="admin"] .left-rail-toggle{left:320px}
body[data-page="locations"] .right-rail-toggle{right:398px!important}
body[data-page="admin"] .right-rail-toggle{right:400px!important}

body.left-rail-hidden[data-page="map"] .atlas-layout{grid-template-columns:0 minmax(0,1fr) 370px!important}
body.left-rail-hidden[data-page="routes"] .atlas-layout{grid-template-columns:0 minmax(0,1fr) 370px!important}
body.left-rail-hidden[data-page="locations"] .atlas-layout{grid-template-columns:0 minmax(0,1fr) 398px!important}
body.left-rail-hidden[data-page="admin"] .atlas-layout{grid-template-columns:0 minmax(0,1fr) 400px!important}
body.right-rail-hidden[data-page="map"] .atlas-layout{grid-template-columns:288px minmax(0,1fr) 0!important}
body.right-rail-hidden[data-page="routes"] .atlas-layout{grid-template-columns:360px minmax(0,1fr) 0!important}
body.right-rail-hidden[data-page="locations"] .atlas-layout{grid-template-columns:326px minmax(0,1fr) 0!important}
body.right-rail-hidden[data-page="admin"] .atlas-layout{grid-template-columns:320px minmax(0,1fr) 0!important}
body.left-rail-hidden.right-rail-hidden[data-page="map"] .atlas-layout,
body.left-rail-hidden.right-rail-hidden[data-page="routes"] .atlas-layout,
body.left-rail-hidden.right-rail-hidden[data-page="locations"] .atlas-layout,
body.left-rail-hidden.right-rail-hidden[data-page="admin"] .atlas-layout{grid-template-columns:0 minmax(0,1fr) 0!important}

/* --------------------------------------------------------------------------
   Routes — cartographer route builder
   -------------------------------------------------------------------------- */
body[data-page="routes"] #scoutModeRoute{border-color:#654b2c!important}
body[data-page="routes"] #scoutModeRoute .scout-mode-body{position:relative;padding:15px 14px 15px 38px!important}
body[data-page="routes"] #scoutModeRoute .scout-mode-body::before{
  content:"";position:absolute;left:21px;top:30px;bottom:75px;width:1px;
  background:linear-gradient(var(--success),#78603b 42%,var(--gold-2));box-shadow:0 0 7px rgba(197,138,50,.12)
}
body[data-page="routes"] #scoutModeRoute .location-autocomplete,
body[data-page="routes"] #routeWaypoints .route-waypoint{position:relative}
body[data-page="routes"] #scoutModeRoute>.panel-body>.location-autocomplete::before,
body[data-page="routes"] #routeWaypoints .route-waypoint::before{
  content:"";position:absolute;z-index:5;left:-24px;top:17px;width:8px;height:8px;
  transform:rotate(45deg);background:#0b1511;border:1px solid var(--success);box-shadow:0 0 7px rgba(101,189,134,.28)
}
body[data-page="routes"] #routeWaypoints .route-waypoint::before{left:-29px;top:20px;background:#17120c;border-color:var(--gold-2);box-shadow:0 0 7px rgba(216,166,76,.25)}
body[data-page="routes"] .route-waypoint{padding:5px 5px 5px 0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.route-origin-options{
  margin:10px 0!important;padding:9px!important;border:1px solid #3d392e!important;border-radius:var(--radius-sm)!important;background:#0a1010!important;
  display:grid!important;gap:7px!important
}
.route-origin-title{font:700 10px/1.3 var(--font-ui)!important;color:#9f9276!important;text-transform:uppercase;letter-spacing:.08em}
.route-origin-toggles{display:grid!important;grid-template-columns:1fr 1fr;gap:6px}
.route-origin-toggle{
  min-height:36px;padding:7px 8px;border:1px solid #37332b;border-radius:3px;background:#0e1312;color:#8f8975!important
}
.route-origin-toggle:has(input:checked){border-color:#71532e;background:#211a12;color:#e3c894!important;box-shadow:inset 0 -2px 0 rgba(197,138,50,.30)}
.route-origin-toggle input{width:14px!important;height:14px!important;min-height:14px!important;accent-color:#a97834}
.route-details-panel{border-color:#72542f!important;background:linear-gradient(180deg,#171813,#080e0f)!important}
.route-detail-head{border-bottom-color:#493820!important}
.route-detail-head small,.route-alt-wrap>small{color:#b88c49!important}
.route-detail-head h3{color:#f0d59c!important;font-size:18px!important}
.route-detail-pills span{border-color:#51422d!important;background:#111510!important;color:#c8b58d!important;border-radius:3px!important}
.route-detail-line{
  border:0!important;border-left:2px solid #795a30!important;border-radius:0!important;background:#080d0d!important;color:#dfcea9!important
}
.route-detail-step{
  position:relative;grid-template-columns:30px minmax(0,1fr)!important;padding:9px 0!important;border-color:#2c2821!important
}
.route-detail-step>span{
  width:26px!important;height:26px!important;border-radius:50%!important;
  background:#17140f!important;border:1px solid #866230!important;color:#e5c98f!important;box-shadow:0 0 0 3px #0a0e0d
}
.route-detail-step:not(:last-child)::after{
  content:"";position:absolute;left:12px;top:34px;bottom:-8px;width:1px;background:#5d4728
}
.route-alt-btn:hover{border-color:#795c35!important;background:#151b18!important}
.route-current-variant{border-color:#805f32!important;background:linear-gradient(180deg,#211a11,#0c1110)!important}

/* --------------------------------------------------------------------------
   Location research
   -------------------------------------------------------------------------- */
.site-locations-tools{border-color:#644c2c!important}
.inspect-card{padding:12px!important}
.inspect-title b{color:#efd49a!important}
.inspect-state{border-radius:3px!important}
.inspect-state.live{border-color:#38664d!important;background:#0b1711!important;color:#a5d8b5!important}
.inspect-state.off{border-color:#69483a!important;background:#17100d!important;color:#c9a68d!important}
.selected-panel{border-color:#665033!important}
.zone-kind,.badge,.current-location-badge{
  border-radius:3px!important;background:#0b1110!important
}
.zone-kind{border-color:#443b2e!important;color:#cbb993!important}
.current-location-badge{border-color:#3e7657!important;background:#0d1c14!important;color:#a9dcbc!important}
.badge.live-zone{border-color:#3c7457!important;background:#0b1912!important;color:#9ed7b1!important}
.badge.reference{border-color:#765237!important;background:#1a110d!important;color:#d1ab8a!important}
.badge.admin{border-color:#74383b!important;background:#1a0c0e!important;color:#e9a7a6!important}
.reference-zone-note{border-color:#674832!important;background:#15100d!important;color:#c7a98e!important;border-radius:3px!important}
.kv{padding:9px 0;border-top:1px solid rgba(111,84,45,.20);border-bottom:1px solid rgba(111,84,45,.20)}
.kv .k{color:#817b69!important}.kv .v{color:#dfcfae!important}
.connection-row b{color:#d9c59d!important}
.connection-row .muted{color:#838578!important}

/* --------------------------------------------------------------------------
   Statistics — Guild Scout Ledger / Chronicle
   -------------------------------------------------------------------------- */
body[data-page="stats"] .atlas-layout{
  padding:28px 34px!important;
  background:
    radial-gradient(circle at 50% -5%,rgba(35,93,96,.07),transparent 36%),
    linear-gradient(180deg,#080d0e,#040708)!important
}
body[data-page="stats"] .right-rail,
body[data-page="stats"].right-rail-hidden .right-rail{
  width:min(1060px,100%)!important;margin:0 auto!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important
}
body[data-page="stats"] .scout-stats-panel{
  position:relative!important;padding:14px 18px 18px!important;border:1px solid #6f522f!important;border-radius:var(--radius-sm)!important;
  background:
    linear-gradient(90deg,rgba(96,63,27,.08),transparent 8%,transparent 92%,rgba(96,63,27,.08)),
    repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 4px),
    linear-gradient(180deg,#171711,#0c100f 42%,#090d0d)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.56),inset 0 0 0 3px #090b09,inset 0 0 0 4px rgba(137,99,50,.30)!important
}
body[data-page="stats"] .scout-stats-panel::after{
  content:"";position:absolute;left:50%;top:18px;bottom:18px;width:1px;opacity:.14;
  background:linear-gradient(transparent,#c28a3a 12%,#c28a3a 88%,transparent);pointer-events:none
}
body[data-page="stats"] .scout-stats-panel>summary{
  min-height:68px!important;padding:16px 20px!important;border-bottom:1px solid rgba(116,85,45,.28)!important;
  color:#e9d09a!important;font:700 22px/1 var(--font-display)!important;letter-spacing:.045em!important
}
body[data-page="stats"] .scout-stats-panel>summary::after{display:none!important}
body[data-page="stats"] .scout-stats-panel .panel-body{padding:16px 20px 10px!important}
body[data-page="stats"] .scout-stats-counters{
  grid-template-columns:repeat(4,1fr)!important;gap:0!important;margin-bottom:16px;border-top:1px solid rgba(133,98,52,.24);border-bottom:1px solid rgba(133,98,52,.24)
}
body[data-page="stats"] .scout-stat-box{
  min-height:112px;padding:20px 12px!important;border:0!important;border-right:1px solid rgba(133,98,52,.24)!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important
}
body[data-page="stats"] .scout-stat-box:last-child{border-right:0!important}
body[data-page="stats"] .scout-stat-box::before{content:"◇";display:block;margin-bottom:5px;color:#8f6b37;font:400 12px var(--font-display)}
body[data-page="stats"] .scout-stat-box b{color:#f0cf88!important;font:700 36px/1 var(--font-display)!important;text-shadow:0 1px 0 #000,0 0 14px rgba(197,138,50,.10)}
body[data-page="stats"] .scout-stat-box span{margin-top:7px!important;color:#8f8976!important;font-size:10px!important;letter-spacing:.11em!important}
body[data-page="stats"] .explore-stat{
  padding:14px 16px!important;border:1px solid #3e5040!important;border-radius:var(--radius-sm)!important;
  background:linear-gradient(180deg,#0c1713,#09110f)!important
}
body[data-page="stats"] .explore-stat-head{font-size:13px!important;color:#b8d7c1!important}
body[data-page="stats"] .explore-stat-head b{color:#cde7d4!important;font:700 15px var(--font-display)}
body[data-page="stats"] .explore-bar{
  height:10px!important;margin-top:9px!important;border:1px solid #2d3d32;border-radius:2px!important;background:#07100c!important;overflow:hidden!important
}
body[data-page="stats"] .explore-bar>i{
  background:linear-gradient(90deg,#367453,#3fa082 50%,#46bdd0)!important;border-radius:0!important;
  box-shadow:0 0 10px rgba(37,200,232,.25)
}
body[data-page="stats"] .weekly-top{margin-top:16px!important;gap:3px!important}
body[data-page="stats"] .weekly-top-title{
  padding:0 2px 8px;color:#b9985e!important;font:700 12px var(--font-display)!important;letter-spacing:.11em!important
}
body[data-page="stats"] .weekly-row{
  min-height:44px!important;padding:8px 12px!important;border:0!important;border-bottom:1px solid rgba(100,82,54,.20)!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;font-size:12px!important
}
body[data-page="stats"] .weekly-row:hover{background:rgba(197,138,50,.025)!important}
body[data-page="stats"] .weekly-row:nth-of-type(2){background:linear-gradient(90deg,rgba(197,138,50,.08),transparent 58%)!important}
body[data-page="stats"] .weekly-row:nth-of-type(2) .rank{color:#e8c269!important}
body[data-page="stats"] .weekly-row:nth-of-type(3) .rank{color:#b8b7b0!important}
body[data-page="stats"] .weekly-row:nth-of-type(4) .rank{color:#b77b54!important}
body[data-page="stats"] .weekly-row .name{color:#d9c9aa!important}
body[data-page="stats"] .weekly-row .count{color:#89c7a1!important}

/* --------------------------------------------------------------------------
   Admin — same world, more technical / dangerous
   -------------------------------------------------------------------------- */
.site-admin-tools{
  border-color:#62363a!important;
  background:linear-gradient(180deg,#1a1412,#0b0e0e)!important
}
.site-admin-tools::after{background:linear-gradient(90deg,transparent,rgba(156,61,67,.48),transparent)!important}
.admin-public-note{
  border-color:#4e3830!important;border-radius:3px!important;background:#100d0b!important;color:#9f8d79!important
}
.admin-zone-tools{
  border:1px solid #63353a!important;border-radius:var(--radius-sm)!important;background:linear-gradient(180deg,#190f10,#0d090a)!important
}
.admin-zone-tools>span{color:#c76d6d!important}
.connection-remove{border-radius:3px!important;background:#231012!important;border-color:#67343a!important;color:#d78c89!important}

/* --------------------------------------------------------------------------
   Modals
   -------------------------------------------------------------------------- */
.game-dialog[hidden]{display:none!important}
.game-dialog{position:fixed;inset:0;z-index:500;display:grid;place-items:center}
.game-dialog-backdrop{position:absolute;inset:0;background:rgba(1,4,5,.78);animation:dialogFade .15s ease-out}
.game-dialog-card{
  position:relative;width:min(520px,calc(100vw - 32px));border:1px solid #79582f;border-radius:var(--radius-sm);
  background:
    linear-gradient(135deg,rgba(216,166,76,.04),transparent 24%),
    linear-gradient(180deg,#171d1c,#090e0f);
  box-shadow:0 28px 90px rgba(0,0,0,.76),inset 0 0 0 3px #090b0a,inset 0 0 0 4px rgba(169,122,55,.28);
  animation:dialogRise .18s ease-out
}
.game-dialog-head{
  min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;
  border-bottom:1px solid #4d3b24;background:linear-gradient(180deg,#201a12,#111513)
}
.game-dialog-head small{color:#9c7840;font:700 9px var(--font-ui);letter-spacing:.14em}
.game-dialog-head h2{margin:3px 0 0;color:#ebd09a;font:700 20px var(--font-display)}
.game-dialog-close{width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;border:1px solid #493c2e!important;background:#0b1010!important;color:#aa9b80!important;box-shadow:none!important}
.game-dialog-message{padding:24px 20px;color:#d6c7a7;line-height:1.58;white-space:pre-line}
.game-dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px 16px;border-top:1px solid rgba(105,80,43,.22)}
.game-dialog-actions button{min-width:112px}
.game-dialog.danger-dialog .game-dialog-card{border-color:#6c353b}
.game-dialog.danger-dialog .game-dialog-head{border-bottom-color:#552d31;background:linear-gradient(180deg,#211416,#111010)}
.game-dialog.danger-dialog .game-dialog-head h2{color:#e8b6b2}
body.dialog-open{overflow:hidden!important}
@keyframes dialogFade{from{opacity:0}to{opacity:1}}
@keyframes dialogRise{from{opacity:0;transform:translateY(8px) scale(.992)}to{opacity:1;transform:none}}

/* Misc states / empty states */
.result-box:empty{display:none}
.result-box:not(:empty),.location-inspector-result:not(:empty){
  padding-top:9px;border-top:1px solid rgba(104,81,47,.18)
}
.route-copy-btn{position:relative;border-color:#496a64!important;color:#add5cf!important;background:linear-gradient(180deg,#10201d,#0a1413)!important}
.route-copy-btn:hover{border-color:#5e9288!important;color:#d2f2ec!important}
.legend-card>div:not(.legend-title){color:#b6aa8f!important}
.legend-card img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.7))}
.reset-all-button{
  border-color:#654a2b!important;border-radius:3px!important;background:linear-gradient(180deg,#241a11,#110f0d)!important;color:#bda778!important;box-shadow:none!important
}
.reset-all-button:hover{border-color:#8f6732!important;background:#2d2012!important;color:#e7ca90!important}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* Desktop scaling */
@media(max-width:1500px) and (min-width:1101px){
  .topbar{grid-template-columns:205px auto minmax(220px,1fr) auto!important}
  .brand-main{font-size:18px!important}.brand-sub{font-size:7px!important}.brand-sigil{width:37px;height:37px;flex-basis:37px}.brand-sigil svg{width:36px;height:36px}
  .site-nav-link{padding:6px 8px!important;font-size:10px!important}.nav-icon{width:16px;height:16px}
  body[data-page="map"] .atlas-layout{grid-template-columns:270px minmax(390px,1fr) 340px!important}
  body[data-page="map"] .left-rail-toggle{left:270px}.right-rail-toggle{right:340px!important}
  body.left-rail-hidden[data-page="map"] .atlas-layout{grid-template-columns:0 minmax(0,1fr) 340px!important}
  body.right-rail-hidden[data-page="map"] .atlas-layout{grid-template-columns:270px minmax(0,1fr) 0!important}
}
@media(max-width:1100px) and (min-width:901px){
  body{--site-header:118px}
  .topbar{grid-template-columns:190px minmax(0,1fr) auto!important;grid-template-rows:45px 51px!important}
  .site-nav{grid-column:2/4;grid-row:1;justify-content:flex-end}
  .global-locate{grid-column:1/3;grid-row:2}.topstats{grid-column:3;grid-row:2}
  .site-nav-link{padding:5px 7px!important;font-size:9.5px!important}
  .left-rail-toggle,.right-rail-toggle{display:none!important}
  body[data-page="map"] .atlas-layout,
  body[data-page="locations"] .atlas-layout,
  body[data-page="admin"] .atlas-layout{grid-template-columns:280px minmax(390px,1fr) 330px!important}
  body[data-page="routes"] .atlas-layout{grid-template-columns:320px minmax(390px,1fr) 330px!important}
}
@media(max-width:900px){
  .left-rail-toggle,.right-rail-toggle{display:none!important}
  body.left-rail-hidden .left-rail,body.right-rail-hidden .right-rail{display:block!important}
  .site-nav{scrollbar-width:none}.site-nav::-webkit-scrollbar{display:none}
  .site-nav-link{min-height:40px!important}
  .brand-sub{display:block!important}
  body[data-page="stats"] .scout-stats-counters{grid-template-columns:1fr 1fr!important}
  body[data-page="stats"] .scout-stat-box:nth-child(2){border-right:0!important}
  body[data-page="stats"] .scout-stat-box:nth-child(-n+2){border-bottom:1px solid rgba(133,98,52,.24)!important}
  body[data-page="stats"] .scout-stats-panel::after{display:none}
}
@media(max-width:540px){
  .brand-sub{font-size:6.5px!important}
  .site-nav-link b{font-size:9px}.nav-icon{width:15px;height:15px}
  body[data-page="stats"] .scout-stat-box b{font-size:29px!important}
}

/* v0.9.1 finishing states */
.stat-pill.status.bad{border-color:#6d3035!important;color:#dfa7a5!important;background:linear-gradient(180deg,#211112,#100a0b)!important}
.stat-pill.status.bad::before{background:#b9575d;box-shadow:0 0 8px rgba(185,87,93,.48)}
#tip::before{content:"";position:absolute;left:14px;top:-4px;width:7px;height:7px;transform:rotate(45deg);background:#121817;border-left:1px solid #75572f;border-top:1px solid #75572f}
body[data-page="stats"] .left-rail-toggle{display:none!important}

/* v0.9.2 global consistency */
body[data-page="stats"] .global-locate{visibility:visible!important}


/* v0.9.3 rail toggles + route builder alignment */
body[data-page="map"]{--left-rail-w:288px;--right-rail-w:370px}
body[data-page="routes"]{--left-rail-w:360px;--right-rail-w:370px}
body[data-page="locations"]{--left-rail-w:326px;--right-rail-w:398px}
body[data-page="admin"]{--left-rail-w:320px;--right-rail-w:400px}

.left-rail-toggle,
.right-rail-toggle{
  width:22px!important;
  min-width:22px!important;
  height:52px!important;
  min-height:52px!important;
  z-index:82!important;
}
.left-rail-toggle{
  left:calc(var(--left-rail-w) - 22px)!important;
  border-left:1px solid #6a4f2d!important;
  border-right:0!important;
  clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%)!important;
}
.right-rail-toggle{
  right:calc(var(--right-rail-w) - 22px)!important;
  border-right:1px solid #6a4f2d!important;
  border-left:0!important;
  clip-path:polygon(5px 0,100% 0,100% 100%,5px 100%,0 calc(100% - 5px),0 5px)!important;
}
body.left-rail-hidden .left-rail-toggle{
  left:0!important;
  border-left:0!important;
  border-right:1px solid #6a4f2d!important;
}
body.right-rail-hidden .right-rail-toggle{
  right:0!important;
  border-right:0!important;
  border-left:1px solid #6a4f2d!important;
}

/* Route builder: one axis, one width, one rhythm */
body[data-page="routes"] #scoutModeRoute .scout-mode-body{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:10px!important;
  padding:16px 14px 16px 42px!important;
}
body[data-page="routes"] #scoutModeRoute .scout-mode-body::before{
  left:24px!important;
  top:34px!important;
  bottom:76px!important;
}
body[data-page="routes"] #scoutModeRoute>.panel-body>.location-autocomplete,
body[data-page="routes"] .route-origin-options,
body[data-page="routes"] #routeWaypoints,
body[data-page="routes"] #addRouteWaypoint,
body[data-page="routes"] #scoutModeRoute>.panel-body>.row{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
body[data-page="routes"] #scoutModeRoute>.panel-body>.location-autocomplete::before{
  left:-23px!important;
  top:17px!important;
  width:9px!important;
  height:9px!important;
}
body[data-page="routes"] #routeWaypoints{
  display:grid!important;
  gap:8px!important;
}
body[data-page="routes"] #routeWaypoints .route-waypoint{
  position:relative!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body[data-page="routes"] #routeWaypoints .route-waypoint::before{
  left:-23px!important;
  top:17px!important;
  width:9px!important;
  height:9px!important;
}
body[data-page="routes"] #routeWaypoints .location-autocomplete{
  width:100%!important;
  margin:0!important;
}
body[data-page="routes"] #routeWaypoints .waypoint-input{
  width:100%!important;
  padding-right:44px!important;
}
body[data-page="routes"] #routeWaypoints .waypoint-remove{
  position:absolute!important;
  z-index:7!important;
  right:5px!important;
  top:4px!important;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  border-color:transparent!important;
  background:transparent!important;
  color:#766d5d!important;
  box-shadow:none!important;
}
body[data-page="routes"] #routeWaypoints .waypoint-remove:hover{
  border-color:#60452e!important;
  background:#17110e!important;
  color:#d4b279!important;
}
body[data-page="routes"] .route-origin-options{
  padding:10px!important;
}
body[data-page="routes"] #addRouteWaypoint{
  min-height:40px!important;
}
body[data-page="routes"] #scoutModeRoute>.panel-body>.row.two-col{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:8px!important;
}
body[data-page="routes"] #routeBtn,
body[data-page="routes"] #clearRoute{
  width:100%!important;
  min-width:0!important;
}

/* At medium desktop widths keep the handles inside the rail too */
@media(max-width:1500px) and (min-width:1101px){
  body[data-page="map"]{--left-rail-w:270px;--right-rail-w:340px}
}


/* v0.9.4 dedicated rail-handle gutter: never cover map labels or sidebar controls */
.map-wrap{margin:7px 18px!important}
.left-rail-toggle,
.right-rail-toggle{
  width:16px!important;
  min-width:16px!important;
  height:46px!important;
  min-height:46px!important;
  font-size:17px!important;
}
.left-rail-toggle{
  left:var(--left-rail-w)!important;
  border-left:1px solid #6a4f2d!important;
  border-right:1px solid #6a4f2d!important;
}
.right-rail-toggle{
  right:var(--right-rail-w)!important;
  border-left:1px solid #6a4f2d!important;
  border-right:1px solid #6a4f2d!important;
}
body.left-rail-hidden .left-rail-toggle{left:0!important}
body.right-rail-hidden .right-rail-toggle{right:0!important}


/* v0.9.5 hard layout correction — no clipping, no ambiguous inherited grid */
html,body{width:100%;max-width:100%;overflow:hidden!important}
.topbar{
  grid-template-columns:270px minmax(430px,max-content) minmax(300px,1fr) auto!important;
  min-width:0!important;
}
.brand{width:270px!important;min-width:270px!important;overflow:visible!important}
.brand-copy{overflow:visible!important}
.brand-main{white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;letter-spacing:.10em!important}
.site-nav{min-width:430px!important;overflow:visible!important}
.global-locate{min-width:300px!important}
.atlas-layout{
  width:100vw!important;
  max-width:100vw!important;
  min-width:0!important;
  overflow:hidden!important;
}
.left-rail,.right-rail,.map-wrap{min-width:0!important}
#stage,#graph{min-width:0!important;max-width:100%!important}

/* Labels and handles must never occupy the same strip */
.map-wrap{margin-left:18px!important;margin-right:18px!important}
.left-rail-toggle{transform:translateY(-50%) translateX(1px)!important}
.right-rail-toggle{transform:translateY(-50%) translateX(-1px)!important}

/* Route form final geometry */
body[data-page="routes"] #scoutModeRoute .scout-mode-body>*{min-width:0!important}
body[data-page="routes"] #scoutModeRoute input,
body[data-page="routes"] #scoutModeRoute select,
body[data-page="routes"] #scoutModeRoute button{box-sizing:border-box!important}
body[data-page="routes"] #routeWaypoints .route-waypoint:only-child .waypoint-remove{display:none!important}
body[data-page="routes"] #routeWaypoints .route-waypoint:only-child .waypoint-input{padding-right:10px!important}

/* 1366–1500: keep the brand readable instead of cutting it */
@media(max-width:1500px) and (min-width:1101px){
  .topbar{grid-template-columns:232px minmax(385px,max-content) minmax(220px,1fr) auto!important}
  .brand{width:232px!important;min-width:232px!important}
  .brand-main{font-size:17px!important;letter-spacing:.075em!important}
  .brand-sub{font-size:6.8px!important;letter-spacing:.14em!important}
  .site-nav{min-width:385px!important}
  .global-locate{min-width:220px!important}
}


/* v0.9.6 typography: Noto Sans Display — larger, denser and easier to read. */
@font-face{
  font-family:"Avalon Noto Display";
  src:url("/assets/fonts/NotoSansDisplay-VF.ttf?v=1") format("truetype");
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
}
:root{
  --hud-font:"Avalon Noto Display","Segoe UI",system-ui,sans-serif;
  --hud-display:"Avalon Noto Display","Segoe UI",system-ui,sans-serif;
}
body{
  font-family:var(--hud-font)!important;
  font-size:16px!important;
  font-weight:600;
  letter-spacing:.004em;
}
button,input,select{font-family:var(--hud-font)!important}
.site-nav-link{
  font-family:var(--hud-display)!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:.035em!important;
}
.brand-main{font-family:var(--hud-display)!important;font-weight:850!important;font-size:25px!important}
.brand-sub{font-family:var(--hud-display)!important;font-weight:650!important;font-size:12px!important}
.rail-title,.legend-title{
  font-family:var(--hud-display)!important;
  font-size:15px!important;
  font-weight:850!important;
}
.panel-title,.panel-headline{
  font-family:var(--hud-display)!important;
  font-size:15px!important;
  font-weight:800!important;
}
input,select{font-size:15px!important;font-weight:650!important}
button,.gold-button,.soft{font-size:14px!important;font-weight:750!important}
.scout-mode-tab{font-family:var(--hud-display)!important;font-size:14px!important;font-weight:800!important}
.small,.muted{font-size:12.5px!important;line-height:1.5!important}
.node-info,.list,.result-box{font-size:13.5px!important;line-height:1.5!important}
.inspect-title b,.zone-card h4,.route-detail-head h3{
  font-family:var(--hud-display)!important;
  font-weight:850!important;
}
.inspect-content-item,.asset-button{font-size:13.5px!important}
.kv{font-size:14px!important}
.route-detail-line,.route-detail-step b{font-size:13px!important}
.route-detail-step small,.poi-detail small{font-size:11.5px!important}
.stat-pill{font-size:13px!important;font-weight:700!important}

@media(max-width:1500px) and (min-width:1101px){
  .brand-main{font-size:19px!important}
  .brand-sub{font-size:8.5px!important}
  .site-nav-link{font-size:12px!important;padding:6px 8px!important}
}
@media(max-width:1100px){
  .site-nav-link{font-size:11.5px!important}
}


/* v0.9.7 route origins: three combinable, readable start families. */
.route-origin-toggles{grid-template-columns:1fr 1fr!important}
.route-origin-toggle:last-child{grid-column:1/-1}
.route-origin-toggle span{line-height:1.25;text-align:center}


/* v0.9.8 cleanup pass: clearer goals, status, filters and navigation icons. */
.nav-icon{width:22px!important;height:22px!important}
.nav-icon svg{width:22px!important;height:22px!important;overflow:visible}
.site-nav-link{gap:8px!important}
.topstats{gap:7px!important}
.topstats .stat-pill.status{
  min-width:66px;
  justify-content:center;
  text-align:center;
  font-size:13px!important;
  font-weight:850!important;
  letter-spacing:.035em;
}
.goal-type-field,.tier-field{
  display:grid;
  gap:5px;
  min-width:0;
}
.goal-type-field>span,.tier-field>span{
  display:block;
  padding:0 2px;
  color:#d3b77d;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.1;
  text-align:center;
}
.goal-select-row{
  grid-template-columns:minmax(0,1fr) 92px 34px!important;
  gap:8px!important;
  align-items:end!important;
}
.goal-type{
  width:100%;
  min-width:0;
  min-height:44px!important;
  background:#070d0e!important;
  background-image:none!important;
  border-color:#4b4032!important;
  padding:9px 11px!important;
}
.goal-tier{
  min-height:44px!important;
  background-color:#080e0f!important;
  background-image:linear-gradient(45deg,transparent 50%,#c49a55 50%),linear-gradient(135deg,#c49a55 50%,transparent 50%)!important;
  background-position:calc(100% - 14px) 19px,calc(100% - 9px) 19px!important;
  background-size:5px 5px!important;
  background-repeat:no-repeat!important;
  padding:8px 24px 8px 10px!important;
  text-align:center;
}
.content-goal.static-goal .goal-select-row{
  grid-template-columns:minmax(0,1fr) 76px 88px 34px!important;
}
.content-only-chip{
  width:100%;
  min-height:42px!important;
  white-space:nowrap!important;
  font-size:13px!important;
  font-weight:800!important;
}
@media(max-width:1240px) and (min-width:901px){
  .goal-select-row{grid-template-columns:minmax(0,1fr) 84px 34px!important}
  .content-goal.static-goal .goal-select-row{grid-template-columns:minmax(0,1fr) 70px 80px 34px!important}
}
@media(max-width:540px){
  .goal-select-row{grid-template-columns:minmax(0,1fr) 82px 34px!important}
  .goal-type-field>span,.tier-field>span{font-size:10.5px!important}
}