/* Palunora night palette */
:root{color-scheme:dark;--ink:#edf5f8;--mint:#153839;--teal:#65e3c2;--line:#2b3a4e;--yellow:#d8fa77;background:#0b101b;color:var(--ink)}
body{background:radial-gradient(ellipse at 80% 0,#142a33 0,transparent 48%),#0b101b}
::selection{background:#65e3c2;color:#0b2023}
header{background:#0b101bf5;border-color:var(--line)}nav a{color:#bac9d7}nav a:hover,nav .active{color:#75efd0}
.logo-mark{background:#203a3e;color:#d8fa77}.edition{color:#98aabd}
.showcase{background:radial-gradient(ellipse at 85% 40%,#214b4b 0,transparent 60%),linear-gradient(115deg,#142330,#112e32);border:1px solid #2b494f}
h1 span{color:#72edcb}.intro>p:not(.eyebrow),.hero-count span{color:#b1c5ce}.eyebrow{color:#98c7c8}.jump{background:#74e6c4;color:#10272a}.jump span{background:#173f3c;color:#deff94}
.orbit-word{color:#2b5155}.orbit-line{border-color:#60928b55}.orbit-line:after{border-color:#7dab9f44}.corner-note{color:#93b7ad}
.feature{background:radial-gradient(ellipse at top,color-mix(in srgb,var(--bg) 19%,#172431),#182331)!important;border-color:#5a777c;box-shadow:0 22px 45px #0005;color:#f0f5f8}.feature img{filter:drop-shadow(0 15px 12px #0006)}.feature .feature-number{opacity:1;color:#b9c9d6}.feature .star{color:#d7f693}.feature .feature-type{color:#c3d5df;opacity:1}
.orbit-controls button{background:#172e36;border-color:#426169;color:#deefee}.orbit-controls button:hover{background:#285056}.orbit-controls p{color:#bfd5d8}
.section-top .eyebrow,.section-top>span,.collection-note{color:#a1b4c6}.search,.select-label,.element{background:#141e2d;border-color:var(--line);color:#bccbda}.search input{color:#eef5fc}.search input::placeholder{color:#91a4b9;opacity:1}.search>span{color:#78dbc4}.search:focus-within{border-color:#70e4c3;box-shadow:0 0 0 3px #70e4c314}.select-label{color:#9fb1c6}.select-label select,.select-label option{background:#141e2d;color:#edf5f8}kbd{background:#223043;color:#b4c4d5;border-color:#3c4b60}.reset{background:#243245;color:#d8e6f3}.element:hover,.reset:hover{border-color:#68918f;background:#293e49}.element[aria-pressed=true]{background:#71e2c1;border-color:#71e2c1;color:#102d2e}.element[aria-pressed=true] .symbol{color:#143936}
.pal-card{background:#151f2e;border-color:#2b394d;color:#eef5fa}.pal-card:hover{border-color:#61988e;box-shadow:0 16px 28px #0005}.pal-art,.detail-art{background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--bg) 17%,#152030),#152030)}.pal-art:before{border-color:#e4eff51a}.pal-art img{filter:drop-shadow(0 12px 10px #0005)}.pal-num{color:#d7e7ee;background:#0d1723b8;border-radius:5px;padding:3px 5px;left:9px;top:9px}.pal-open{background:#253d4dcc;color:#b4f4df}.badge{background:color-mix(in srgb,var(--bg) 17%,#1b2736);color:color-mix(in srgb,var(--bg) 80%,white);border:1px solid color-mix(in srgb,var(--bg) 25%,#223244)}.pal-work{border-color:#2d3c4d;color:#aebfce}.more{border-color:#445d6a;background:#152530;color:#d4eee8}.more:hover{background:#233f47}.empty button{background:#71e2c1;color:#102d2e}
footer{background:#09141f;border-top:1px solid #263749;color:#d8e6ee}footer p{color:#9fb4c5}footer>button{color:#c7dbe4;border-color:#3d5868}
dialog{background:#111b29;color:#edf5f8;border:1px solid #3b5264;box-shadow:0 30px 120px #000a}dialog::backdrop{background:#030913d9}.close{background:#172638ef;border-color:#536b7f;color:#eef5fa}.close:hover{background:#315568}.detail-head{grid-template-columns:44% 56%}.detail-art{padding:42px 22px;min-height:380px}.detail-art img{width:100%;height:350px;max-height:350px;object-fit:contain;filter:drop-shadow(0 18px 18px #0007)}.detail-summary{padding:40px 32px}.detail-summary p{color:#b5c5d6}.detail-summary h2{color:#f3f8fc}.partner{border-color:#34485a;background:#1a2a39}.partner span{color:#9bb7c7}.partner strong{color:#83edd1}.work-item{background:#192738;border-color:#34465a}.work-item b{color:#79e4c8}.stats span{color:#abc0d1}.stats i{background:linear-gradient(to right,#66dfbd var(--value),#2c3b4e var(--value))}.stat-note,.source-note,.map-legend,.map-legend span{color:#9fb3c6}.source-note a,.special a{color:#8eedd4}.time-tabs{background:#203042}.time-tabs button{color:#bccddc}.time-tabs button[aria-pressed=true],.world-tabs button[aria-pressed=true]{background:#6ce0bf;border-color:#6ce0bf;color:#112d2c}.world-tabs button{background:#1b2939;border-color:#405369;color:#beccda}.loc-summary{color:#b2c4d3}.points li{border-color:#304458}.point-button{color:#c3d4e0}.point-button:hover{color:#83efd4}.map-link{background:#265f5d;color:#e6fff9}.special{background:#2a3030;border:1px solid #545844}.special strong{color:#e3eba4}.special p{color:#c7cdbb}.skip{background:#172c37;color:white}
@media(max-width:800px){.detail-head{grid-template-columns:1fr}.detail-art{min-height:300px;padding:35px 28px}.detail-art img{height:280px;max-height:280px;max-width:420px}.detail-summary{padding:28px}}

.work-icon{display:block;object-fit:contain;flex:none;filter:none}.pal-work{display:flex;flex-wrap:wrap;gap:7px 12px;white-space:normal;overflow:visible}.work-mini{display:inline-flex;align-items:center;gap:6px}.work-mini .work-icon{width:22px;height:22px}.work-item{display:grid;grid-template-columns:32px 1fr;align-items:center;column-gap:10px;min-width:160px}.work-item>.work-icon{grid-row:1/3;width:32px;height:32px}.work-item>b{grid-column:2;margin-top:5px}
.map-layout{grid-template-columns:minmax(0,1.65fr) minmax(220px,1fr);gap:22px}.map-frame{position:relative;overflow:hidden;border:1px solid #456474;border-radius:14px;background:#12313d}.location-map{display:block;width:100%;aspect-ratio:1;height:auto;touch-action:none;cursor:grab;border-radius:0}.location-map.dragging{cursor:grabbing}.map-controls{position:absolute;top:12px;left:12px;display:grid;gap:6px}.map-controls button{width:38px;height:38px;padding:0;border:1px solid #64828b;border-radius:8px;background:#142b36ee;color:white;font-size:24px;box-shadow:0 3px 10px #0004}.map-controls button:hover{background:#356366}.map-controls button:disabled{opacity:.45;cursor:default}.map-zoom{position:absolute;right:12px;bottom:12px;border:1px solid #496877;border-radius:6px;padding:5px 9px;background:#132836e8;color:#d8efe9;font-size:13px;pointer-events:none}.map-help{font-size:12px;line-height:1.7;color:#adc4cd;margin:9px 0}.map-legend{background:#1b2c3b;padding:12px;border-radius:9px}.map-legend #mapHint{display:block;color:#e0f7f0;margin-top:6px;font-size:13px}.coordinate-heading{font-size:13px;color:#8de5ce}.points{max-height:360px;overflow:auto;overscroll-behavior:contain}.points li{padding:3px 0}.point-button{padding:10px 7px;border-radius:7px;min-height:44px;font-size:13px}.point-button span{line-height:1.5}.point-button[aria-pressed=true]{background:#2b5255;color:#d9fff1;box-shadow:inset 3px 0 #72e4c4}.point-button:hover{background:#223e4a}.coordinate-more{width:100%;margin-top:8px;padding:9px 12px;color:#bceadd;background:#1e3943;border:1px solid #466273;border-radius:7px;font-size:13px}
@media(max-width:800px){.map-layout{grid-template-columns:1fr}.points{max-height:240px}.map-controls button{width:40px;height:40px}}
/* Mobile layout and touch targets */
html:has(dialog[open]){overflow:hidden}.detail-loading{padding:60px 30px;min-height:220px}.detail-loading p{color:#bed0de;line-height:1.7}dialog{max-height:90dvh;overscroll-behavior:contain}.detail-summary,.detail-body,.map-layout>div,.toolbar>*{min-width:0}.detail-summary h2{overflow-wrap:anywhere}.source-note{overflow-wrap:anywhere}.map-controls button,.close{min-width:44px;min-height:44px}.point-button code{flex-shrink:0}.time-tabs button,.world-tabs button{min-height:44px}.detail-head{margin-top:-44px}
@media(max-width:800px){header{gap:14px;padding-inline:4%}main{min-width:0}.showcase{margin-inline:3%;border-radius:18px}.intro{padding-inline:6%}.intro h1{font-size:clamp(28px,7vw,38px)}.hero-count{position:static;margin:18px 0 0}.toolbar{gap:10px}.search input,.select-label select{font-size:16px}.search input{padding-block:15px}.select-label{min-height:58px}.reset{min-height:44px}.element{min-height:44px}.pal-card:hover{transform:none}.pal-card:hover img{transform:none}.pal-info{padding:12px 10px}.pal-work{font-size:12px}.catalog{padding-inline:4%}.section-top{flex-wrap:wrap;gap:10px}.section-top>span{white-space:normal}.detail-art{height:auto;min-height:0;padding:40px 24px 24px}.detail-art img{height:240px;max-height:240px}.detail-summary{padding:24px}.detail-summary h2{font-size:30px}.detail-body{padding:22px}.work-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.work-item{min-width:0;padding:12px 10px;grid-template-columns:28px minmax(0,1fr);column-gap:8px;font-size:13px}.work-item>.work-icon{width:28px;height:28px}.location-top{flex-wrap:wrap}.world-tabs{flex-wrap:wrap}.map-frame{border-radius:10px}.map-controls{top:8px;left:8px}.map-help{font-size:13px}.point-button{font-size:13px;gap:8px}.close{top:10px;right:10px;position:sticky;float:right}.orbit-controls button{width:44px;height:44px}.orbit-controls{bottom:8px}.orbit{min-height:370px}.feature{top:26px}.more,.coordinate-more,footer>button{min-height:44px}footer{padding:30px 5% calc(24px + env(safe-area-inset-bottom))}footer>div{min-width:0}footer p{font-size:13px}}
@media(max-width:520px){dialog{width:100%;max-width:100%;max-height:96dvh;margin:auto 0 0;border-radius:18px 18px 0 0;padding-bottom:env(safe-area-inset-bottom)}.detail-body{padding:18px 14px 26px}.detail-summary{padding:22px 18px}.detail-art{padding-top:40px}.detail-art img{height:220px;max-height:220px}.hero-count{display:none}.select-label{flex:1 1 120px}.reset{padding:12px}.grid{gap:10px}.pal-art{height:150px}.pal-info h3{font-size:16px;line-height:1.3}.badges{gap:4px}.badge{font-size:11px;padding:4px 5px}.pal-work{gap:5px}.work-mini{gap:4px}.work-mini .work-icon{width:20px;height:20px}.stats{gap:10px}.stats b{font-size:22px}.stats span{font-size:13px}.time-tabs{width:100%}.time-tabs button{flex:1}.world-tabs button{flex:1;padding-inline:8px}.map-help{line-height:1.6}.orbit-controls p{white-space:normal}.toolbar kbd{display:none}}
@media(max-width:360px){header .logo{font-size:18px}header nav a{font-size:12px}.pal-art{height:135px}.work-list{grid-template-columns:1fr}.pal-info{padding:10px 8px}.map-help{font-size:12px}}
@media(max-height:500px) and (orientation:landscape){dialog{max-height:96dvh}.detail-art img{height:180px;max-height:180px}.detail-art{padding:24px}}