:root{--tribal-ink:#202e28;--tribal-muted:#626c64;--tribal-line:#e6e8e1;--tribal-paper:#fafaf6;--tribal-green:#254f3e;--tribal-orange:#c56b45}html,body{height:100%;overflow:hidden}body{min-height:100%}body>.map-footer{display:none}.tribal-app{box-sizing:border-box;width:100%;height:100svh;min-height:570px;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);color:var(--tribal-ink);background:var(--tribal-paper);grid-template-columns:minmax(320px,380px) minmax(0,1fr);font-family:Noto Sans TC,sans-serif;display:grid}.tribal-sidebar{z-index:500;background:var(--tribal-paper);border-right:1px solid var(--tribal-line);flex-direction:column;min-height:0;display:flex}.tribal-skip-link{z-index:2000;clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}.tribal-skip-link:focus{clip-path:none;color:#fff;background:#254f3e;border-radius:4px;width:auto;height:auto;padding:10px 14px;font-size:13px;text-decoration:none;top:8px;left:8px;overflow:visible}.tribal-heading{border-bottom:1px solid var(--tribal-line);padding:24px 28px 21px;position:relative}.tribal-back{color:#657168;align-items:center;gap:8px;margin-bottom:27px;font-size:11px;text-decoration:none;transition:color .18s;display:inline-flex}.tribal-back:hover{color:var(--tribal-green)}.tribal-kicker{color:#657168;letter-spacing:.13em;align-items:center;gap:8px;margin:0 0 7px;font:500 10px/1.5 JetBrains Mono Variable,monospace;display:flex}.kicker-dot{background:var(--tribal-orange);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #c56b4518}.tribal-heading h1{color:var(--tribal-ink);letter-spacing:.02em;margin:0;font-size:27px;font-weight:700;line-height:1.35}.tribal-subtitle{color:var(--tribal-muted);margin:7px 0 0;font-size:12px;line-height:1.7}.tribal-total{color:var(--tribal-muted);align-items:baseline;gap:8px;margin-top:19px;font-size:11px;display:flex}.tribal-total strong{color:var(--tribal-green);letter-spacing:-.06em;font:500 24px/1 JetBrains Mono Variable,monospace}.total-divider{background:#d6d9d1;width:1px;height:11px;margin:0 3px}.tribal-filters{border-bottom:1px solid var(--tribal-line);padding:19px 24px 15px}.tribal-label{color:#59665d;margin-bottom:7px;font-size:11px;font-weight:600;display:block}.tribal-search-wrap{position:relative}.tribal-search-wrap svg{fill:none;stroke:#859087;stroke-width:1.6px;width:17px;position:absolute;top:11px;left:12px}.tribal-search-wrap input,.tribal-select-grid select{width:100%;height:40px;color:var(--tribal-ink);font:inherit;background:#fff;border:1px solid #dfe3db;border-radius:4px;outline:0;font-size:12px;transition:border-color .18s,box-shadow .18s}.tribal-search-wrap input{padding:0 42px 0 38px}.tribal-search-wrap input::placeholder{color:#657168;opacity:1}.tribal-search-wrap input:focus,.tribal-select-grid select:focus{border-color:#698575;box-shadow:0 0 0 3px #254f3e12}.tribal-search-wrap kbd{color:#657168;border:1px solid #e4e7e0;border-radius:3px;padding:1px 5px;font:10px JetBrains Mono Variable,monospace;position:absolute;top:10px;right:10px}.tribal-select-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.tribal-select-grid label{min-width:0}.tribal-select-grid select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23778079' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;padding:0 28px 0 10px}.tribal-filter-footer{color:#657168;justify-content:space-between;align-items:center;margin-top:13px;font:10px JetBrains Mono Variable,monospace;display:flex}.tribal-filter-footer button{color:#657168;cursor:pointer;background:0 0;border:0;padding:3px 0 3px 8px;font:11px Noto Sans TC,sans-serif}.tribal-filter-footer button:hover{color:var(--tribal-orange)}.tribal-results{flex-direction:column;flex:1;min-height:0;display:flex}.tribal-list-heading{color:#67736a;justify-content:space-between;padding:15px 25px 9px;font-size:11px;font-weight:600;display:flex}.tribal-list-heading span:last-child{color:#657168;font:10px JetBrains Mono Variable,monospace}.tribal-list{scrollbar-color:#ccd3c9 transparent;scrollbar-width:thin;flex:1;min-height:0;padding:0 12px 12px;overflow-y:auto}.tribal-list-row{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ebede8;grid-template-columns:8px minmax(0,1fr) 15px;align-items:center;gap:11px;padding:11px 12px;transition:background .18s,transform .18s;animation:.25s both row-in;display:grid}.tribal-list-row:hover{background:#f0f2ec}.tribal-list-row.is-selected{background:#edf1e9}.tribal-list-row:focus-visible{outline-offset:-2px;outline:2px solid #52735e}.tribal-list-dot{background:var(--dot-color);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--dot-color) 22%, transparent);border-radius:50%}.tribal-list-copy{min-width:0}.tribal-list-name{align-items:baseline;gap:7px;display:flex;overflow:hidden}.tribal-list-name strong{color:#28372e;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.tribal-list-name em{color:#657168;text-overflow:ellipsis;white-space:nowrap;font:italic 10px JetBrains Mono Variable,monospace;overflow:hidden}.tribal-list-meta{color:#657168;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;overflow:hidden}.tribal-list-arrow{color:#657168;font-size:15px;transition:transform .18s,color .18s}.tribal-list-row:hover .tribal-list-arrow{color:var(--tribal-green);transform:translate(2px)}.tribal-empty{color:#657168;text-align:center;padding:27px 12px;font-size:12px}.tribal-pagination{color:#657168;justify-content:space-between;align-items:center;gap:8px;padding:8px 18px 12px;font-size:10px;display:flex}.tribal-pagination[hidden]{display:none}.tribal-pagination button{color:#43564a;min-height:32px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8ded5;border-radius:4px;padding:0 10px}.tribal-pagination button:hover:not(:disabled){background:#edf1e9}.tribal-pagination button:disabled{color:#657168;cursor:not-allowed;opacity:.65}.tribal-source{border-top:1px solid var(--tribal-line);color:#657168;align-items:center;gap:10px;padding:13px 22px 15px;display:flex}.source-mark{color:#657168;border:1px solid #a3b0a5;border-radius:50%;flex:none;place-items:center;width:19px;height:19px;font:italic 11px Georgia,serif;display:grid}.tribal-source div{flex:1;min-width:0}.tribal-source p{margin:0;font-size:10px;line-height:1.7}.tribal-source p+p{color:#657168;font-size:9px}.tribal-source>a{color:#657168;font-size:16px;text-decoration:none}.tribal-map-stage{background:#e9ece7;min-width:0;min-height:0;position:relative;overflow:hidden}.tribal-map{background:#e9ece7;position:absolute;inset:0}.tribal-map .leaflet-container{background:#e9ece7;width:100%;height:100%;font:12px Noto Sans TC,sans-serif}.tribal-map .leaflet-control-attribution{display:none}.tribal-map .leaflet-control-zoom{overflow:hidden;border:1px solid #fff!important;border-radius:4px!important;margin:18px 0 0 17px!important;box-shadow:0 3px 14px #1c30241a!important}.tribal-map .leaflet-control-zoom a{color:#3d5145!important;width:32px!important;height:32px!important;line-height:32px!important}.tribal-map .leaflet-control-zoom a:hover{background:#f5f6f2!important}.tribal-map .leaflet-popup-content-wrapper{border-radius:5px;box-shadow:0 7px 28px #21352b22}.tribal-map .leaflet-popup-content{margin:11px 14px}.map-caption{z-index:400;color:#667268;backdrop-filter:blur(8px);background:#fafaf4ed;border:1px solid #ffffffc9;border-radius:4px;align-items:center;gap:7px;padding:8px 11px;font-size:10px;display:flex;position:absolute;top:17px;left:66px;box-shadow:0 3px 16px #26382a13}.caption-mark{background:var(--tribal-orange);border:1px solid #fff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 2px #c56b454d}.caption-separator{color:#c2c8be}.map-actions{z-index:400;position:absolute;top:17px;right:17px}.map-actions button{color:#55645a;cursor:pointer;backdrop-filter:blur(8px);background:#fafaf4ed;border:1px solid #ffffffd9;border-radius:4px;align-items:center;gap:7px;height:36px;padding:0 11px;font:11px Noto Sans TC,sans-serif;transition:background .18s,transform .18s;display:flex;box-shadow:0 3px 16px #26382a13}.map-actions button:hover{background:#fff;transform:translateY(-1px)}.map-actions svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.tribal-legend{z-index:400;backdrop-filter:blur(8px);background:#fafaf4ed;border:1px solid #ffffffd9;border-radius:4px;flex-wrap:wrap;gap:7px 12px;max-width:min(560px,100% - 36px);padding:10px 13px;display:flex;position:absolute;bottom:22px;right:17px;box-shadow:0 3px 16px #26382a13}.legend-toggle{display:none}.legend-items{flex-wrap:wrap;gap:7px 12px;display:flex}.legend-item{color:#657168;white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:inline-flex}.legend-dot{background:var(--legend-color);width:24px;height:24px;box-shadow:0 0 0 2px #fff, 0 0 0 3px var(--legend-color);color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 1px #0008;border-radius:50%;flex:none;place-items:center;font:700 9px/1 JetBrains Mono Variable,monospace;display:grid}.legend-note{color:#657168;border-top:1px solid #e7e9e2;flex-basis:100%;padding-top:5px;font-size:9px}.selected-place{z-index:400;border:1px solid #fff;border-left:3px solid var(--selected-color,var(--tribal-orange));backdrop-filter:blur(10px);background:#fafaf4f2;border-radius:4px;width:min(290px,100% - 36px);padding:15px 16px 14px;animation:.22s ease-out both place-in;position:absolute;bottom:22px;left:17px;box-shadow:0 5px 24px #26382a18}.selected-place[hidden]{display:none}.selected-eyebrow{color:#657168;letter-spacing:.09em;align-items:center;gap:7px;font:9px JetBrains Mono Variable,monospace;display:flex}.selected-color{background:var(--selected-color);border-radius:50%;width:7px;height:7px}.selected-name{color:var(--tribal-ink);margin:7px 0 2px;font-size:16px;font-weight:650}.selected-roman{color:#657168;margin:0;font:italic 11px JetBrains Mono Variable,monospace}.selected-details{border-top:1px solid #e6e8e1;grid-template-columns:1fr 1fr;gap:9px 12px;margin-top:12px;padding-top:10px;display:grid}.selected-detail label{color:#657168;margin-bottom:2px;font-size:9px;display:block}.selected-detail span{color:#566259;text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.map-attribution{z-index:400;color:#526056;font:8px Arial,sans-serif;position:absolute;bottom:3px;right:7px}.tribal-app :is(a,button,input,select):focus-visible{outline-offset:2px;outline:3px solid #295e42}.tribal-app :is(button,a,input,select){-webkit-tap-highlight-color:#254f3e22;touch-action:manipulation}.tribal-marker-icon{background:0 0;border:0}.tribal-map .tribal-marker{box-sizing:border-box;background:var(--marker-color);color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 1px #0008;border:2px solid #fff;border-radius:50%;place-items:center;width:26px;height:26px;font:700 9px/1 JetBrains Mono Variable,monospace;transition:transform .14s,box-shadow .14s;display:grid;box-shadow:0 1px 5px #17291d80,0 0 0 1px #17291d66}.tribal-map .tribal-marker:hover,.tribal-map .tribal-marker.is-selected{transform:scale(1.28);box-shadow:0 0 0 3px #ffffffd9,0 2px 7px #17291d80;z-index:1000!important}.tribal-map .leaflet-tooltip{color:#34443a;border:0;border-radius:3px;font-size:10px;box-shadow:0 2px 10px #17291d24}@keyframes row-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes place-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){html,body{width:100%;height:100%;min-height:0;overflow:hidden}.tribal-app{grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr);width:100%;height:100svh;min-height:680px;overflow:hidden}.tribal-sidebar{border-right:0;border-bottom:1px solid var(--tribal-line);width:100%;min-height:0;max-height:none;overflow:hidden}.tribal-heading{flex:none;padding:9px 16px 8px}.tribal-back{margin-bottom:5px}.tribal-kicker{display:none}.tribal-heading h1{font-size:22px}.tribal-subtitle{margin-top:3px;font-size:11px}.tribal-total{gap:5px;margin-top:5px;font-size:9px;position:static}.tribal-total strong{font-size:17px}.tribal-filters{flex:none;padding:7px 14px 6px}.tribal-label{margin-bottom:2px;font-size:10px}.tribal-search-wrap input,.tribal-select-grid select{height:32px;font-size:12px}.tribal-search-wrap svg{top:7px}.tribal-search-wrap kbd{top:6px}.tribal-select-grid{gap:8px;margin-top:4px}.tribal-filter-footer{margin-top:3px}.tribal-results{flex:1}.tribal-list-heading{flex:none;padding:5px 15px 3px}.tribal-list{flex:none;gap:0;height:54px;max-height:54px;padding:0 8px 4px;display:flex;overflow:auto hidden}.tribal-pagination{flex:none;padding:2px 12px 5px}.tribal-pagination button{min-height:30px}.tribal-list-row{border-bottom:0;border-right:1px solid #ebede8;grid-template-columns:7px minmax(0,1fr) 12px;width:215px;min-width:215px;padding:5px 9px}.tribal-source{display:none}.tribal-map-stage{width:100%;min-height:0}.map-caption{gap:5px;max-width:calc(100% - 110px);padding:6px 8px;font-size:9px;top:8px;left:8px}.map-actions{top:8px;right:8px}.map-actions button{height:32px}.tribal-map .leaflet-control-zoom{margin:50px 0 0 8px!important}.tribal-legend{max-width:calc(100% - 16px);max-height:none;box-shadow:none;backdrop-filter:none;background:0 0;border:0;border-radius:5px;gap:0;padding:0;inset:48px 8px auto auto;overflow:visible}.legend-toggle{color:#34443a;cursor:pointer;backdrop-filter:blur(8px);background:#fafaf4f2;border:1px solid #fff;border-radius:5px;align-items:center;gap:8px;min-height:38px;padding:0 11px;font:600 11px/1 Noto Sans TC,sans-serif;display:inline-flex;box-shadow:0 2px 10px #17291d30}.legend-toggle-count{color:#59685e;font:10px JetBrains Mono Variable,monospace}.legend-toggle-icon{color:#254f3e;font-size:15px;line-height:1}.tribal-legend:not(.is-collapsed){backdrop-filter:blur(10px);background:#fafaf4f2;border:1px solid #fff;max-width:none;max-height:56%;padding:7px 8px 8px;left:8px;right:8px;overflow:hidden;box-shadow:0 3px 16px #17291d30}.tribal-legend:not(.is-collapsed) .legend-toggle{width:100%;min-height:32px;box-shadow:none;background:0 0;border:0;border-bottom:1px solid #e2e6de;border-radius:0;justify-content:flex-start;padding:0 2px 6px}.tribal-legend:not(.is-collapsed) .legend-toggle-icon{margin-left:auto}.legend-items{display:none}.tribal-legend:not(.is-collapsed) .legend-items{overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 8px;max-height:calc(21svh - 8px);padding:9px 2px 2px;display:grid;overflow-y:auto}.legend-item{white-space:normal;align-items:flex-start;gap:7px;min-width:0;font-size:11px;line-height:1.4}.legend-dot{width:19px;height:19px;font-size:8px}.legend-note{grid-column:1/-1;font-size:9px}.selected-place{width:min(230px,100% - 16px);padding:9px 10px;bottom:10px;left:8px}.selected-name{font-size:14px}}@media (width<=900px) and (height<=740px){html,body{width:100%;height:100%;min-height:0;overflow:hidden}.tribal-app{grid-template-rows:minmax(0,.56fr) minmax(0,.44fr);height:100svh;min-height:0}.tribal-sidebar{overscroll-behavior:contain;overflow:hidden auto}.tribal-map-stage{min-height:0}}@media (width<=900px) and (height<=600px){html,body{height:auto;min-height:100%;overflow:hidden auto}.tribal-app{grid-template-rows:auto minmax(52svh,1fr);height:auto;min-height:100svh;overflow:visible}.tribal-sidebar{min-height:0;overflow:visible}.tribal-map-stage{min-height:52svh}}@media (width<=900px) and (orientation:landscape) and (height<=600px){html,body{height:100%;min-height:0;overflow:hidden}.tribal-app{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(270px,40vw) minmax(0,1fr);height:100svh;min-height:0;overflow:hidden}.tribal-sidebar{border-right:1px solid var(--tribal-line);overscroll-behavior:contain;border-bottom:0;height:100%;overflow:hidden auto}.tribal-map-stage{min-height:0}}@media (width>=761px) and (width<=900px) and (height>=741px){.tribal-list{flex:1;height:auto;max-height:none;padding:0 12px 12px;display:block;overflow:hidden auto}.tribal-list-row{border-bottom:1px solid #ebede8;border-right:0;grid-template-columns:8px minmax(0,1fr) 15px;width:100%;min-width:0;padding:8px 10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}