.starclan-page{--night:#101d35;--blue:#29476c;--mist:#dce5e7;--star:#e5c36d;--paper:#f0f1eb;background:var(--paper);color:#152a42}.starclan-header,.starclan-footer{background:var(--night)}.starclan-page .breadcrumb{font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;gap:8px;margin:0 0 18px;display:flex}.starclan-page .breadcrumb a{color:var(--star);text-decoration:none}.starclan-hero{color:#e5eef1;background:radial-gradient(circle at 76% 30%,#8fb8d12e,#0000 23%),linear-gradient(135deg,#111e36,#183452);grid-template-columns:1.05fr .95fr;align-items:center;gap:55px;min-height:640px;padding:clamp(72px,9vw,135px) clamp(22px,9vw,145px);display:grid}.starclan-hero h1,.starclan-page h2{font:600 clamp(48px,6.2vw,85px)/.88 var(--serif);letter-spacing:-.06em;margin:0}.starclan-hero h1 em,.starclan-page h2 em{color:#bcd4d5}.starclan-hero div>p:not(.eyebrow){color:#cbdce0;max-width:590px;margin:27px 0;font-size:18px;line-height:1.65}.starclan-hero a,.star-connection a{color:inherit;text-underline-offset:6px;font-weight:700}.starclan-hero a span,.star-connection a span{color:var(--star);margin-left:9px}.star-map{min-height:340px;position:relative}.star-map i{background:var(--star);width:8px;height:8px;box-shadow:0 0 15px var(--star);border-radius:50%;position:absolute}.star-map i:first-child{bottom:18%;left:6%}.star-map i:nth-child(2){bottom:48%;left:34%}.star-map i:nth-child(3){top:31%;left:51%}.star-map i:nth-child(4){top:18%;right:21%}.star-map i:nth-child(5){top:6%;right:5%}.star-map svg{width:100%;height:100%;position:absolute;inset:0}.star-map path{fill:none;stroke:#e5c36da6;stroke-width:1.4px;stroke-dasharray:3 7}.star-glance,.star-connection,.star-ceremonies,.star-spoilers,.star-create,.star-sources{padding:95px clamp(22px,9vw,145px)}.star-glance{background:#dce5e1}.star-glance h2{font-size:clamp(48px,5vw,72px)}.star-glance>div{border-top:1px solid #152a424d;border-left:1px solid #152a424d;grid-template-columns:repeat(3,1fr);margin-top:38px;display:grid}.star-glance article{border-bottom:1px solid #152a424d;border-right:1px solid #152a424d;padding:20px}.star-glance b{font:600 27px var(--serif)}.star-glance p{line-height:1.55}.star-connection{color:#e9eff0;background:#264564}.star-connection h2,.star-ceremonies h2,.star-spoilers h2{font-size:clamp(48px,5vw,75px)}.star-connection>p:not(.eyebrow),.star-ceremonies>p:not(.eyebrow){max-width:640px;margin:26px 0;line-height:1.65}.star-ceremonies{background:#ece9dd}.star-ceremonies a{color:inherit;font-weight:700}.star-spoilers{background:#dbe3e4}.star-spoilers details{border-top:1px solid #91a4aa;border-bottom:1px solid #91a4aa;max-width:820px;margin-top:36px}.star-spoilers summary{cursor:pointer;font:600 25px var(--serif);justify-content:space-between;padding:18px 0;display:flex}.star-spoilers details[open] summary span{transform:rotate(45deg)}.star-spoilers details p{max-width:700px;padding-bottom:21px;line-height:1.65}.star-create{text-align:center;background:linear-gradient(#f0f1eb 0 70%,#cadbdd 70%)}.star-create h2{font-size:clamp(49px,5.8vw,82px)}.star-create>p:not(.eyebrow){max-width:590px;margin:27px auto;line-height:1.65}.star-create button{background:var(--star);color:#152a42;cursor:pointer;border:0;padding:15px 18px;font-weight:700}.star-create button span{margin-left:17px}.star-sources{background:#dce5e1;padding-top:39px;padding-bottom:39px;font-size:13px;line-height:1.6}.star-sources p{margin:7px 0}.star-sources a{color:inherit;font-weight:700}.starclan-page a:focus-visible,.starclan-page button:focus-visible,.starclan-page summary:focus-visible{outline:3px solid var(--star);outline-offset:4px}@media (max-width:760px){.starclan-hero{grid-template-columns:1fr;gap:15px;padding:70px 22px}.star-map{min-height:220px}.star-glance,.star-connection,.star-ceremonies,.star-spoilers,.star-create{padding:68px 22px}.star-glance>div{grid-template-columns:1fr}.star-spoilers summary{font-size:22px}}@media (prefers-reduced-motion:reduce){.starclan-page *{scroll-behavior:auto!important;transition:none!important}}.star-connection .tigerstar-link{margin-left:22px;display:inline-block}.star-faq{background:#e3e2ec;padding:88px clamp(22px,9vw,145px)}.star-faq h2{font-size:clamp(48px,5vw,72px)}.star-faq>div{border-top:1px solid #1b1d384d;max-width:800px;margin-top:34px}.star-faq details{border-bottom:1px solid #1b1d384d;padding:20px 0}.star-faq summary{cursor:pointer;font:600 25px/1.15 var(--serif)}.star-faq details p{max-width:680px;line-height:1.6}