/* Search gives the controls a readable surface while the map stays interactive. */
.quiet-navigation[data-search-open=true] .navigation{opacity:1;background:#080e15ed;width:min(580px,calc(100% - 32px));padding:10px 18px 8px;border-top-color:#bba67c88;border-radius:18px 6px 8px 8px}
.quiet-navigation[data-search-open=true] #navigation-context{display:none}
.quiet-navigation[data-search-open=true] .record{visibility:hidden;pointer-events:none}
.quiet-navigation .navigation-search{--search-gold:#e1c293;--search-blue:#a9c6d1;--search-violet:#c4b5d4;display:flex;flex-direction:column;max-height:calc(100dvh - var(--masthead-bottom,calc(64px + env(safe-area-inset-top))) - 111px - env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #b7b6aa40;text-align:left}
.quiet-navigation .navigation-search[hidden],.quiet-navigation .navigation-search [hidden]{display:none!important}
.quiet-navigation .search-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--search-gold);font:400 10px/1.5 var(--mono);letter-spacing:.13em;text-transform:uppercase;flex:none}
.quiet-navigation .search-heading:before{content:'';width:20px;height:4px;align-self:center;background:var(--search-gold);border-radius:3px 0 0 3px}
.quiet-navigation .search-heading>span{margin-right:auto}
.quiet-navigation .search-camera{display:flex;gap:3px}
.quiet-navigation .search-camera button{font-size:20px;background:transparent;border:0}
.quiet-navigation .search-camera .search-back{margin-left:5px;border-left:1px solid #b7b6aa30;border-radius:0}
.quiet-navigation .search-input-row{display:flex;position:relative;align-items:center;gap:10px;border-bottom:1px solid #baa78399;margin-bottom:8px;flex:none}
.quiet-navigation .search-input-row>svg{color:var(--search-gold);width:17px;height:17px}
.quiet-navigation .navigation-search input[type=search]{display:block;width:100%;min-width:0;min-height:48px;border:0;background:none;border-radius:0;color:#f0ece3;font:400 16px/1.4 var(--mono);padding:8px 40px 8px 0;appearance:none}
.quiet-navigation .navigation-search input[type=search]::placeholder{color:#aab9c1;opacity:1;font-size:14px}
.quiet-navigation .navigation-search input[type=search]::-webkit-search-cancel-button{display:none}
.quiet-navigation .navigation-search :is(input,select,button,a):focus-visible{outline:2px solid #efd6a9;outline-offset:-2px}
.quiet-navigation .navigation-search .search-clear{position:absolute;right:0;top:2px;width:44px;padding:0;font-size:22px;background:none}
.quiet-navigation .search-filters{display:flex;gap:4px;flex:none}
.quiet-navigation .search-filters button{flex:1;min-width:0;padding:3px 5px;background:none;border-bottom:2px solid transparent;border-radius:3px 3px 0 0;font-size:11px;color:#c0c9cb}
.quiet-navigation .search-filters button[aria-pressed=true]{border-bottom-color:var(--search-gold);color:#ffe0af;background:#c5ac7915}
.quiet-navigation .search-filters button[data-category=rare]{color:var(--search-gold)}
.quiet-navigation .search-filters button[data-category=story]{color:var(--search-violet)}
.quiet-navigation .search-filters button i{color:#92b4bd;font-style:normal}
.quiet-navigation .search-tools{display:flex;justify-content:space-between;gap:14px;flex:none;margin-top:5px}
.quiet-navigation .search-tools label:first-child{min-width:0;flex:1}
.quiet-navigation .search-tools label:last-child{flex:0 0 130px}
.quiet-navigation .search-tools select{width:100%;min-width:0;min-height:44px;padding:5px 4px;border:0;border-bottom:1px solid #aebabe2c;border-radius:0;color:#c9d3d6;background:#0a1119;font:400 12px var(--mono);color-scheme:dark;text-overflow:ellipsis}
.quiet-navigation .search-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px;flex:none;font:400 10px/1.5 var(--mono);color:#afbec6}
.quiet-navigation .search-count{margin:0}
.quiet-navigation .search-count{color:#efd5a9;font-variant-numeric:tabular-nums}
.quiet-navigation .search-summary{flex-wrap:wrap;gap:2px 10px}
.quiet-navigation .search-page-jump{display:flex;align-items:center;gap:4px;white-space:nowrap}
.quiet-navigation .search-page-jump input{width:72px;min-height:36px;min-width:0;padding:2px 4px;border:0;border-bottom:1px solid #b7b6aa40;background:transparent;color:#eee0c6;font:inherit;text-align:right;appearance:textfield;-moz-appearance:textfield}
.quiet-navigation .search-page-jump input::-webkit-inner-spin-button,.quiet-navigation .search-page-jump input::-webkit-outer-spin-button{appearance:none;margin:0}
.quiet-navigation .search-pages{gap:2px;margin-left:auto}
.quiet-navigation .search-scope[data-error=true]{display:block;flex-basis:100%;color:#ecc69f}
.quiet-navigation .search-scope{display:none}
.quiet-navigation .search-results{padding:0;margin:0;list-style:none;max-height:min(27dvh,252px);min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9db0b155 transparent;flex:0 1 auto}
.quiet-navigation .navigation-search .search-result{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:61px;padding:10px 5px;text-align:left;text-decoration:none;background:none;border:0;border-bottom:1px solid #a8b2b521;border-radius:0;color:#e4e5de}
.quiet-navigation .search-result strong{display:block;font:400 18px/1.2 var(--serif);color:#eee7da;overflow-wrap:anywhere}
.quiet-navigation .search-result-detail{display:block;margin-top:4px;font:400 10px/1.5 var(--mono);color:#b1c0c8;overflow-wrap:anywhere}
.quiet-navigation .search-result-arrow{flex:none;color:#c8bda9;font:400 10px var(--mono);white-space:nowrap}
.quiet-navigation .search-result:hover{background:#c6b28a0c}
.quiet-navigation .search-empty{font:400 12px/1.8 var(--mono);padding:15px 3px;margin:0;color:#c4cfd3;max-width:48ch}
.quiet-navigation .search-pages{display:flex;align-items:center;justify-content:space-between;gap:10px;font:400 10px var(--mono);color:#aebfc5;flex:none}
.quiet-navigation .search-pages button{font-size:16px;background:none}
.quiet-navigation .search-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:4px;flex:none}
.quiet-navigation .search-markers{display:flex;align-items:center;gap:8px;min-height:44px;font:400 10px/1.5 var(--mono);color:#d0d9db;white-space:nowrap}
.quiet-navigation .navigation-search input[type=checkbox]{width:16px;height:16px;accent-color:#bca884;flex:none}
.quiet-navigation .search-footer p{margin:0;max-width:29ch;font:400 10px/1.6 var(--mono);color:#acbcc5;text-align:right}
.quiet-navigation .search-library{display:flex;flex-wrap:wrap;gap:0 14px;width:100%;justify-content:space-between}
.quiet-navigation .search-library a{display:flex;align-items:center;min-height:44px;color:#d0d9db;font:400 10px/1.5 var(--mono);text-decoration:none}
.quiet-navigation .search-library a:hover{color:#ffe0af}
.quiet-navigation #search-open[aria-expanded=true]{color:#f3ddb8;background:#c4a47521;border-color:#c4a47570}
/* Shape carries the category as well as color. Hit targets remain 44px. */
.map-symbol{display:block;width:8px;height:8px;margin:auto;border:1.6px solid #d3edf5;border-radius:50%;box-shadow:0 0 0 2px #071019;flex:none}
.map-symbol[data-kind=rare]{width:9px;height:9px;border-color:#ebc995;border-radius:1px;transform:rotate(45deg)}
.map-symbol[data-kind=story]{width:9px;height:9px;border-color:#cfb9e5;border-radius:1px}
.map-symbol[data-kind=binary]{box-shadow:3px 0 0 -1px #080e15,4px 0 0 0 #b4d3df}
.map-symbol[data-kind=world]{width:9px;height:9px;border-color:#a9c8b7}
.map-symbol[data-kind=moon]{width:6px;height:6px;border-color:#a9c8b7}
.map-symbol[data-survey-kind],.quiet-navigation .catalog-marker .map-symbol[data-survey-kind]{border:0;border-radius:0;box-shadow:none;transform:none;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:contain}
body[data-probed-markers=true] .catalog-marker[data-probed-host=true] .map-symbol{visibility:hidden}
.map-symbol[data-kind=indexed]{width:4px;height:4px;border-color:#b9d3dd;background:#b9d3dd55}
.quiet-navigation .catalog-marker:before{display:none}
#sky[data-point-hover]:not(:active){cursor:pointer}
.quiet-navigation .catalog-marker .map-marker-label{display:none;position:absolute;left:35px;top:10px;width:max-content;max-width:170px;padding:5px 8px;background:#080e15ed;border-left:1px solid #c5ac79;color:#eee5d6;text-align:left;font:400 10px/1.6 var(--mono);pointer-events:none;overflow-wrap:anywhere}
.quiet-navigation .catalog-marker:hover .map-marker-label,.quiet-navigation .catalog-marker:focus-visible .map-marker-label,.quiet-navigation .catalog-marker[data-selected=true] .map-marker-label{display:block}
.quiet-navigation .catalog-marker[data-selected=true] .map-symbol{width:12px;height:12px;border-color:#ffe0a6;background:transparent;box-shadow:0 0 0 4px #0a1119aa}
.quiet-navigation .catalog-marker:focus-visible{outline:1px solid #efd6a9;border-radius:50%}
.quiet-navigation .catalog-marker[data-flip=true] .map-marker-label{left:auto;right:35px}
.quiet-navigation .catalog-marker[data-label-hidden=true] .map-marker-label{display:none}
@media(max-width:600px){.quiet-navigation[data-search-open=true] .navigation{padding:7px 11px 6px}.quiet-navigation .search-heading{font-size:9px;letter-spacing:.09em}.quiet-navigation .search-heading:before{width:10px}.quiet-navigation .search-tools{gap:9px}.quiet-navigation .search-tools label:last-child{flex-basis:112px}.quiet-navigation .search-result-detail{font-size:10px}.quiet-navigation .search-results{max-height:22dvh}.quiet-navigation .search-footer{gap:8px}.quiet-navigation .search-footer p{font-size:9px;max-width:24ch}.quiet-navigation .search-result{gap:8px}.quiet-navigation .search-result-arrow{font-size:9px}}
@media(max-width:350px){.quiet-navigation .search-filters{gap:1px}.quiet-navigation .search-filters button{font-size:10px;padding:3px}.quiet-navigation .search-heading{letter-spacing:.02em}.quiet-navigation .search-heading:before{display:none}.quiet-navigation .search-result strong{font-size:17px}.quiet-navigation .search-tools select{font-size:11px}.quiet-navigation .search-tools label:last-child{flex-basis:106px}}
@media(max-height:620px){.quiet-navigation .navigation-search{max-height:calc(100dvh - var(--masthead-bottom,64px) - 111px);display:block}.quiet-navigation .search-results{max-height:150px}.quiet-navigation[data-search-open=true] .navigation{bottom:calc(24px + env(safe-area-inset-bottom))}}
/* A shallow console on wide screens: controls beside the result stream. */
@media(min-width:800px){
  .quiet-navigation[data-search-open=true] .navigation{width:min(880px,calc(100% - 64px))}
  .quiet-navigation .navigation-search{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(0,1fr);grid-template-rows:44px 48px 44px 44px 44px;column-gap:28px;row-gap:2px;overflow:visible;max-height:none}
  .quiet-navigation .search-heading{grid-area:1/1}
  .quiet-navigation .search-input-row{grid-area:2/1;margin-bottom:0}
  .quiet-navigation .search-filters{grid-area:3/1}
  .quiet-navigation .search-tools{grid-area:4/1;margin:0}
  .quiet-navigation .search-footer{grid-area:5/1;padding-top:0}
  .quiet-navigation .search-summary{grid-area:1/2;border-bottom:1px solid #b7b6aa26}
  .quiet-navigation .search-results{grid-area:2/2/6/3;max-height:none}
  .quiet-navigation .search-empty{grid-area:2/2/5/3;align-self:start}
  .quiet-navigation .search-pages{grid-area:5/2}
  .quiet-navigation[data-search-open=true] .navigation-actions{max-width:460px;margin:0 auto}
}
@media(max-width:799px){.quiet-navigation .search-results{max-height:122px}.quiet-navigation .search-summary{min-height:44px}}
@media(min-width:800px) and (max-height:620px){.quiet-navigation .navigation-search{max-height:calc(100dvh - 185px);overflow-y:auto;overflow-x:hidden}}
@media(orientation:landscape) and (max-height:500px){.quiet-navigation .navigation{bottom:calc(24px + env(safe-area-inset-bottom))}}
/* Landscape phones: the heading's zoom and close buttons join the query row and its title
   yields, so a query's count and pager show under the filters without scrolling the panel. */
@media(max-height:420px) and (min-width:560px) and (max-width:799px){
  .quiet-navigation .navigation-search{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;align-content:start}
  .quiet-navigation .navigation-search>*{grid-column:1/-1}
  .quiet-navigation .search-heading{display:contents}
  .quiet-navigation .search-heading>span,.quiet-navigation .search-heading:before{display:none}
  .quiet-navigation .navigation-search .search-input-row{grid-area:1/1}
  .quiet-navigation .navigation-search .search-camera{grid-area:1/2;align-self:start}
}
/* A panel with more below its visible end fades there (navigation-ui marks it). */
.quiet-navigation .navigation-search[data-overflow=true]{mask-image:linear-gradient(#000 calc(100% - 16px),#0000)}

/* Selected special categories keep their symbols even when ordinary stars are hidden. */
.map-symbol[data-kind=ship]{width:13px;height:15px;border:0;border-radius:0;background:#a9e5d8;clip-path:polygon(50% 0,100% 100%,50% 75%,0 100%)}
.quiet-navigation .catalog-marker[data-priority=true] .map-symbol{width:11px;height:11px;border-width:2px}
.quiet-navigation .catalog-marker[data-priority=true][data-kind=ship] .map-symbol{width:13px;height:15px}
.quiet-navigation .catalog-marker[data-priority=true]{isolation:isolate}
.quiet-navigation .catalog-marker[data-priority=true]:before{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;width:23px;height:23px;background:#071019b8;border:1px solid #d3edf56b;border-radius:50%;box-shadow:0 0 0 2px #000a}
.quiet-navigation .catalog-marker[data-edge=true]:after{content:'›';position:absolute;left:50%;top:50%;width:36px;height:36px;margin:-18px;text-align:right;font:700 22px/36px var(--mono);color:#f0ddba;transform:rotate(var(--marker-bearing));text-shadow:0 1px 3px #000}
.quiet-navigation .catalog-marker[data-unplaced=true]:before{border-style:dashed}
.quiet-navigation .navigation-search .search-result[data-kind=indexed]{min-height:44px;padding-top:5px;padding-bottom:5px}
.quiet-navigation .search-result[data-kind=indexed] strong{font:400 13px/1.25 var(--mono)}
.quiet-navigation .search-result[data-kind=indexed] .search-result-detail{font-size:9px;margin-top:2px}
/* Alignment pass, 27 Sep: typed text keeps clear of the focus box; tabs size to
   their labels on one line; the sort label and map status read whole on phones. */
.quiet-navigation .navigation-search input[type=search]{padding-left:8px}
.quiet-navigation .search-filters button{flex:1 1 auto;white-space:nowrap}
@media(max-width:600px){.quiet-navigation .search-filters button{font-size:10px;padding:3px 2px}.quiet-navigation .search-tools label:last-child{flex:0 0 150px}.quiet-navigation .search-footer .search-map-status{max-width:none;text-wrap:balance}}
@media(max-width:350px){.quiet-navigation .search-filters{gap:0}.quiet-navigation .search-filters button{font-size:9px;padding:3px 1px;letter-spacing:-.02em}}
