.app{max-width:960px;margin:0 auto;padding:1.5rem 1rem 3rem}.app.app-wide{max-width:1100px}.header{margin-bottom:2rem;border-bottom:1px solid #333;padding-bottom:1rem}.brand-header{padding:0;background:none;border:none;border-radius:0;box-shadow:none}.brand-title{display:flex;align-items:center;gap:.65rem}.brand-title-compact{gap:.5rem}.brand-title-text{font-size:1.85rem;font-weight:700;letter-spacing:.02em;color:var(--herald-gold);text-shadow:none;line-height:1.1}.avalon-compas-shield{flex-shrink:0;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.header h1{margin:0 0 .5rem;font-size:1.75rem;color:var(--herald-gold)}.header p,.brand-header .header-tagline{margin:0 0 .5rem;color:#aaa;font-size:.95rem}.header-stats{margin:0 0 1rem;font-size:.9rem;color:#bbb}.header-stats strong{color:var(--herald-gold);font-weight:600}.tabs{display:flex;gap:.5rem;flex-wrap:wrap}.tab{padding:.5rem 1rem;border:1px solid #444;border-radius:6px;background:#1a1a1f;color:#ccc;cursor:pointer;font-size:.9rem}.tab:hover{border-color:#666;color:#eee}.tab.active{border-color:var(--herald-gold);background:#2a2418;color:var(--herald-gold)}.main-tabs{margin-bottom:0}.hub-routes-list{margin:0;padding:0;list-style:none}.hub-route-item{padding:.65rem 0;border-bottom:1px solid #2a2a35}.hub-route-item:last-child{border-bottom:none}.hub-route-header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.25rem}.hub-route-steps{font-size:.85rem;color:#c9a227}.hub-route-missing .hub-route-header strong{color:#888}.navigator-hint{margin:0 0 .75rem;font-size:.85rem}.domains-tab{display:flex;flex-direction:column;gap:1rem}.domains-summary{margin:0;font-size:.9rem}.domain-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.5rem;margin-bottom:.75rem}.domain-map-wrap{margin-bottom:.75rem;overflow-x:auto;overflow-y:visible}.domain-map{position:relative;margin:0;min-width:100%;background:#1a1a24;border:1px solid #3a3a48;border-radius:8px}.domain-map-links{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.domain-map-link-spine{stroke:#5a5070;stroke-width:3;opacity:.9}.domain-map-link-exit{stroke:#c9a227;stroke-width:2;stroke-dasharray:4 3;opacity:.8}.domain-map-node{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;padding:.25rem .35rem;border:1px solid #4a4a58;background:#252530;color:inherit;cursor:pointer;text-align:center;font-size:.7rem;line-height:1.15;z-index:1;overflow:visible;box-sizing:border-box}.domain-map-node:hover{border-color:#c9a227;z-index:2;box-shadow:0 0 0 1px #c9a22759}.domain-map-node-road{border-radius:5px;background:linear-gradient(180deg,#36324a,#262230);border-color:#6a5a88;z-index:2}.domain-map-node-zone{border-radius:50%;padding:.15rem;z-index:3}.domain-map-node-mainland{background:radial-gradient(circle at 35% 30%,#3a4a38,#222a22);border-color:#5a7058}.domain-map-node-outlands{background:radial-gradient(circle at 35% 30%,#4a343c,#2a2226);border-color:#705058}.domain-map-node-label{font-weight:600;width:100%;overflow:hidden;font-size:.66rem}.domain-map-node-road .domain-map-node-label{white-space:normal;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;font-size:.68rem}.domain-map-node-zone .domain-map-node-label{white-space:normal;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;font-size:.58rem}.domain-map-legend{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.45rem;font-size:.75rem}.domain-map-legend-road{letter-spacing:-.05em}.domain-map-legend-link{opacity:.85}.domain-edges-details{margin-top:.25rem}.domain-edges-summary{cursor:pointer;font-size:.82rem;color:#aaa;-webkit-user-select:none;user-select:none}.domain-edges-summary:hover{color:#c9a227}.domain-tile{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;min-height:4.5rem;padding:.5rem .55rem;border:1px solid #3a3a48;border-radius:6px;background:#1e1e28;color:inherit;cursor:pointer;text-align:left;font-size:.8rem}.domain-tile:hover{border-color:#c9a227}.domain-tile-road{border-color:#4a4560;background:#22202e}.domain-tile-mainland{border-color:#3d4a38;background:#1e2420}.domain-tile-outlands{border-color:#4a3038;background:#241e22}.domain-tile-name{font-weight:600;line-height:1.25;word-break:break-word}.domain-tile-meta{font-size:.72rem;color:#999}.domain-edges{margin:0;padding:0;list-style:none;font-size:.82rem}.domain-edges li{padding:.25rem 0;border-top:1px solid #2a2a35}.domain-edges li:first-child{border-top:none;padding-top:0}.main{display:flex;flex-direction:column;gap:1.5rem}.panel{background:#252530;border:1px solid #3a3a48;border-radius:8px;padding:1.25rem}.panel h2{margin:0 0 1rem;font-size:1.1rem}.panel-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.panel-header h2{margin:0}.panel-header input{flex:1;min-width:200px;max-width:320px;padding:.5rem .75rem;border:1px solid #444;border-radius:6px;background:#1a1a1f;color:inherit}.route-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.75rem}@media(max-width:600px){.route-inputs{grid-template-columns:1fr}}.autocomplete{position:relative;display:flex;flex-direction:column;gap:.35rem}.autocomplete label{font-size:.85rem;color:#aaa}.autocomplete input{padding:.55rem .75rem;border:1px solid #444;border-radius:6px;background:#1a1a1f;color:inherit}.suggestions{position:absolute;top:100%;left:0;right:0;z-index:10;margin:.25rem 0 0;padding:0;list-style:none;background:#2e2e3a;border:1px solid #555;border-radius:6px;max-height:220px;overflow-y:auto}.suggestions button{display:block;width:100%;padding:.5rem .75rem;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer}.suggestions button:hover{background:#3a3a48}.primary-btn{padding:.65rem 1.25rem;border:none;border-radius:6px;background:#c9a227;color:#1a1a1f;font-weight:600;cursor:pointer}.primary-btn:disabled{opacity:.45;cursor:not-allowed}.route-result.error p{color:#e07070;margin:0}.route-block{margin-bottom:1rem}.route-label{display:block;font-size:.8rem;color:#888;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem}.route-path,.route-directions{margin:0;word-break:break-word}.route-directions{color:#7ec8e3;font-family:Consolas,monospace}.route-compact{margin:.25rem 0 0;font-size:.85rem;color:#7ec8e3;font-family:Consolas,monospace;word-break:break-word}.route-steps{margin:0;font-weight:600;color:#c9a227}.location-list{display:flex;flex-direction:column;gap:.35rem;max-height:480px;overflow-y:auto}.location-card{border:1px solid #3a3a48;border-radius:6px;overflow:hidden}.location-summary{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;width:100%;padding:.6rem .85rem;border:none;background:#2a2a35;color:inherit;text-align:left;cursor:pointer}.location-summary:hover{background:#323240}.location-name{font-weight:600;flex:1;min-width:140px}.zone-badge{font-size:.75rem;padding:.15rem .5rem;border-radius:4px;background:#444}.zone-city,.zone-starting-city{background:#5a4a8a}.zone-safe-area{background:#2a5a8a}.zone-yellow{background:#8a7a2a}.zone-red{background:#8a3a3a}.zone-black{background:#333;border:1px solid #666}.exit-count{font-size:.8rem;color:#888}.exit-list{margin:0;padding:.5rem .85rem .75rem 2rem;list-style:none;background:#1f1f28;font-size:.9rem}.exit-list li{display:flex;align-items:center;gap:.5rem;padding:.2rem 0}.direction{display:inline-block;min-width:2rem;font-weight:700;color:#7ec8e3;font-family:Consolas,monospace}.arrow{color:#666}.footer{margin-top:2rem;padding-top:1rem;border-top:1px solid #333;font-size:.85rem;color:#888}.avalon-intro p{margin:0 0 .75rem;color:#bbb;font-size:.95rem;line-height:1.5}.avalon-filters{display:flex;flex-wrap:wrap;gap:.5rem;flex:1;justify-content:flex-end}.avalon-filters select,.avalon-filters input{padding:.5rem .75rem;border:1px solid #444;border-radius:6px;background:#1a1a1f;color:inherit;min-width:0;flex:1}.avalon-filters select{min-width:180px}.location-category-tabs{display:flex;flex-wrap:wrap;gap:.35rem}.location-category-tab{padding:.4rem .65rem;border:1px solid #444;border-radius:6px;background:#1a1a1f;color:#bbb;cursor:pointer;font-size:.85rem;white-space:nowrap}.location-category-tab:hover{border-color:#666;color:#eee}.location-category-tab.active{border-color:#c9a227;background:#2a2418;color:#c9a227}.road-badge.static{background:#2a2838;color:#c8b8e8}.road-badge.dungeon{background:#2a2218;color:#d4a85a;font-size:.72rem;text-transform:lowercase}.road-badge.equiv{background:#1e2a28;color:#8ec9b8;max-width:5.5rem;overflow:hidden;text-overflow:ellipsis}.road-badge.zone-type{background:#2a2a32;color:#ccc}.road-badge.zone-type.zone-type-yellow{color:#e8d44d}.road-badge.zone-type.zone-type-red{color:#e86a6a}.road-badge.zone-type.zone-type-black,.road-badge.zone-black{background:#1a1a22;color:#999}.road-badge.zone-type.zone-type-safe{color:#8ec9b8}.zone-meta-grid{margin-top:.25rem}.zone-meta-list{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:0;font-size:.9rem}.zone-meta-list dt{margin:0;color:#888}.zone-meta-list dd{margin:0}.zone-exit-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.zone-exit-list li{display:flex;align-items:baseline;gap:.5rem}.zone-exit-dir{display:inline-block;min-width:1.75rem;font-size:.8rem;color:#888;font-weight:600}.road-list{display:flex;flex-direction:column;gap:.5rem}.road-card{border:1px solid #3a3a48;border-radius:6px;overflow:hidden}.road-summary{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#1e1e28;border:none;color:inherit;cursor:pointer;text-align:left}.road-summary:hover{background:#252530}.road-name{font-weight:600;flex:1;min-width:140px}.road-badge{font-size:.75rem;padding:.15rem .5rem;border-radius:4px;background:#333}.road-badge.tier{background:#3a3020;color:#c9a227}.road-badge.layer{background:#2a2838;color:#a0a8d0}.layer-hint-wrap{position:relative;display:inline-flex}.layer-hint-wrap.align-end .layer-hint-popover{left:auto;right:0}button.layer-hint-trigger.road-badge.layer{cursor:pointer;border:none;font:inherit}button.layer-hint-trigger.road-badge.layer:hover,button.layer-hint-trigger.road-badge.layer[aria-expanded=true]{background:#353550;outline:1px solid #666}button.layer-hint-trigger.text{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline dotted;text-underline-offset:2px}button.layer-hint-trigger.text:hover,button.layer-hint-trigger.text[aria-expanded=true]{color:#c5ccee}.layer-hint-popover{position:absolute;top:calc(100% + .35rem);left:0;z-index:25;min-width:220px;max-width:320px;padding:.65rem 1.75rem .65rem .75rem;background:#2e2e3a;border:1px solid #555;border-radius:6px;box-shadow:0 4px 12px #00000059;font-size:.85rem;color:#ccc;line-height:1.45}.layer-hint-popover p{margin:0}.layer-hint-close{position:absolute;top:.2rem;right:.3rem;padding:.15rem .35rem;border:none;background:transparent;color:#888;font-size:1.1rem;line-height:1;cursor:pointer}.layer-hint-close:hover{color:#eee}.road-badge.chest{background:#2a3828;color:#8fd48f}.road-badge.solo{background:#283038;color:#8fc0e0}.road-badge.group{background:#382828;color:#e0a080}.road-detail{padding:1rem;border-top:1px solid #3a3a48;display:flex;flex-direction:column;gap:1rem}.road-detail h4{margin:0 0 .5rem;font-size:.95rem;color:#c9a227}.road-detail h5{margin:.75rem 0 .5rem;font-size:.85rem;color:#aaa}.road-items{margin:0;padding-left:1.25rem;color:#ccc;font-size:.9rem}.road-items li{margin-bottom:.25rem}.road-note,.muted{margin:0;color:#888;font-size:.85rem;line-height:1.45}.road-meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin:0}.road-meta div{background:#1a1a1f;padding:.5rem .75rem;border-radius:4px}.road-meta dt{font-size:.75rem;color:#888;margin-bottom:.15rem}.road-meta dd{margin:0;font-size:.9rem}.road-portals-collapsible{margin-top:.5rem}.road-portals-collapsible>summary{cursor:pointer;font-size:.95rem;font-weight:600;color:#ddd;list-style:none;-webkit-user-select:none;user-select:none}.road-portals-collapsible>summary::-webkit-details-marker{display:none}.road-portals-collapsible>summary:before{content:"▸ ";color:#c9a227}.road-portals-collapsible[open]>summary:before{content:"▾ "}.road-portals-collapsible>summary:hover{color:#eee}.road-portals-collapsible[open]>summary{margin-bottom:.75rem}.road-portals-collapsible .road-meta{margin-top:.25rem}.chest-summary li{text-transform:lowercase}.road-destinations-block{margin-top:1rem;padding-top:.75rem;border-top:1px solid #2a2a35}.road-destinations-block h5{margin:0 0 .35rem;font-size:.9rem;color:#bbb;font-weight:600}.road-destinations{margin:.5rem 0 0;padding:0;list-style:none}.road-destinations li{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding:.35rem 0;border-bottom:1px solid #2a2a35;font-size:.85rem}.road-destinations li:last-child{border-bottom:none}.road-dest-label{color:#ccc;flex:1;min-width:0}.road-dest-pct{color:#8fd48f;font-variant-numeric:tabular-nums;flex-shrink:0}.sub-tabs{display:flex;gap:.5rem;margin-bottom:.5rem}.sub-tab{padding:.4rem .9rem;border:1px solid #444;border-radius:6px;background:#1a1a1f;color:#aaa;cursor:pointer;font-size:.85rem}.sub-tab.active{border-color:#7ec8e3;color:#7ec8e3;background:#1a2830}.suggestion-hint{margin-left:.5rem;font-size:.75rem;color:#666}.compass-map,.avalon-compass-wrap{width:min(100%,360px);margin:0 auto}.avalon-compass-wrap.compact{width:min(100%,280px)}.avalon-compass-map{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;box-sizing:border-box}.compass-grid-rotated{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:2px;width:71%;height:71%;padding:3px;box-sizing:border-box;transform:rotate(-45deg);transform-origin:center;background:radial-gradient(circle at center,#2a2838,#1a1a22 55%,#121218);border:2px solid #5a5040;box-shadow:inset 0 0 24px #00000073,0 0 0 1px #c9a22726}.compass-diamond-bg,.compass-center{display:none}.compass-zone-bar{display:flex;align-items:center;justify-content:center;gap:.65rem;margin-top:.65rem;padding:.55rem 1rem;background:linear-gradient(180deg,#3d3428,#2a2418);border:1px solid #6a5a40;border-radius:4px;box-shadow:inset 0 1px #ffffff0f}.compass-zone-tier{font-size:.85rem;font-weight:700;color:#c9a227;font-family:Georgia,Times New Roman,serif}.compass-zone-name{flex:1;min-width:0;text-align:center;font-size:.85rem;line-height:1.2;color:#e8dcc8;word-break:break-word}.compass-zone-layer{font-size:.7rem;color:#a0a8d0;white-space:nowrap}.compass-cell,.compass-btn{position:relative;z-index:1;width:100%;height:100%;min-height:2rem;transform:none;padding:0;border:1px solid #3a3a48;border-radius:3px;background:#1e1e28eb;color:inherit;cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;transition:border-color .15s,background .15s,box-shadow .15s}.compass-btn.compass-minor{background:#16161ee0;border-color:#2e2e38}.compass-btn.compass-minor:hover{border-color:#4a4a58;background:#1e1e28f2}.compass-btn.compass-cardinal{min-height:unset;border-radius:3px;border-color:#5a5040;background:linear-gradient(180deg,#2a2838f2,#1a1a22f2)}.compass-btn.compass-intercardinal{min-height:unset;border-radius:3px}.compass-btn.compass-cardinal .compass-btn-dir{font-family:Georgia,Times New Roman,serif;font-size:1.05rem;font-weight:400;color:#d4c4a0;letter-spacing:.02em}.compass-btn.compass-intercardinal .compass-btn-dir{font-size:.52rem;color:#7a8a9a;letter-spacing:-.02em}.compass-btn .compass-btn-dir,.compass-btn .compass-portal-count,.compass-btn .compass-portal-dot{transform:rotate(45deg)}.compass-cell:hover,.compass-btn:hover{border-color:#6a8a9a;background:#252535}.compass-cell.selected,.compass-btn.active{border-color:#c9a227;background:#2a2418;box-shadow:0 0 12px #c9a22759}.compass-btn.has-portals:not(.active){border-color:#4a6a7a;background:#1a2228}.compass-btn.compass-intercardinal.has-portals:not(.active){border-color:#5a8aa8;background:radial-gradient(circle at 30% 30%,#1e2838,#141820);box-shadow:0 0 10px #7ec8e333}.compass-portal-count{display:inline-flex;align-items:center;justify-content:center;min-width:1rem;height:1rem;padding:0 .25rem;border-radius:999px;background:#3a3050;color:#c0b0e8;font-size:.6rem;font-weight:700;line-height:1}.compass-portal-dot{width:.45rem;height:.45rem;border-radius:50%;background:#7ec8e3;box-shadow:0 0 6px #7ec8e399}.compass-popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0000008c}.compass-popover{width:min(100%,420px);max-height:min(85vh,560px);overflow-y:auto;border:1px solid #4a4a58;border-radius:12px;background:#1e1e28;box-shadow:0 16px 48px #00000073}.compass-popover-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem 1rem .75rem;border-bottom:1px solid #2a2a35}.compass-popover-header h3{margin:0;font-size:1rem;line-height:1.35;color:#ddd}.compass-popover-dir{color:#c9a227;font-family:Consolas,monospace}.compass-popover-close{flex-shrink:0;width:2rem;height:2rem;border:1px solid #444;border-radius:6px;background:transparent;color:#aaa;cursor:pointer;font-size:1.25rem;line-height:1}.compass-popover-close:hover{border-color:#666;color:#fff}.compass-popover-portals,.compass-popover-form{padding:.75rem 1rem}.compass-popover-portals h4,.compass-popover-form h4{margin:0 0 .65rem;font-size:.85rem;color:#aaa;font-weight:600}.compass-popover-list{margin:0;padding:0;list-style:none}.compass-popover-list li{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #2a2a35}.compass-popover-list li:last-child{border-bottom:none}.compass-popover-list .portal-time{margin-left:auto;font-size:.8rem;color:#a08060}.portal-edit-btn{padding:.2rem .45rem;font-size:.75rem}.compass-popover-empty{padding:1rem;margin:0}.compass-popover-form{border-top:1px solid #2a2a35}.compass-dir,.compass-btn-dir{font-weight:700;font-family:Consolas,monospace;color:#7ec8e3;font-size:1rem}.compass-btn.active .compass-btn-dir{color:#c9a227}.compass-hint{text-align:center;margin:1rem 0 .75rem;font-size:.9rem;color:#aaa}.compass-selected{color:#c9a227;font-family:Consolas,monospace;font-size:1.1rem}.map-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem;align-items:start}.map-compass-panel{display:flex;flex-direction:column}.compass-pick{display:inline-flex;align-items:center;justify-content:center;min-width:3rem;padding:.5rem 1rem;border-radius:8px;background:#1a1a1f;border:2px dashed #444;font-family:Consolas,monospace;font-size:1.25rem;color:#666}.compass-pick.picked{border-style:solid;border-color:#c9a227;color:#c9a227;background:#2a2418}.form-field.readonly-field{display:flex;flex-direction:column;gap:.35rem}.field-label{font-size:.9rem;color:#bbb}.duration-field{border:none;margin:0;padding:0}.duration-field legend{font-size:.9rem;color:#bbb;margin-bottom:.35rem}.duration-slider-wrap{display:flex;flex-direction:column;gap:.5rem}.duration-slider-value{font-size:1.1rem;font-weight:600;color:#c9a227;font-family:Consolas,monospace}.duration-slider-track{position:relative;padding:0 .35rem 1.5rem}.duration-slider{width:100%;height:.35rem;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.duration-slider::-webkit-slider-runnable-track{height:.35rem;border-radius:999px;background:linear-gradient(90deg,#3a3050,#4a6a7a)}.duration-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.1rem;height:1.1rem;margin-top:-.4rem;border-radius:50%;border:2px solid #c9a227;background:#2a2418;box-shadow:0 0 8px #c9a22759}.duration-slider::-moz-range-track{height:.35rem;border-radius:999px;background:linear-gradient(90deg,#3a3050,#4a6a7a)}.duration-slider::-moz-range-thumb{width:1.1rem;height:1.1rem;border-radius:50%;border:2px solid #c9a227;background:#2a2418;box-shadow:0 0 8px #c9a22759}.duration-slider-marks{position:absolute;left:.35rem;right:.35rem;top:.55rem;height:0;pointer-events:none}.duration-slider-mark{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.25rem}.duration-slider-tick{width:1px;height:.45rem;background:#555}.duration-slider-label{font-size:.7rem;color:#777;line-height:1}@media(max-width:960px){.avalon-unified-panes{grid-template-columns:1fr}.road-list-nav{max-height:240px}}@media(max-width:720px){.reference-panes,.avalon-unified-panes{grid-template-columns:1fr}.road-list-nav{max-height:240px}.reference-detail{max-height:none}.map-layout{grid-template-columns:1fr}.avalon-compass-wrap{width:min(100%,300px)}}.compass-portals{margin:0;padding:0;list-style:none;font-size:.65rem;width:100%;text-align:left}.compass-portals li{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;padding:.2rem 0;border-top:1px solid #2a2a35}.compass-portals li.expired{opacity:.45}.portal-dest{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-time{color:#a08060;white-space:nowrap}.portal-remove{border:none;background:transparent;color:#888;cursor:pointer;font-size:1.1rem;line-height:1;padding:0 .25rem}.portal-remove:hover{color:#e08080}.road-map-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem}.portal-form{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #3a3a48;display:flex;flex-direction:column;gap:.75rem}.portal-form h3{margin:0;font-size:1rem}.portal-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:#bbb}.portal-form select,.portal-form input[type=datetime-local]{padding:.5rem .75rem;border:1px solid #444;border-radius:6px;background:#1a1a1f;color:inherit}.text-btn{border:1px solid #444;background:transparent;color:#aaa;padding:.35rem .75rem;border-radius:6px;cursor:pointer;font-size:.85rem}.text-btn:hover{border-color:#666;color:#ddd}.all-portals-list{margin:0;padding:0;list-style:none}.all-portals-list li{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #2a2a35;font-size:.9rem}.all-portals-list li.expired{opacity:.5}.portal-link{border:none;background:none;color:#7ec8e3;cursor:pointer;padding:0;font-weight:600}.portal-link:hover{text-decoration:underline}.portal-arrow{color:#666}.all-portals-list .location-link{font-weight:600}.portal-remaining{margin-left:auto;color:#a08060;font-size:.85rem}.avalon-compass-wrap.compact .compass-btn.compass-cardinal .compass-btn-dir{font-size:.85rem}.avalon-compass-wrap.compact .compass-btn.compass-intercardinal .compass-btn-dir{font-size:.6rem}.avalon-compass-wrap.compact .compass-btn{min-height:1.5rem}.avalon-compass-wrap.compact .compass-zone-bar{padding:.45rem .75rem}.avalon-compass-wrap.compact .compass-zone-name{font-size:.75rem}.compass-btn.readonly{cursor:default}.road-badge.portal{background:#2a2838;color:#b0a0e0}.road-user-portals{margin-bottom:.5rem}.road-passages h4{margin:0;font-size:.95rem}.road-passages-empty{margin:.25rem 0 0;font-size:.85rem}.text-btn-sm{padding:.2rem .45rem;font-size:.8rem}.road-portals-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.road-portals-header h4{margin:0}.portal-add-form{margin:.5rem 0;padding:.6rem .65rem;border:1px solid #3a3a48;border-radius:6px;background:#1e1e28}.portal-add-form h4{margin:0 0 .5rem;font-size:.85rem}.portal-add-fixed-dest{margin:0 0 .65rem;font-size:.88rem}.portal-add-fixed-dest strong{color:#e8e8ec;font-weight:600}.portal-add-actions{display:flex;gap:.75rem;align-items:center;margin-top:.75rem}.road-portal-list-compact{margin:.35rem 0 0;font-size:.82rem}.road-portal-list-compact li{display:flex;align-items:center;gap:.25rem;padding:.2rem 0;border-bottom:1px solid #2a2a35}.road-portal-list-compact li.selected{background:#252530}.road-portal-list-compact .road-portal-row{flex:1;min-width:0;padding:.15rem .25rem;gap:.3rem .4rem}.road-portal-list-compact .road-portal-row:hover,.road-portal-list-compact li.selected .road-portal-row{background:transparent}.road-portal-actions{display:flex;align-items:center;gap:.15rem;flex-shrink:0}.portal-meta-compact{margin-left:auto;font-size:.75rem;white-space:nowrap}.portal-preview-compact{margin:.35rem 0 0;padding:.35rem .5rem;font-size:.8rem;border-left:2px solid #c9a227;background:#1a1a22;border-radius:0 4px 4px 0}.portal-preview-name{color:#c9a227;font-weight:600}.road-info-compact{margin:.75rem 0}.road-info-heading{margin:0 0 .25rem;font-size:.9rem}.road-info-line{margin:0;font-size:.82rem;line-height:1.45;color:#ccc}.road-passages-meta>summary{font-size:.85rem}.road-note-compact{margin:.35rem 0;font-size:.75rem}.road-dest-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:.5rem 0 0;padding:0;list-style:none}.road-dest-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .45rem;border-radius:4px;background:#2a2a35;font-size:.75rem;color:#bbb}.road-dest-chip .road-dest-pct{color:#8fd48f;font-size:.72rem}.panel-compact{padding:.85rem 1rem}.panel-header-compact{margin-bottom:.5rem}.panel-header-compact h2{font-size:1rem}.all-portals-list-compact li{padding:.3rem 0;font-size:.82rem;gap:.35rem}.all-portals-list-compact .portal-meta-compact{margin-left:auto}.all-portals-collapsible>summary.all-portals-summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;list-style:none}.all-portals-collapsible>summary.all-portals-summary::-webkit-details-marker{display:none}.all-portals-collapsible .all-portals-list{margin-top:.5rem}.road-portal-list{margin:.75rem 0 0;padding:0;list-style:none;font-size:.9rem}.road-portal-list li{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;padding:.35rem 0;border-bottom:1px solid #2a2a35}.road-portal-row{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;flex:1;min-width:0;padding:.25rem .35rem;border-radius:4px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.road-portal-row:hover,.road-portal-row.selected{background:#2a2838}.portal-direction-arrow{color:#c9a227;font-weight:600;min-width:1rem}.portal-dest-preview{margin-top:.75rem;padding:.75rem;border:1px solid #3a3a48;border-radius:6px;background:#1a1a22}.portal-preview-title{margin:0 0 .5rem;font-weight:600;color:#c9a227}.portal-preview-section{margin-top:.5rem}.portal-preview-section strong{display:block;margin-bottom:.25rem;font-size:.85rem;color:#aaa}.admin-portals-backup{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center;margin-bottom:1rem}.admin-import-mode{display:flex;gap:1rem;font-size:.9rem}.admin-backup-result{margin:.5rem 0 0;font-size:.9rem;color:#8fd48f}.portal-city-hint{color:#8fd48f;font-size:.8rem}.route-step-portal{color:#b0a0e0;font-style:italic}.reference-layout .panel-header{margin-bottom:1rem}.reference-panes{display:grid;grid-template-columns:minmax(200px,280px) 1fr;gap:1rem;min-height:420px}.avalon-unified-panes{display:grid;grid-template-columns:minmax(260px,320px) 1fr;gap:1rem;min-height:480px;align-items:start}.avalon-main-column{display:flex;flex-direction:column;gap:1rem;min-width:0}.avalon-map-pane{border:1px solid #3a3a48;border-radius:8px;padding:1.25rem;background:#1e1e28}.compass-panel{display:flex;flex-direction:column;align-items:center}.compass-panel .road-map-meta{align-self:stretch;margin-bottom:.5rem}.compass-panel .compass-hint{margin:0 0 1rem}.avalon-map-placeholder{text-align:center;padding:3rem 1rem}.road-list-nav{display:flex;flex-direction:column;gap:.25rem;max-height:70vh;overflow-y:auto;border:1px solid #3a3a48;border-radius:8px;padding:.35rem;background:#1a1a1f}.road-list-item{display:flex;align-items:flex-start;gap:.55rem;width:100%;padding:.55rem .65rem;border:1px solid transparent;border-radius:6px;background:transparent;color:inherit;cursor:pointer;text-align:left;font-size:.9rem}.road-list-item:not(.zone-list-item){align-items:center;justify-content:space-between}.search-category-tag{font-size:.68rem;padding:.12rem .4rem;border-radius:4px;background:#2a2838;color:#a8a0c0;flex-shrink:0;line-height:1.2}.road-list-empty{padding:.75rem}.settings-subheading{margin:0 0 .5rem;font-size:.95rem;font-weight:600}.settings-section{margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid #3a3a48}.settings-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.zone-list-item{align-items:flex-start}.zone-list-item .road-badge.portal{align-self:center;flex-shrink:0}.road-list-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.road-list-meta{display:flex;flex-wrap:wrap;gap:.3rem}.road-list-tag{font-size:.75rem;line-height:1.2;padding:.1rem .35rem;border-radius:4px}.road-list-tag.population{color:#c8b8e8;background:#2a2838}.road-list-tag.dungeon{color:#d4a85a;background:#2a2218}.zone-tier-square{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .25rem;border-radius:4px;font-size:.68rem;font-weight:700;flex-shrink:0;line-height:1;letter-spacing:-.02em}.zone-tier-black{min-width:2.35rem;font-size:.62rem}.zone-tier-blue{background:#3d6eb5;color:#fff}.zone-tier-yellow{background:#c9a227;color:#1a1a1f}.zone-tier-red{background:#b84040;color:#fff}.zone-tier-black{background:#2a2a34;color:#d0d0d8;border:1px solid #555}.road-list-item:hover{background:#252530;border-color:#444}.road-list-item.selected{background:#2a2418;border-color:#c9a227}.road-list-name{min-width:0;font-weight:500;line-height:1.25;white-space:normal;word-break:break-word}.road-list-item:not(.zone-list-item) .road-list-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.road-list-badges{display:flex;gap:.25rem;flex-shrink:0}.reference-detail{border:1px solid #3a3a48;border-radius:8px;padding:1rem;background:#1e1e28}.road-detail-header{margin-bottom:1rem}.road-detail-header h3{margin:0 0 .5rem;color:#c9a227}.location-link{border:none;background:none;color:#7ec8e3;cursor:pointer;padding:0;font:inherit;text-align:left}.location-link:hover{text-decoration:underline}.portal-dest-inline{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem}.auth-bar{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;margin-bottom:.5rem;font-size:.85rem;color:#aaa}.auth-bar-actions{display:flex;gap:.75rem}.settings-link,.settings-back{margin-top:.75rem}.settings-ok{color:#8fd48f}.settings-current code{color:#c9a227}.settings-panel code{font-size:.85em}.auth-panel{max-width:420px;margin:0 auto}.auth-label{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem;font-size:.85rem;color:#aaa}.auth-label input{padding:.55rem .75rem;border:1px solid #444;border-radius:6px;background:#1a1a1f;color:inherit}.auth-loading{text-align:center;padding:3rem}.admin-token-form{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.admin-token-form select,.admin-token-form input{padding:.45rem .65rem;border:1px solid #444;border-radius:6px;background:#1a1a1f;color:inherit}.admin-token-list{list-style:none;margin:0;padding:0}.admin-token-list li{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.5rem 0;border-bottom:1px solid #3a3a48}.admin-issued code{word-break:break-all;color:#c9a227}.portal-author{font-size:.75rem}.mobile-back-btn{flex-shrink:0}html.native-app,html.native-app body,html.native-app #root{overflow-x:hidden}html.native-app .app{padding:.75rem .75rem 2rem;max-width:none}html.native-app .header,html.native-app .brand-header{margin-bottom:.75rem;padding-bottom:.5rem}html.native-app .brand-title-text{font-size:1.35rem}html.native-app .header h1{font-size:1.35rem;margin-bottom:.25rem}html.native-app .header-tagline,html.native-app .footer{display:none}html.native-app .main{gap:.75rem}html.native-app .panel{padding:.85rem}html.native-app .avalon-intro-compact{padding:.65rem .85rem}html.native-app .avalon-intro-compact h2{margin:0;font-size:1rem}html.native-app .avalon-intro-compact .road-note{margin:.35rem 0 0;font-size:.8rem}html.native-app .reference-layout-compact .panel-header{margin-bottom:.65rem}html.native-app .reference-layout-compact .panel-header h2{font-size:1rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html.native-app .avalon-unified-panes-compact{grid-template-columns:1fr;min-height:unset}html.native-app .road-list-nav{max-height:min(52vh,28rem)}html.native-app .avalon-unified-panes-compact .avalon-main-column{min-height:0}html.native-app .avalon-map-placeholder{padding:1.5rem 1rem}html.native-app .auth-bar{font-size:.8rem}@media(max-width:720px){.app{padding:.75rem .75rem 2rem}.header,.brand-header{margin-bottom:.75rem;padding-bottom:.5rem}.brand-title-text,.header h1{font-size:1.35rem}.header-compact-mobile .header-tagline,.footer{display:none}.main{gap:.75rem}.panel{padding:.85rem}.avalon-unified-panes-compact{grid-template-columns:1fr;min-height:unset}.avalon-unified-panes-compact .road-list-nav{max-height:min(52vh,28rem)}}:root{font-family:Segoe UI,Tahoma,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#e8e6e3;background:#1a1a1f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--herald-tan: #e6c9a8;--herald-tan-dark: #c9a87a;--herald-brown: #3d2b1f;--herald-gold: #e5b13a;--herald-gold-dim: #b8892a;--herald-red: #8b0000;--herald-blue: #1b3644;--accent-gold: var(--herald-gold)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#1a1a1f;color:#e8e6e3}#root{min-height:100vh;background:#1a1a1f}a{color:var(--herald-gold)}button,input{font:inherit}