/* Color Sort Ultimate, within the shared SLG design. */
:root{--identity-bg:#111b2c;--identity-wash:#243f59;--identity-accent:#a4dcf1;--identity-secondary:#c398e8}
.app-hero h1 em{font-style:normal;color:var(--accent)}
.ultimate-art{height:660px;position:relative;min-width:0}
.ultimate-art .hero-shot,.ultimate-art .hero-home{position:absolute;object-fit:contain;width:58%;height:auto;max-height:none;border:1px solid #c8eaff26;border-radius:22px;box-shadow:0 28px 65px -18px #0009}
.ultimate-art .hero-home{left:0;top:3%;transform:rotate(-7deg);opacity:.94}
.ultimate-art .hero-shot{right:0;left:auto;top:14%;transform:rotate(6deg)}
.ultimate-art .art-caption{bottom:0;left:0;right:0;text-align:center;letter-spacing:1px}
.world-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.world-card{min-width:0}.world-card>img{width:100%;max-width:240px;margin:0 auto 12px;aspect-ratio:1;object-fit:contain}
.world-status{font:10px ui-monospace,monospace;text-transform:uppercase;letter-spacing:1.4px;color:var(--accent)}
.world-copy h3{margin:10px 0}.world-copy p{font-size:14px;color:var(--muted);line-height:1.7}
.world-note{margin-top:22px}.gallery-note{color:var(--muted)}
.legal-content section h2{margin-top:32px}.legal-side h2{font-size:25px}
.lightbox button{min-width:44px;min-height:44px}
[hidden]{display:none!important}
@media(max-width:1050px){.ultimate-art{height:510px}.ultimate-art .hero-home{top:10%}.ultimate-art .hero-shot{top:20%}.world-grid{gap:20px}.app-nav-title{max-width:120px}}
@media(max-width:740px){.ultimate-art{width:min(400px,100%);height:510px;justify-self:center;margin-top:12px}.ultimate-art .hero-home{top:0;width:64%}.ultimate-art .hero-shot{top:8%;width:64%}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}.world-copy p{font-size:13px}.app-nav-title{display:none}.world-card>img{margin-bottom:6px}.ultimate-art .art-caption{font-size:10px}}
@media(max-width:380px){.ultimate-art{height:415px}.ultimate-art .hero-shot,.ultimate-art .hero-home{border-radius:16px}.world-grid{gap:24px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}