.navbar{background-color:var(--navbar-background);border-bottom:1px solid var(--navbar-border);align-items:center;gap:2rem;padding:.875rem 1.5rem;display:flex}.navbar-logo{color:var(--navbar-foreground);white-space:nowrap;font-size:1.125rem;font-weight:700}.navbar-links{flex-wrap:wrap;flex:1;align-items:center;gap:1.5rem;list-style:none;display:flex}.navbar-links a{color:var(--navbar-foreground);font-size:.9375rem;transition:color .15s}.navbar-links a:hover{color:var(--navbar-link-hover)}.navbar-actions{align-items:center;gap:1rem;display:flex}.navbar-icon{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .15s;display:flex}.navbar-icon:hover{color:var(--navbar-foreground)}.settings-dialog{width:640px;max-width:calc(100vw - 3rem);height:fit-content;max-height:calc(100vh - 4rem);color:var(--foreground);border:none;border-radius:.75rem;margin:auto;padding:1.5rem;position:fixed;inset:0;overflow-y:auto;box-shadow:0 8px 24px #0f172a29}.settings-dialog::backdrop{background-color:#0f172a66}.settings-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.settings-head h2{font-size:1.125rem;font-weight:700}.settings-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.125rem .375rem;font-size:1.375rem;line-height:1}.settings-close:hover{color:var(--foreground);background-color:#f3f6f5}.settings-dialog hr{border:none;border-top:1px solid var(--border);margin:.75rem 0 1.25rem}.settings-group-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.75rem;font-size:.6875rem;font-weight:700}.setting{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 0;display:flex}.setting:last-child{border-bottom:none}.setting-text{flex:1;min-width:0}.setting-title{margin-bottom:.25rem;font-size:.9375rem;font-weight:600;display:block}.setting-desc{color:var(--text-secondary);font-size:.8125rem;line-height:1.45}.setting-control{flex-shrink:0;align-items:center;gap:.375rem;display:flex}.setting-control-slider{align-items:center;gap:.75rem;display:flex}.switch{cursor:pointer;display:inline-block;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.switch-track{background-color:#cbd5d2;border-radius:999px;align-items:center;width:44px;height:26px;padding:0 3px;transition:background-color .18s;display:flex}.switch-track:after{content:"";background-color:#fff;border-radius:50%;flex:none;width:20px;height:20px;transition:transform .18s;box-shadow:0 1px 3px #0f172a40}.switch input:checked+.switch-track{background-color:var(--primary)}.switch input:checked+.switch-track:after{transform:translate(18px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--primary);outline-offset:2px}.setting-control-slider input[type=range]{width:140px;accent-color:var(--primary);cursor:pointer}.setting-number-wrap{align-items:center;display:inline-flex;position:relative}.setting-number{width:60px;font:inherit;text-align:center;color:var(--foreground);appearance:textfield;background-color:#f3f6f5;border:none;border-radius:.5rem;padding:.375rem .5rem;font-size:.875rem;font-weight:600;transition:background-color .15s,box-shadow .15s}.setting-number.has-suffix{width:68px;padding-right:1.25rem}.setting-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.setting-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.setting-number:hover{background-color:#e9f1ef}.setting-number:focus{box-shadow:0 0 0 2px var(--primary);background-color:#fff;outline:none}.setting-number-suffix{color:var(--text-secondary);pointer-events:none;font-size:.8125rem;font-weight:600;position:absolute;right:.625rem}.setting-dropdown{position:relative}.setting-dropdown-button{font:inherit;color:var(--foreground);cursor:pointer;background-color:#f3f6f5;border:none;border-radius:.5rem;align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:.875rem;font-weight:600;transition:background-color .15s,box-shadow .15s;display:inline-flex}.setting-dropdown-button:hover{background-color:#e9f1ef}.setting-dropdown-button:focus-visible{box-shadow:0 0 0 2px var(--primary);outline:none}.setting-dropdown[data-open=true] .setting-dropdown-button{box-shadow:0 0 0 2px var(--primary);background-color:#fff}.setting-dropdown-value-stack{display:grid}.setting-dropdown-value-stack>*{white-space:nowrap;grid-area:1/1}.setting-dropdown-ghost{visibility:hidden;pointer-events:none}.setting-dropdown-chevron{width:14px;height:14px;color:var(--text-secondary);flex-shrink:0;transition:transform .15s}.setting-dropdown[data-open=true] .setting-dropdown-chevron{transform:rotate(180deg)}.setting-dropdown-menu{z-index:10;min-width:100%;box-shadow:0 10px 28px #0f172a2e, 0 0 0 1px var(--border);background-color:#fff;border-radius:.625rem;margin:0;padding:.375rem;list-style:none;position:absolute;top:calc(100% + .375rem);right:0}.setting-dropdown-menu[hidden]{display:none}.setting-dropdown-option{color:var(--foreground);white-space:nowrap;cursor:pointer;border-radius:.375rem;padding:.5rem .625rem;font-size:.875rem;font-weight:500}.setting-dropdown-option:hover,.setting-dropdown-option:focus{background-color:#f3f6f5;outline:none}.setting-dropdown-option[aria-selected=true]{color:var(--primary);background-color:#0d948814;font-weight:700}.setting-reset{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:inline-flex}.setting-reset svg{width:15px;height:15px}.setting-reset:hover{color:var(--primary);background-color:#f3f6f5}.setting-reset:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.settings-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;padding-top:1rem;display:flex}.settings-note{color:var(--text-muted);font-size:.75rem}.settings-reset-all{border:1px solid var(--border);font:inherit;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:.375rem;flex-shrink:0;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;transition:background-color .15s,border-color .15s,color .15s}.settings-reset-all:hover{border-color:var(--primary);color:var(--primary);background-color:#f3f6f5}.settings-reset-all:focus-visible{outline:2px solid var(--primary);outline-offset:2px}:root{--primary:#0d9488;--primary-hover:#0f766e;--background:#fff;--foreground:#1f2937;--text-secondary:#4b5563;--text-muted:#9ca3af;--border:#e5e7eb;--navbar-background:#fff;--navbar-border:var(--border);--navbar-foreground:var(--foreground);--navbar-link-hover:var(--primary)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:var(--foreground);background-color:var(--background);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:flex}a{color:inherit;text-decoration:none}.tier-unstarted{--tier-color:#cfe3de}.tier-started{--tier-color:#8bc3b6}.tier-progressing{--tier-color:#45a08c}.tier-mastered{--tier-color:#0d9488}.mastery-bar{background-color:var(--border);border-radius:999px;height:6px;overflow:hidden}.mastery-bar-fill{background-color:var(--primary);border-radius:inherit;height:100%}.mastery-pct{color:var(--text-secondary);white-space:nowrap;font-size:.8125rem}.chevron{color:var(--text-muted)}.panel-section-label{letter-spacing:.04em;color:var(--text-secondary);margin-bottom:.5rem;font-size:.6875rem;font-weight:700}.panel-lede{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem}.breadcrumb-sep{color:var(--text-muted)}.breadcrumb-current{color:var(--foreground);font-weight:600}.type-political{--type-color:var(--primary)}.type-physical{--type-color:#b45309}.type-water{--type-color:#2563eb}.type-roads{--type-color:#6b7280}