/* Readable type and controls across the map, project panels and the demo. */
.world-label.compact,.world-label.compact:hover,.world-label.compact:focus-visible {
 padding:0; min-width:0; max-width:none; min-height:0;
 border:0; border-radius:50%; background:transparent; backdrop-filter:none;
 box-shadow:none; cursor:pointer;
}
.world-label.compact>* { display:none!important; }
.world-label.compact:before,.world-label.compact:after { display:none!important; }
.world-label.compact:focus-visible { outline:2px solid var(--world-color); outline-offset:5px; }
body { font-size:16px; }
button { min-height:44px; }
nav { font-size:15px; gap:28px; }
.brand small { font-size:12px; letter-spacing:.6px; }
.eyebrow { font-size:12px; letter-spacing:1px; }
.intro-copy { font-size:17px; line-height:1.8; color:#b2bfd0; }
.explore { font-size:14px; }
.space-label,.coordinate span,.navigation-help,.footer-id,.command-trigger { font-size:12px; letter-spacing:.5px; }
.coordinate strong { font-size:16px; }
.travel button { font-size:12px; letter-spacing:.4px; }
.command-trigger kbd { font-size:12px; }
.world-label { max-width:280px; padding:12px 15px; gap:7px; background:#060b1470; backdrop-filter:blur(7px); border-radius:0 6px 6px 0; }
.world-label .num { font-size:12px; letter-spacing:.4px; white-space:normal; line-height:1.5; color:#97a9c1; }
.world-label strong { font-size:23px; line-height:1.2; white-space:normal; overflow-wrap:anywhere; }
.world-label .state,.world-label.locked .state { font-size:12px; letter-spacing:.5px; line-height:1.5; }
.project-panel { width:520px; }
.panel-back { font-size:13px; padding:24px 30px; }
.panel-back span { font-size:12px; }
.panel-kicker,.panel-stage,.tiny-label { font-size:12px; letter-spacing:.7px; line-height:1.6; }
.panel-content h2 { font-size:50px; }
.panel-lead { font-size:21px; }
#panel-description { font-size:16px; line-height:1.85; color:#adbbcf; }
.features>span { font-size:15px; line-height:1.7; }
.stack span { font-size:13px; padding:9px 11px; }
.primary { font-size:14px; line-height:1.6; min-height:48px; }
.lock-block { font-size:13px; line-height:1.7; letter-spacing:.5px; }
.lock-block small { font-size:14px; line-height:1.7; }
.source-link { font-size:14px; }
.panel-footnote { font-size:13px; line-height:1.8; color:#879bb7; }
.repo-trace .tiny-label,.repo-trace>div>span { font-size:12px; }
.next-world>span,.next-world button { font-size:12px; line-height:1.7; letter-spacing:.4px; }
dialog { width:700px; }
.dialog-top .eyebrow { font-size:12px; letter-spacing:.7px; }
.search input { font-size:16px; }
.inventory-summary { font-size:12px; line-height:1.8; }
.filter-group button { font-size:13px; padding:10px 13px; }
.list-item { padding:19px 2px; grid-template-columns:34px minmax(0,1fr) auto; }
.list-item .list-number { font-size:13px; }
.list-item strong { font-size:21px; }
.list-item small { font-size:12px; line-height:1.65; letter-spacing:.1px; color:#8ea2be; }
.list-item .list-state,.list-item.locked .list-state { font-size:12px; }
.dialog-foot { font-size:12px; line-height:1.8; letter-spacing:.4px; }
#no-results { font-size:16px; }
#about-dialog>p { font-size:16px; line-height:1.9; }
.about-skills span,.about-domain { font-size:12px; line-height:1.8; }
.about-skills p { font-size:15px; line-height:1.7; }
.toast { font-size:14px; line-height:1.7; }
#product-demo { width:820px; }
.demo-banner,.demo-step { font-size:12px; line-height:1.7; }
.demo-heading p { font-size:16px; line-height:1.8; }
.demo-product strong { font-size:20px; }
.demo-product>span,.demo-product small { font-size:13px; }
.demo-summary { font-size:15px; }
.demo-colors button { font-size:14px; }
.demo-image-label,.demo-image-caption { font-size:12px; letter-spacing:.3px; }
.demo-checks { font-size:12px; line-height:1.8; }
.demo-actions>.primary,.demo-back { font-size:12px; line-height:1.7; }
.demo-review>div,.demo-approval,.demo-result p { font-size:15px; line-height:1.8; }
.demo-review>div { grid-template-columns:160px 1fr; }
.demo-result code,.demo-result .primary { font-size:14px; }
.demo-result-note { font-size:14px; line-height:1.8; }
@media(max-width:900px) {
 .brand small { display:none; }
 .world-label { max-width:240px; }
 .world-label strong { font-size:20px; }
 .project-panel { width:480px; }
 .navigation-help { display:none; }
 .footer-id { display:none; }
}
@media(max-width:600px) {
 header { padding:20px 6%; }
 nav { gap:16px; font-size:14px; padding-top:0; }
 nav span { font-size:12px; }
 #sound { top:78px; }
 #sound span { font-size:12px; letter-spacing:.3px; }
 .intro { top:18%; }
 .intro .eyebrow { font-size:12px; letter-spacing:.2px; max-width:320px; line-height:1.7; }
 .intro-copy { font-size:16px; }
 .explore { font-size:13px; margin-top:15px; }
 .world-label { max-width:210px; padding:10px 12px; gap:5px; }
 .world-label strong { font-size:19px; }
 .world-label .num,.world-label .state,.world-label.locked .state { font-size:12px; letter-spacing:0; }
 .coordinate span { font-size:12px; letter-spacing:.1px; }
 .coordinate strong { font-size:15px; }
 .coordinate span:last-child { display:none; }
 footer { gap:12px; }
 .travel { padding:0 3px; }
 .travel button { font-size:12px; padding:10px 6px; letter-spacing:0; }
 .command-trigger { font-size:12px; letter-spacing:0; }
 .command-trigger kbd { display:none; }
 .project-panel { width:100%; }
 .panel-content { padding:24px; }
 .panel-content h2 { font-size:40px; }
 .panel-lead { font-size:20px; }
 .panel-stage { font-size:12px; }
 .next-world { gap:15px; }
 .next-world>span { max-width:90px; }
 .list-item { grid-template-columns:27px minmax(0,1fr); gap:10px; }
 .list-item .list-state { grid-column:2; }
 .list-item strong { font-size:20px; }
 .list-item small { font-size:12px; }
 .inventory-summary { font-size:12px; letter-spacing:0; }
 .filter-group { flex-wrap:wrap; gap:7px; }
 .filter-group button { font-size:13px; }
 .about-skills { grid-template-columns:1fr; gap:14px; }
 .demo-actions { align-items:stretch; flex-wrap:wrap; gap:10px; }
 .demo-actions>.primary { max-width:100%; min-width:180px; font-size:13px; }
 .demo-back { font-size:12px; }
 .demo-review>div { grid-template-columns:105px minmax(0,1fr); font-size:14px; }
 .demo-review dd { overflow-wrap:anywhere; }
 .demo-product strong { font-size:19px; }
 .demo-product small { font-size:13px; }
 .demo-colors { gap:7px; }
 .demo-colors button { font-size:13px; }
 .demo-banner { font-size:12px; letter-spacing:0; }
 .demo-step { font-size:12px; }
 .dialog-top .eyebrow { font-size:12px; }
 .toast { font-size:14px; }
}