/* PALUNORA / Aurora field guide */
:root{--ink:#f3f2ff;--line:#30334f;--teal:#77f2c6;--yellow:#c6baff;color:#f3f2ff;background:#0d1022}
body{background:radial-gradient(ellipse 65% 650px at 85% 0,#29224c88,transparent),#0d1022}
::selection{background:#a99bff;color:#101326}
header{height:92px;background:#0d1022ed;border-bottom:1px solid #30334f;gap:48px;padding-inline:5%}
.brand-logo{display:inline-flex;gap:10px;align-items:center;letter-spacing:-1.4px;flex-shrink:0;color:#f3f2ff;text-decoration:none}
.brand-logo .brand-mark{display:block;width:44px;height:44px;object-fit:contain}
.brand-logo>.brand-word{font:700 29px 'Space Grotesk',sans-serif;letter-spacing:-1.5px;color:#f3f2ff}
.brand-word>span{font-weight:400;color:#a99bff}
nav{gap:30px}nav a{color:#bcbdd3;font-size:14px}nav a.active{box-shadow:inset 0 -2px #a99bff;color:#ece8ff}nav a:hover{color:#77f2c6}.edition{color:#9094b4;letter-spacing:.16em;font-size:11px}
.showcase{margin:26px 3% 0;border-radius:28px;border:1px solid #414366;min-height:455px;background:radial-gradient(ellipse at 85% 10%,#66569144,transparent 65%),linear-gradient(120deg,#181b35 25%,#192d35);box-shadow:inset 0 1px #ffffff08,0 20px 60px #06091633}
.intro{padding-top:42px}.intro .eyebrow{color:#b9abea;letter-spacing:.16em;font-size:11px;font-weight:800}.intro h1{color:#f6f4ff;font-family:'Space Grotesk',sans-serif;font-weight:600;letter-spacing:-2.2px;font-size:clamp(34px,3.6vw,57px);line-height:1.12}.intro h1 span{color:#77f2c6}.intro>p:not(.eyebrow){color:#b6bad2;font-size:16px;line-height:1.8}
.jump{background:#77f2c6;color:#102a2a;border:1px solid #99f7d7;border-radius:100px;padding:12px 16px 12px 23px;gap:22px;box-shadow:0 6px 24px #77f2c612}.jump:hover{background:#a0f8db}.jump span{background:#183b36;color:#b8f9d7;border-radius:50%}.hero-count strong{color:#f0ecff}.hero-count span{color:#979ebd}
.orbit-word{font-size:clamp(60px,8vw,122px);color:#56577b2e;letter-spacing:-6px}.orbit-line{border-color:#9293c329}.orbit-line:after{border-color:#77f2c628}.corner-note{color:#879cb4}
.feature{border-radius:22px 22px 48px 22px;border:1px solid #6d7298;background:radial-gradient(ellipse at 60% 20%,color-mix(in srgb,var(--bg) 24%,#252a46),#1a2037)!important;box-shadow:0 20px 45px #03071570,inset 0 1px #ffffff13;color:#f3f2ff}.feature .feature-number{color:#b6bfd5;font-size:13px}.feature .star{color:#b6a6ff}.feature h3{font-family:'Space Grotesk',sans-serif;font-weight:600}.feature .feature-type{color:#bfc9d8}.orbit-controls button{background:#191d34;border-color:#4a506d;color:#d6ceed}.orbit-controls button:hover{background:#343052;border-color:#a99bff}.orbit-controls p{color:#b5b6d0;font-size:11px;letter-spacing:.07em}
.catalog{padding-top:52px}.section-top .eyebrow{color:#a99bff;letter-spacing:.15em}.section-top h2{font-family:'Space Grotesk',sans-serif;font-size:32px;font-weight:500;letter-spacing:-1px}.section-top>span{border:1px solid #3a3d59;background:#171b31;padding:7px 12px;border-radius:100px;color:#b9bbd3;font-size:12px}
.search,.select-label{background:#171b30;border-color:#343954;border-radius:12px}.search>span{color:#a99bff}.search:focus-within{border-color:#a99bff;box-shadow:0 0 0 3px #a99bff16}.search input{color:#f4f2ff}.search input::placeholder{color:#a2a8c3}.select-label{color:#a3a8c1}.select-label select,.select-label option{background:#171b30;color:#e6e6f6}kbd{background:#232740;color:#aaaeca;border-color:#424761}.reset{background:#282b46;color:#c4c7df;border-radius:12px}.reset:hover{background:#363250}.elements{gap:9px}.element{border-radius:100px;background:#171b30;border-color:#323952;color:#bfc5d7;padding:9px 14px}.element:hover{background:#242b43;border-color:#667694}.element[aria-pressed=true]{background:#77f2c6;color:#13332d;border-color:#77f2c6}.element[aria-pressed=true] .symbol{color:#12392d}.collection-note{color:#939db9}
.pal-card{border-radius:18px;background:#191d34;border-color:#323852;box-shadow:inset 0 1px #ffffff05;transition:transform .2s,border-color .2s,box-shadow .2s}.pal-card:hover{border-color:#a99bff;box-shadow:0 15px 35px #05071166,0 0 0 1px #a99bff18;transform:translateY(-4px)}.pal-art{background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--bg) 18%,#242b48),#1b2239);border-bottom:1px solid #3c425e55}.pal-art:before{border:1px solid #e7e5ff14;width:130px;height:130px}.pal-num{background:#11182dbf;color:#c2c9df;padding:4px 7px;border:1px solid #46506a66;border-radius:6px;font-size:11px}.pal-open{background:#2d3453;color:#c7bbff;border:1px solid #6b678155}.pal-info{padding:17px 15px}.pal-info h3{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:19px;letter-spacing:-.5px;color:#f4f1ff}.badge{border-color:color-mix(in srgb,var(--bg) 25%,#252e46);background:color-mix(in srgb,var(--bg) 12%,#202940);color:color-mix(in srgb,var(--bg) 85%,white);border-radius:6px}.pal-work{border-color:#343a54;color:#adb5ca}.more{background:#1a2035;color:#d3caff;border-color:#595472;border-radius:100px}.more:hover{background:#302d4b}.empty button{background:#a99bff;color:#161429}
footer{background:#090d1c;border-color:#30334f;padding-block:42px;color:#e0dff2;gap:40px}footer .brand-logo{color:#f3f2ff}footer p{color:#949fba}footer strong{color:#cfcee5;font-weight:600}footer a:hover{color:#8ce9d0}footer>button{border-color:#44445f;color:#beb9d6;background:#181a2c;border-radius:100px}
dialog{background:#12172a;border:1px solid #575772;border-radius:24px;box-shadow:0 30px 120px #02030dcc;color:#f1efff}dialog::backdrop{background:#040613d9;backdrop-filter:blur(8px)}.close{background:#202440f5;border-color:#62627d;color:#eae5ff}.close:hover{background:#3c3657}.detail-art{background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--bg) 18%,#242942),#191d35);border-bottom:1px solid #3c4255}.detail-summary h2{font-family:'Space Grotesk',sans-serif;font-weight:500;letter-spacing:-1.4px;color:#f3eeff}.detail-summary .eyebrow{color:#a99bff}.detail-summary p{color:#b3bdd1}.partner{background:transparent;border-color:#383f59}.partner span{color:#929db9}.partner strong{color:#77f2c6}.stats i{background:linear-gradient(to right,#a99bff var(--value),#2c334e var(--value))}.work-item{background:#1b233b;border-color:#36405c;border-radius:12px}.work-item b{color:#83e9cd}.time-tabs{background:#20263d}.world-tabs button{background:#1a2237;border-color:#414963}.time-tabs button[aria-pressed=true],.world-tabs button[aria-pressed=true]{background:#a99bff;color:#1c1833;border-color:#a99bff}.map-frame{border-color:#555978}.map-controls button{background:#1d243bee;border-color:#72728e}.map-zoom{background:#171e34ed;border-color:#535b77}.map-legend{background:#20253e}.point-button[aria-pressed=true]{background:#34304d;box-shadow:inset 3px 0 #b7a5ff}.point-button:hover{background:#252d47}.coordinate-more{background:#272641;border-color:#5c5275;color:#d9cfff}.special{background:#292839;border-color:#575164}.special strong{color:#dac99a}.special p{color:#c6c1c9}
@media(max-width:1100px){header{gap:26px}.brand-logo>.brand-word{font-size:27px}.intro h1{font-size:42px}.section-top h2{font-size:28px}}
@media(max-width:800px){header{height:78px;padding-inline:4%;gap:12px}.brand-logo{gap:8px}.brand-logo .brand-mark{width:38px;height:38px}.brand-logo>.brand-word{font-size:25px;letter-spacing:-1.2px}nav{gap:18px}nav a{font-size:12px}.showcase{margin-top:18px;border-radius:22px;min-height:0}.intro{padding:30px 6% 0}.intro h1{font-size:clamp(32px,7.5vw,44px);letter-spacing:-1.4px}.intro .eyebrow{font-size:10px}.orbit{min-height:370px}.catalog{padding-top:35px}.section-top h2{font-size:26px}.pal-card:hover{transform:none}.pal-info{padding:13px 11px}.pal-info h3{font-size:17px}.element{min-height:44px;padding:8px 12px}.detail-art{height:auto;min-height:0}.detail-summary h2{font-size:32px}footer{gap:25px}}
@media(max-width:520px){.brand-logo .brand-mark{width:34px;height:34px}.brand-logo>.brand-word{font-size:23px}header{height:72px}.intro>p:not(.eyebrow){font-size:15px}.intro .eyebrow{letter-spacing:.1em}.feature{border-bottom-right-radius:36px}.section-top h2{font-size:23px}.section-top>span{font-size:11px}.pal-info h3{font-size:17px}.pal-info{padding:12px 10px}.element{font-size:13px;padding-inline:11px}.grid{gap:10px}dialog{border-radius:20px 20px 0 0}.detail-summary h2{font-size:30px}.brand-logo{gap:6px}.orbit-controls p{font-size:11px}.jump{min-height:48px}}
@media(max-width:360px){.brand-logo>.brand-word{font-size:21px}.brand-logo .brand-mark{width:31px;height:31px}header nav a{font-size:11px}.pal-info{padding:10px 8px}}