body[data-view=hue] .intro,body[data-view=hue] .time-navigation,body[data-view=hue] .path-switch,body[data-view=hue] .status-footer,body[data-view=hue] .summary-help,body[data-view=hue] .pan-toolbar .book-search-link,body[data-view=hue] .pan-toolbar #city-jump{display:none}
body[data-view=hue] .pan-toolbar{justify-content:flex-end;padding-block:7px}
#atlas-hue{position:relative;isolation:isolate;min-height:540px;height:100%;overflow:hidden;background:#09090b;color:#f3eee8;display:flex;flex-direction:column}
.hue-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 24px 11px;flex:none;background:#09090b}
.hue-heading .spatial-kicker{display:none}.hue-heading h2{font:19px/1.4 var(--serif);letter-spacing:1px;margin:0 0 3px}.hue-heading p{font-size:10px;line-height:1.8;margin:0;color:#b9a9ac}
.hue-tools{display:flex;align-items:center;gap:5px;flex:none}.hue-tools button{color:#efdfda;border:1px solid #554145;background:#181215;padding:8px 10px;font-size:10px;cursor:pointer}.hue-tools button:hover,.hue-tools button:focus-visible{border-color:var(--gold);color:#fff0e9}.hue-zoom{min-width:37px;text-align:center;font:10px monospace}
.hue-viewport{position:relative;flex:1;min-height:230px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#77545b #141013;scrollbar-width:thin;touch-action:pan-x pan-y;cursor:grab;background:#09090b;outline-offset:-3px}.hue-viewport.is-dragging{cursor:grabbing;user-select:none}.hue-board{position:relative;margin:0 auto;background:#09090b}
/* One continuous, visible colour field stays behind the scrolling collection. */
.hue-field{position:absolute;inset:44px 12px 0;pointer-events:none;overflow:clip;background:#21191e}.hue-field-gradient{position:sticky;top:44px;width:100%;height:var(--hue-field-height,340px);background-image:linear-gradient(180deg,#f5e9d33d 0%,#f5e9d308 37%,#10070f40 72%,#10070f8c 100%),var(--hue-spectrum);background-repeat:no-repeat;background-size:100% 100%;box-shadow:none}.hue-field-gradient:after{content:'';position:absolute;inset:0;border:1px solid #ffffff15;pointer-events:none}
.hue-axis{position:sticky;top:0;left:0;height:44px;z-index:4;background:#100d10;pointer-events:none}.hue-axis>div{position:absolute;top:0;height:44px;padding:6px 7px 4px;text-align:center;box-sizing:border-box;border-top:1px solid #ffffff1a;background:#100d10;border-right:1px solid #ffffff08}.hue-axis span{display:block;white-space:nowrap;font:12px/1.35 var(--serif);color:#e6dcda}.hue-axis small{font:9px/1 var(--sans);margin-left:6px;color:#9f9195}.hue-axis em{display:block;font:8px/1.5 var(--sans);color:#9f9195;margin-top:1px}
.hue-object{position:absolute;transform:translateX(-50%);padding:5px 4px 4px;background:transparent;border:1px solid transparent;border-radius:3px;cursor:pointer;box-sizing:border-box;color:#fff2e9;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;box-shadow:none;transition:none!important;animation:none!important}
.hue-object-photo{display:block;width:100%;flex:1;min-height:0;max-height:94px}.hue-object img{display:block;width:100%;height:100%;object-fit:contain;filter:none!important;box-shadow:none!important;pointer-events:none;transition:none!important;animation:none!important}
.hue-object-label{font:10px/1.4 var(--sans);height:31px;width:100%;padding:2px 3px;background:#130d12b8;border-radius:2px;box-sizing:border-box;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:center;word-break:break-all;flex:none}.hue-object-swatch{display:block;width:13px;height:3px;flex:none;border-radius:1px}
.hue-object:hover,.hue-object:focus-visible,.hue-object.is-selected{z-index:2;outline:0;border-color:#fce5d4;color:#fff0e9;background:#0b070d26;box-shadow:none;transform:translateX(-50%)}.hue-object.is-muted{opacity:.11;pointer-events:none;cursor:default}.hue-object.is-muted .hue-object-label,.hue-object.is-muted .hue-object-swatch{visibility:hidden}
.hue-selection{position:relative;flex:none;height:92px;padding:9px 24px 8px;box-sizing:border-box;border-top:1px solid #3a282e;background:#110e11;overflow:hidden}.hue-selection-caption{display:flex;justify-content:space-between;align-items:baseline;gap:14px;min-height:20px;margin-bottom:6px}.hue-selection-caption strong{font:15px/1.4 var(--serif);color:#efe5df;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hue-selection-caption span{color:#ad9da1;font:10px/1.6 var(--sans);flex:none}.hue-palette-strip{display:flex;width:100%;height:43px;overflow:hidden;border:1px solid #ffffff17;border-radius:2px;box-sizing:border-box}.hue-palette-strip>div{flex-basis:0;min-width:64px;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:4px 8px;box-sizing:border-box;border-right:1px solid #ffffff14}.hue-palette-strip code{font:10px/1.2 monospace;white-space:nowrap}.hue-palette-strip small{font:9px/1.2 var(--sans);opacity:.85}.hue-palette-strip.is-empty{border-color:#483238;background:linear-gradient(90deg,#24191e 0% 30%,#322126 30% 56%,#473237 56% 79%,#5b4146 79%)}
.hue-footer{position:relative;flex:none;display:flex;align-items:center;gap:14px;min-height:29px;padding:4px 24px;box-sizing:border-box;background:#09090b;font:10px/1.6 var(--sans);color:#a8959c}.hue-status{color:#d1bfc0}.hue-footer details{margin-left:auto}.hue-footer summary{color:var(--gold);cursor:pointer}.hue-footer details[open]{position:absolute;right:16px;bottom:5px;z-index:8;width:min(310px,80vw);padding:15px 18px;background:#1a1217;border:1px solid #6e4853}.hue-footer p{font-size:11px;line-height:1.85;margin:10px 0 0}
@media(max-width:760px){#atlas-hue{min-height:560px}.hue-heading{padding:9px 14px 9px;gap:8px;flex-wrap:wrap}.hue-heading h2{font-size:17px;margin:0}.hue-heading p{display:none}.hue-heading .spatial-kicker{font-size:8px}.hue-tools{gap:3px}.hue-tools button{padding:7px 8px}.hue-tools button[data-hue=home]{font-size:9px}.hue-viewport{min-height:230px}.hue-selection{height:111px;padding:9px 14px}.hue-selection-caption{display:block;margin-bottom:8px;height:39px}.hue-selection-caption strong{font-size:14px;display:block}.hue-selection-caption span{font-size:9px;display:block;margin-top:3px}.hue-palette-strip{height:43px}.hue-palette-strip>div{min-width:0;padding:5px 4px}.hue-palette-strip code{font-size:8px}.hue-palette-strip small{font-size:8px}.hue-footer{padding:7px 14px;gap:9px;font-size:9px}.hue-footer>span:nth-child(2){display:none}}