*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-width: 200px;--color-bg: #0f1117;--color-surface: #1a1d27;--color-border: #2e3248;--color-text: #e2e8f0;--color-text-muted: #8892a4;--color-accent: #3b82f6;--color-correct: #22c55e;--color-gold: #f59e0b;--color-region-hl: #4a90d9;--color-stable: #2dd4bf;--color-mastered: #34d399;--color-incorrect: #ef4444;--color-province: #2a3f5f;--color-province-hover: #3b5280;--color-province-stroke: #607898;--radius: 8px;--wl-hover-brightness: 1.35;--wl-hover-brightness-supported: 1.35;--wl-hover-saturate-supported: 1.1}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:flex-end;position:relative;padding:10px 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}.btn--world-map{position:absolute;left:16px;font-size:13px;padding:5px 10px;background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;white-space:nowrap}.btn--world-map:hover{color:var(--color-text);border-color:var(--color-text-muted)}.btn--leaderboard-nav{font-size:18px;font-weight:600;padding:5px 10px;background:transparent;color:#f0a500;border:none;cursor:pointer;white-space:nowrap;text-decoration:underline;text-decoration-color:#f0a500;text-underline-offset:3px}.btn--leaderboard-nav:hover{color:#f59e0b;text-decoration-color:#f59e0b}.btn--leaderboard-header{background:transparent;font-size:13px;padding:5px 12px;color:#e89e00;border:1px solid rgba(240,165,0,.3);border-radius:var(--radius);cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}.btn--leaderboard-header:hover{color:#f59e0b;border-color:#f59e0b99}.app-title{position:absolute;left:50%;transform:translate(-50%);font-size:18px;font-weight:700;color:var(--color-text);letter-spacing:.02em;pointer-events:none;white-space:nowrap}.app-header--has-sidebar .app-title{left:calc(50% + calc(var(--sidebar-width) / 2))}.app-controls{display:flex;gap:8px;align-items:center}.app-main{display:flex;flex:1;overflow:hidden}.map-wrapper{position:relative;flex:1;overflow:hidden;display:flex;flex-direction:column}.map-container{flex:1;overflow:hidden;position:relative}.map-svg{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.map-svg:active{cursor:grabbing}.map-status{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted)}.map-status--error{color:var(--color-incorrect)}.search-box{position:absolute;top:12px;right:12px;z-index:10;width:min(200px,calc(100vw - 24px))}.search-box__input{width:100%;background:#1a1d27eb;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:13px;padding:6px 10px;outline:none}.search-box__input:focus{border-color:var(--color-accent)}.search-box__input::placeholder{color:var(--color-text-muted)}.search-box__dropdown{margin-top:4px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);list-style:none;overflow:hidden}.search-box__item{padding:6px 10px;font-size:13px;color:var(--color-text);cursor:pointer}.search-box__item:hover{background:var(--color-bg);color:var(--color-accent)}.learn-overlay{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#1a1d27d9;border:1px solid var(--color-border);border-radius:var(--radius);padding:8px 14px;color:var(--color-text-muted);font-size:12px;pointer-events:none;display:flex;flex-direction:row;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}.learn-overlay__code-toggle{pointer-events:auto;font-size:13px;font-weight:600;padding:5px 14px;border-radius:5px;border:1px solid var(--color-accent);background:#3b82f626;color:var(--color-accent);cursor:pointer}.learn-overlay__code-toggle:hover,.learn-overlay__code-toggle.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.learn-selected{background:#1a1d27eb;border:1px solid var(--color-border);border-radius:var(--radius);padding:10px 14px;pointer-events:auto}.learn-selected__name{font-size:16px;font-weight:700;color:var(--color-text)}.learn-selected__alt{font-size:12px;color:var(--color-text-muted);margin-top:2px}.learn-selected__province{font-size:11px;color:var(--color-text-muted);margin-top:4px;padding-top:4px;border-top:1px solid var(--color-border);opacity:.8}.learn-selected__code{display:inline-block;margin-left:6px;font-size:11px;font-weight:600;color:var(--color-text-muted);background:#ffffff14;border-radius:3px;padding:1px 4px;vertical-align:middle}.learn-selected__links{display:flex;gap:8px;margin-top:6px;padding-top:6px;border-top:1px solid var(--color-border)}.learn-selected__links a{font-size:11px;color:var(--color-accent);text-decoration:none;opacity:.8}.learn-selected__links a:hover{opacity:1;text-decoration:underline}.toggle-group{display:flex;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.toggle-btn{background:transparent;border:none;color:var(--color-text-muted);padding:5px 12px;font-size:13px;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.toggle-btn:hover:not(:disabled){background:var(--color-surface);color:var(--color-text)}.toggle-btn--active{background:var(--color-accent);color:#fff}.toggle-btn--active:hover{background:#2563eb;color:#fff}.toggle-btn:disabled{opacity:.35;cursor:not-allowed}.toggle-btn__subtitle{display:block;font-size:9px;opacity:.7;letter-spacing:.3px;margin-top:1px}.toggle-btn--lang{border-radius:var(--radius);border:1px solid var(--color-border)}.country-selector{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);padding:4px 8px;font-size:13px;cursor:pointer;height:32px}.country-dropdown{position:relative;display:inline-block;font-size:13px}.country-dropdown__trigger{display:flex;align-items:center;gap:6px;height:32px;padding:0 8px;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;white-space:nowrap;font-size:13px}.country-dropdown__trigger:hover{border-color:var(--color-text-muted)}.country-dropdown__arrow{font-size:9px;opacity:.5}.country-dropdown__list{position:absolute;top:calc(100% + 4px);right:0;min-width:100%;max-height:260px;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 4px 16px #0000004d;z-index:500;list-style:none;margin:0;padding:4px 0}.country-dropdown__item{padding:6px 12px;cursor:pointer;white-space:nowrap;color:var(--color-text)}.country-dropdown__item--focused{background:var(--color-border)}.country-dropdown__item--selected{color:var(--color-accent)}.country-dropdown__section{padding:8px 12px 2px;cursor:default;pointer-events:none;border-top:1px solid var(--color-border)}.country-dropdown__section:first-child{border-top:none}.country-dropdown__section-label{display:block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.country-dropdown__section-desc{display:block;font-size:10px;color:var(--color-text-muted);opacity:.75;margin-top:1px}.btn{border:none;border-radius:var(--radius);padding:8px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover{background:#2563eb}.btn--mute{font-size:12px;padding:4px 10px;background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.btn--mute:hover{color:var(--color-text);border-color:var(--color-text-muted)}.btn--mute-on{opacity:.45}.province-filter{display:flex;flex-direction:column;gap:6px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.province-filter__header{display:flex;align-items:center;justify-content:space-between}.province-filter__title{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.province-filter__actions{display:flex;gap:4px}.province-filter__btn{background:var(--color-province);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font-size:11px;padding:2px 6px;cursor:pointer}.province-filter__btn:hover{color:var(--color-text);border-color:var(--color-text-muted)}.province-filter__list{display:flex;flex-direction:column;gap:1px;overscroll-behavior:contain;max-height:180px;overflow-y:auto}.province-filter__list--scroll{max-height:400px;overflow-y:auto}.province-filter__item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text);cursor:pointer;padding:2px 0;-webkit-user-select:none;user-select:none}.province-filter__item input[type=checkbox]{accent-color:var(--color-accent);cursor:pointer}.province-filter__item--in-session{opacity:.45;cursor:default}.province-filter__extras-divider{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);padding:8px 0 2px;border-top:1px solid var(--color-border);margin-top:4px;list-style:none}.province-filter__item--extras{opacity:.65}.quiz-empty{font-size:13px;color:var(--color-text-muted);text-align:center;padding:12px 0}.landing-welcome{max-width:380px;text-align:center}.landing-welcome__list{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-direction:column;gap:18px}.landing-welcome__list li{font-size:17px;font-weight:700;line-height:1.4}.landing-welcome__hint{font-size:16px;font-style:italic;font-weight:400;margin-top:4px;opacity:.85}.landing-welcome__suggestions{margin-top:18px}.landing-welcome__suggestions-label{font-size:13px;font-weight:500;opacity:.6;margin-bottom:18px;letter-spacing:.3px}.landing-welcome__suggestions-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.landing-welcome__suggestion{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#f1f5f9;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.landing-welcome__suggestion:hover{background:#ffffff2e;border-color:#fff6}.landing-welcome .landing-welcome__btn{margin-top:18px;min-width:120px;font-size:17px;font-weight:700}.map-ocean{fill:#0d2137}.lake-path{fill:#0d2137;stroke:none}.lake-label{fill:#4a90b8;font-style:italic;text-anchor:middle;dominant-baseline:middle;font-family:inherit}.river-path{fill:none;stroke:#4a90b8;stroke-width:.65px;stroke-opacity:.7;vector-effect:non-scaling-stroke}.river-label{fill:#4a90b8;font-style:italic;text-anchor:middle;dominant-baseline:middle;font-family:inherit;opacity:.85}.marine-label{fill:#a8d4f0;text-anchor:middle;dominant-baseline:middle;font-family:inherit;letter-spacing:.12em;pointer-events:none}.marine-label--1{opacity:.45}.marine-label--2{opacity:.55}.marine-label--3{opacity:.65}.marine-label--4{opacity:.7}.mountain-peak{fill:#c8d4e0;stroke:#7a9ab0;stroke-width:.5px;vector-effect:non-scaling-stroke}.mountain-label{fill:#c8d4e0;font-family:inherit;opacity:.9}.city-dot{fill:#e2b96a;stroke:#8a6030;stroke-width:.5px;vector-effect:non-scaling-stroke}.city-dot--capital{fill:#f5d78a;stroke:#b07800;stroke-width:1px}.city-label{fill:#e2c98a;font-family:inherit;opacity:.95}.city-label--capital{fill:#f5e4a0;font-weight:600}.map-inset__bg{fill:#0d2137}.map-inset__border{fill:none;stroke:var(--color-border);stroke-width:1;pointer-events:none}.map-inset__label{font-size:11px;fill:var(--color-text-muted);pointer-events:none;font-family:inherit;font-weight:500}.world-country{fill:#1a2a3a;stroke:#506880;stroke-width:.55px;vector-effect:non-scaling-stroke}.neighbor-country{fill:#1a2a3a;stroke:#527090;stroke-width:.5px;vector-effect:non-scaling-stroke}.neighbor-label{fill:#4a6a80;text-anchor:middle;dominant-baseline:middle;font-weight:500;letter-spacing:.04em;-webkit-user-select:none;user-select:none}.region-path{fill:var(--color-province);stroke:var(--color-province-stroke);stroke-width:var(--region-stroke-w, .5px);transition:fill .15s ease;cursor:pointer}.region-path--hover{fill:var(--color-province-hover)}.region-path--correct{fill:var(--color-correct);stroke:#16a34a}.region-path--incorrect{fill:var(--color-incorrect);stroke:#dc2626}.region-path--target{fill:var(--color-province-hover);stroke:var(--color-accent);stroke-width:calc(var(--region-stroke-w, .5px) * 3)}.region-path--selected{fill:var(--color-region-hl);stroke:#60a5fa;stroke-width:calc(var(--region-stroke-w, .5px) * 3)}.region-path--partial{fill:#eab308;stroke:#ca8a04;stroke-width:calc(var(--region-stroke-w, .5px) * 3)}.region-path--search{fill:#7c3aed;stroke:#a78bfa;stroke-width:calc(var(--region-stroke-w, .5px) * 4)}.province-boundary{fill:none;stroke:#7090c0;stroke-width:1.5px;stroke-linejoin:round}.region-label{fill:#c8d8f0;stroke:#0f1117;stroke-width:2px;paint-order:stroke fill;vector-effect:non-scaling-stroke;font-family:system-ui,sans-serif;font-weight:700;letter-spacing:.14em}.region-label--search{fill:#c4b5fd;stroke:#1a0a2e}.region-label--stable{fill:var(--color-stable);stroke:#0d1f1a}.region-label--mastered{fill:var(--color-mastered);stroke:#0d1f18}.region-path--inactive{fill:#94a3b808}.region-path--queued{fill:#94a3b812}.region-path--introduced{fill:#94a3b824}.region-path--stable{fill:#2dd4bf1a;stroke:var(--color-stable);stroke-width:calc(var(--region-stroke-w, .5px) * 1.4)}.region-path--mastered{fill:#34d39940;stroke:var(--color-mastered);stroke-width:calc(var(--region-stroke-w, .5px) * 3)}.region-path--intro{fill:#0891b2;stroke:#67e8f9;stroke-width:calc(var(--region-stroke-w, .5px) * 2)}.region-label-leader{stroke:#6a7fa8;stroke-width:.5px;stroke-dasharray:2 2;fill:none}.quiz-panel{width:var(--sidebar-width);flex-shrink:0;height:100%;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;gap:16px;padding:20px 16px;overflow:hidden;box-sizing:border-box}.rep-progress-loading{color:var(--color-text-muted);font-size:13px;padding:4px 0}.quiz-panel__scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.test-setup__start{width:100%}.test-setup__centered{display:flex;flex-direction:column;align-items:center;margin:auto 0}.scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:8px}.scoreboard__item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:8px 10px;display:flex;flex-direction:column;align-items:center;gap:2px}.scoreboard__item--streak{border-color:var(--color-gold)}.scoreboard__value{font-size:20px;font-weight:700}.scoreboard__label{font-size:10px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.quiz-complete-overlay{display:flex;align-items:center;justify-content:center;flex:1}.quiz-complete{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.quiz-complete__title{font-size:18px;font-weight:700}.quiz-complete__score{font-size:36px;font-weight:800;color:var(--color-correct)}.quiz-complete__pct{font-size:14px}.quiz-complete__stats{display:flex;gap:16px;align-items:center}.quiz-complete__time{font-size:14px}.quiz-complete__rank{font-size:13px;font-weight:600;color:var(--color-gold)}.quiz-complete__lb-loading{font-size:12px;color:var(--color-text-muted)}.leaderboard{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.leaderboard th{color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:10px;padding:4px 6px;border-bottom:1px solid var(--color-border)}.leaderboard td{padding:4px 6px;border-bottom:1px solid var(--color-border)}.leaderboard__name{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard__row--me td{font-weight:700}.leaderboard__row--current td{background:color-mix(in srgb,currentColor 20%,transparent);font-weight:700;border-top:1px solid color-mix(in srgb,currentColor 50%,transparent)!important;border-bottom:1px solid color-mix(in srgb,currentColor 50%,transparent)!important}.leaderboard__row--current td:first-child{border-left:3px solid currentColor;padding-left:4px}.leaderboard__row--current td:last-child{border-right:2px solid color-mix(in srgb,currentColor 50%,transparent)}.leaderboard__row--gap td{text-align:center;color:var(--color-text-muted);padding:2px;border-bottom:none;letter-spacing:.2em}.map-prompt{position:absolute;top:8%;left:50%;transform:translate(-50%);background:#0f172ae6;border:1px solid var(--color-border);border-radius:var(--radius);padding:10px 24px 12px;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none;text-align:center;min-width:min(180px,90vw);max-width:min(380px,90vw);z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.map-prompt__counter{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;width:100%}.map-prompt__counter-spacer{flex:1;min-width:16px}.map-prompt__stat-label{font-size:11px;color:var(--color-text-muted)}.map-prompt__stat-val{font-size:13px;font-weight:600;color:var(--color-text);font-variant-numeric:tabular-nums}.map-prompt__label{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.map-prompt__name{font-size:26px;font-weight:700;color:var(--color-text);line-height:1.2}.map-prompt__province{font-size:13px;color:var(--color-text-muted)}.map-prompt__instruction{margin-top:8px;font-size:12px;color:var(--color-text-muted);font-style:italic}.map-prompt__feedback{margin-top:6px;font-size:15px;font-weight:700}.map-prompt__feedback--correct{color:var(--color-correct)}.map-prompt__feedback--partial{color:#eab308}.map-prompt__feedback--incorrect{color:var(--color-incorrect)}.map-prompt__feedback--answer{color:var(--color-text);font-weight:400;font-size:16px}.map-prompt__name--wrong{color:#ef4444;font-weight:600}.map-prompt__name--correct{color:var(--color-correct);font-weight:600}.rep-nudge{position:absolute;top:33%;left:12px;background:var(--color-surface);border:2px solid var(--color-accent);border-radius:8px;padding:12px 16px;font-size:15px;font-weight:600;color:var(--color-text);max-width:210px;box-shadow:0 4px 20px #0006;z-index:100;cursor:pointer;animation:nudge-in .3s ease}@keyframes nudge-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.rep-region-picker{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:10px 12px;display:flex;flex-direction:column;gap:8px;flex-shrink:1;min-height:0;overflow:hidden}.rep-region-picker>*{flex-shrink:0}.rep-region-picker .province-filter__list{flex-shrink:1;min-height:0;overflow-y:auto;max-height:none}.rep-setup__level-toggle{display:flex;gap:4px}.rep-level-btn{flex:1;padding:4px 8px;font-size:12px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer}.rep-level-btn--active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.rep-welcome{display:flex;flex-direction:column;gap:18px;text-align:center}.rep-welcome__scroll{display:flex;flex-direction:column;gap:18px}.rep-welcome__line{font-size:17px;font-weight:700;text-align:center;line-height:1.4}.rep-welcome .rep-welcome__btn{align-self:center;margin-top:18px;min-width:120px;font-size:17px;font-weight:700}.rep-setup{display:flex;flex-direction:column;gap:8px;min-height:0;max-height:100%}.rep-setup__header{display:flex;align-items:center;justify-content:space-between}.rep-setup__title{font-size:13px;font-weight:600;color:var(--color-text)}.rep-setup__actions{display:flex;gap:4px}.rep-group-btns{display:flex;flex-wrap:wrap;gap:5px;padding:6px 0 2px}.rep-group-btn{font-size:12px;padding:4px 9px;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-province);color:var(--color-text);cursor:pointer;white-space:nowrap}.rep-group-btn:hover{border-color:var(--color-text-muted);color:var(--color-text)}.rep-group-btn--active{border-color:var(--color-accent);color:var(--color-accent);background:#3b82f614;font-size:13px;font-weight:700}.rep-group-btn__count{opacity:.6;font-size:11px}.rep-setup__no-intro{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 0}.rep-setup__no-intro input[type=checkbox]{accent-color:var(--color-accent);cursor:pointer}.rep-setup__start{margin-top:auto;width:100%}.rep-picker-toggle{width:100%;background:var(--color-province);color:var(--color-text);border:1px solid var(--color-border);font-size:12px;padding:4px 9px;border-radius:var(--radius)}.gold-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:200;display:flex;align-items:center;justify-content:center}.gold-dialog{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:32px 40px;max-width:420px;width:90%;text-align:center}.gold-dialog__title{font-size:22px;font-weight:700;color:var(--color-text);margin-bottom:10px}.gold-dialog__subtitle{font-size:14px;font-style:italic;color:var(--color-text-muted);margin-bottom:28px}.gold-dialog__actions{display:flex;gap:10px;justify-content:center}.gold-dialog__btn{flex:1;font-size:13px;padding:8px 12px;background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.gold-dialog__btn:hover{color:var(--color-text);border-color:var(--color-text-muted)}.btn--primary.gold-dialog__btn{background:var(--color-accent);color:#fff;border:none}.btn--primary.gold-dialog__btn:hover{background:#2563eb}.gold-dialog__subtitle--lg{font-size:16px;font-style:italic;color:var(--color-text-muted);margin-bottom:20px}.test-dialog__ready-line{font-size:17px;font-weight:700;color:#fff;margin-bottom:10px}.test-dialog__actions{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:4px}.test-dialog__start-btn{min-width:120px}.test-dialog__select-link{background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:13px;font-family:inherit;padding:2px 0}.test-dialog__select-underline{text-decoration:underline;text-underline-offset:2px}.test-dialog__select-link:hover{color:var(--color-text)}.rep-add-provinces{border-top:1px solid var(--color-border);padding-top:12px;display:flex;flex-direction:column;gap:8px}.rep-add-provinces__title{font-size:13px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.rep-add-more{font-size:13px;padding:4px 14px;margin-top:4px}.rep-reset{flex-shrink:0;align-self:center;font-size:11px;padding:3px 10px;white-space:nowrap;opacity:.5;color:var(--color-text-muted);border-color:transparent}.rep-reset:hover{opacity:1;color:#ef4444;border-color:#ef4444}.rep-panel{display:flex;flex-direction:column;gap:12px}.rep-panel--compact{gap:6px}.rep-panel--compact .rep-scoreboard__item,.rep-panel--compact .rep-progress-box{padding:5px 8px}.rep-panel--compact .rep-progress__value{font-size:15px}.rep-panel--compact .rep-streak{padding:4px 8px}.rep-panel--compact .rep-streak__current{font-size:13px}.rep-panel--compact .rep-streak__last,.rep-panel--compact .rep-streak__max{font-size:11px}.rep-scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rep-scoreboard__item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:8px;text-align:center}.rep-progress-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:8px;display:flex;flex-direction:column;align-items:center;gap:0}.rep-progress-box__counters{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.rep-progress-box__item{text-align:center}.rep-progress__value{font-size:20px;font-weight:700;color:var(--color-text)}.rep-progress__label{font-size:10px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.rep-progress--complete .rep-progress__value,.rep-progress--complete .rep-progress__label{color:var(--color-gold)}.rep-progress--mastered .rep-progress__value,.rep-progress--mastered .rep-progress__label{color:var(--color-mastered)}.rep-streak{background:#6366f126;border:1px solid rgba(99,102,241,.35);border-radius:var(--radius);padding:6px 10px;text-align:center;color:#818cf8}.rep-streak--gold{background:#f59e0b26;border-color:#f59e0b66;color:var(--color-gold)}.rep-streak__current{font-size:16px;font-weight:700}.rep-streak__multiplier{font-size:20px;font-weight:800;opacity:.9;line-height:1}.rep-streak__stats{display:flex;margin-top:3px}.rep-streak__last,.rep-streak__max{flex:1;text-align:center;font-size:14px;font-weight:600;opacity:.85}.settings-panel{position:relative}.settings-popover{position:absolute;top:calc(100% + 6px);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:12px 14px;min-width:210px;z-index:100;display:flex;flex-direction:column;gap:10px}.settings-popover__title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);margin-bottom:2px}.settings-popover__item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none}.settings-popover__item input[type=checkbox]{accent-color:var(--color-accent);width:14px;height:14px;cursor:pointer}.auth-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted);font-size:1.1rem}.auth-screen{display:flex;align-items:center;justify-content:center;min-height:100%;background:var(--color-bg);padding:24px}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:40px 36px;width:100%;max-width:min(380px,90vw);display:flex;flex-direction:column;gap:0}.auth-card__title{font-size:1.8rem;font-weight:700;color:var(--color-text);text-align:center;margin-bottom:6px}.auth-card__subtitle{font-size:.9rem;color:var(--color-text-muted);text-align:center;margin-bottom:28px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form__label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--color-text-muted);font-weight:500}.auth-form__optional{font-weight:400;opacity:.7}.auth-form__input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:1rem;padding:9px 12px;outline:none;transition:border-color .15s}.auth-form__input:focus{border-color:var(--color-accent)}.auth-form__input:disabled{opacity:.5}.auth-form__error{font-size:.85rem;color:var(--color-incorrect);padding:8px 10px;background:#ef44441a;border-radius:6px;border:1px solid rgba(239,68,68,.25)}.auth-form__submit{width:100%;padding:11px;font-size:1rem;margin-top:4px}.auth-card__divider{text-align:center;color:var(--color-text-muted);font-size:.8rem;margin:18px 0;position:relative}.auth-card__divider:before,.auth-card__divider:after{content:"";position:absolute;top:50%;width:42%;height:1px;background:var(--color-border)}.auth-card__divider:before{left:0}.auth-card__divider:after{right:0}.auth-card__guest{width:100%;padding:10px;font-size:.95rem;background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.auth-card__guest:hover:not(:disabled){background:var(--color-border)}.auth-card__footer{text-align:center;font-size:.85rem;color:var(--color-text-muted);margin-top:22px}.auth-card__link{background:none;border:none;color:var(--color-accent);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.auth-card__link:disabled{opacity:.5;cursor:default}.settings-popover__user{font-size:.85rem;color:var(--color-text);font-weight:500;padding:2px 0}.settings-popover__logout{width:100%;margin-top:6px;padding:7px;font-size:.85rem;background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted)}.settings-popover__logout:hover{background:var(--color-border);color:var(--color-text)}.settings-popover__version{margin-top:8px;font-size:11px;color:var(--color-text-muted);text-align:center;opacity:.6}.world-landing{display:flex;flex-direction:column;height:100vh;background:#0d2137;overflow:hidden;position:relative}.world-landing__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;background:#0a1a2a;border-bottom:1px solid #1e3448;flex-shrink:0;position:relative}.world-landing__welcome{position:absolute;left:50%;transform:translate(-50%);font-size:22px;font-weight:700;color:var(--color-gold);white-space:nowrap;pointer-events:none}.world-landing__title{margin:0;font-size:18px;font-weight:600;color:#c8dff0}.world-landing__header .btn--mute{font-size:18px;padding:5px 10px;color:#c8dff0;border:1px solid var(--color-border)}.world-landing__map{flex:1;overflow:hidden;position:relative}.world-landing__svg{display:block;width:100%;height:100%}.world-landing__country{fill:#1a2a3a;stroke:none}.world-landing__country--supported{cursor:pointer;filter:brightness(.75);transition:filter .15s}.world-landing__country--hovered,.world-landing__country--hovered-soft{filter:brightness(var(--wl-hover-brightness))}.world-landing__country--supported.world-landing__country--hovered{filter:brightness(var(--wl-hover-brightness-supported)) saturate(var(--wl-hover-saturate-supported))}.world-landing__country--oceania.world-landing__country--hovered,.world-landing__country--oceania.world-landing__country--hovered-soft{filter:brightness(1.45)}.world-landing__label{font-family:inherit;font-size:12px;font-weight:600;fill:#8fcde8;text-anchor:middle;dominant-baseline:middle;pointer-events:none;letter-spacing:.04em}.world-landing__continent-label{font-family:inherit;font-size:15px;font-weight:700;fill:#ffffff59;text-anchor:middle;dominant-baseline:middle;letter-spacing:.1em;text-transform:uppercase;pointer-events:none}.world-landing__continent-label--valid{fill:#ffffffbf;pointer-events:all;cursor:pointer}@keyframes landing-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.85) saturate(1.25)}}.world-landing__country--pulse{animation:landing-pulse 2.2s ease-in-out infinite}.world-landing__pulse-tooltip{position:absolute;pointer-events:none;background:#0a1428e0;color:#f1f5f9;font-size:12px;font-weight:500;padding:5px 10px;border-radius:6px;white-space:nowrap;z-index:10;border:1px solid rgba(255,255,255,.15)}.wl-view-link{font-size:inherit;font-weight:600;color:#6b9ab8;text-decoration:underline;cursor:pointer;white-space:nowrap}.wl-view-link:hover{color:#a0c8e0}.wl-cards-page{flex:1;overflow-y:auto;padding:24px 32px;display:flex;flex-direction:column;gap:32px}.wl-cards-section__heading{margin:0 0 14px;font-size:15px;font-weight:700;color:#8faec8;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:baseline;gap:10px}.wl-cards-section__sub{font-size:11px;font-weight:400;color:#4a6880;letter-spacing:.04em;text-transform:none}.wl-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-auto-rows:76px;max-width:1140px;gap:10px}.wl-card{display:flex;align-items:center;gap:10px;padding:10px 14px;background:color-mix(in srgb,var(--wl-card-accent, transparent) 30%,#0d2137);border:1px solid color-mix(in srgb,var(--wl-card-accent, transparent) 55%,#1e3448);border-radius:8px;cursor:pointer;text-align:left;transition:background .12s,border-color .12s;width:100%;height:100%}.wl-card:hover{background:color-mix(in srgb,var(--wl-card-accent, transparent) 42%,#122840);border-color:color-mix(in srgb,var(--wl-card-accent, transparent) 70%,#2e5070)}.wl-card__flag{flex-shrink:0;line-height:0}.wl-card__body{min-width:0}.wl-card__name{font-size:14px;font-weight:600;color:#c8dff0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wl-card__counts{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.wl-card__count{font-size:11px;color:#4a7a9b}.wl-card__count--level2{color:#3a6070}.confetti-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1000;overflow:hidden}.confetti-piece{position:absolute;top:-16px;animation:confetti-fall linear forwards}@keyframes confetti-fall{0%{transform:translateY(0) translate(0) rotate(0);opacity:1}80%{opacity:1}to{transform:translateY(110vh) translate(var(--drift)) rotate(var(--rotate));opacity:0}}@media (max-width: 599px){button,.btn,.search-box__item,.province-filter__item,.settings-popover__item{min-height:44px;touch-action:manipulation}}.app-controls__modes{display:flex;gap:8px;align-items:center}@media (max-width: 599px){.app-header{justify-content:flex-start;align-items:flex-start;padding:8px 12px}.btn--world-map{position:static;left:auto;align-self:flex-start}.app-title{display:none}.app-controls{flex:1;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end}.app-controls>.country-dropdown{flex:1 1 0;min-width:80px}.app-controls__modes{flex-basis:100%;flex-wrap:wrap;gap:6px;justify-content:flex-start}.app-controls__modes .toggle-btn{padding:4px 8px;font-size:12px}.toggle-btn__subtitle,.quiz-panel{display:none}.gold-dialog-backdrop{align-items:flex-start;padding:12px}.gold-dialog{display:flex;flex-direction:column;max-height:calc(100dvh - 24px);padding:0;width:100%}.rep-welcome__scroll{overflow-y:auto;flex:1;padding:24px 20px 8px}.rep-welcome__btn{flex-shrink:0;margin:12px 20px 20px}.map-prompt{top:0;left:0;right:0;transform:none;border-top:none;border-left:none;border-right:none;border-radius:0 0 var(--radius) var(--radius);max-width:100%;min-width:0}.learn-selected--mobile{position:fixed;bottom:0;left:0;right:0;border-radius:12px 12px 0 0;border-bottom:none;border-left:none;border-right:none;padding:16px 20px calc(16px + env(safe-area-inset-bottom,0px));z-index:50;animation:slide-up .2s ease}.bottom-sheet__content .quiz-panel__scroll{flex:none;overflow-y:visible;min-height:0}.bottom-sheet__content,.quiz-panel__scroll,.rep-welcome__scroll,.province-filter__list{overscroll-behavior:contain}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-sheet{position:absolute;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);border-radius:12px 12px 0 0;z-index:50;display:flex;flex-direction:column;max-height:50vh;transition:transform .25s ease;transform:translateY(calc(100% - 52px - env(safe-area-inset-bottom,0px)));padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-sheet--expanded{transform:translateY(0)}.bottom-sheet__handle{display:flex;flex-direction:column;align-items:center;padding:8px 16px 4px;cursor:pointer;flex-shrink:0;min-height:44px;justify-content:center;gap:4px;-webkit-user-select:none;user-select:none}.bottom-sheet__handle-bar{width:36px;height:4px;background:var(--color-border);border-radius:2px;flex-shrink:0}.bottom-sheet__peek{font-size:13px;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100vw - 48px)}.bottom-sheet__content{flex:1;overflow-y:auto;padding:4px 16px 16px;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px}.lb-page{min-height:100vh;background:var(--color-bg);color:var(--color-text);display:flex;flex-direction:column}.lb-page__header{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.lb-page__title{font-size:20px;font-weight:700;margin:0}.lb-page__level-toggle{margin-left:auto;display:flex;gap:6px}.lb-page__body{padding:24px 20px;flex:1}.lb-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:900px;margin:0 auto}@media (max-width: 700px){.lb-card-grid{grid-template-columns:1fr}}@media (min-width: 701px) and (max-width: 950px){.lb-card-grid{grid-template-columns:repeat(2,1fr)}}.lb-country-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:8px}.lb-country-card__name{background:none;border:none;padding:0;font-size:15px;font-weight:700;color:var(--color-accent);cursor:pointer;text-align:left;display:flex;align-items:center;gap:6px;text-decoration:underline;text-underline-offset:2px}.lb-country-card__name:hover{color:#60a5fa}.lb-country-card__flag{font-size:18px;line-height:1}.lb-country-card__count{font-size:11px;color:var(--color-text-muted);margin-top:-4px}.lb-country-card__table{font-size:11px}.lb-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.lb-dialog{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;width:min(520px,95vw);max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080}.lb-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--color-border);flex-shrink:0}.lb-dialog__title{font-size:16px;font-weight:700;margin:0}.lb-dialog__close{background:none;border:none;color:var(--color-text-muted);font-size:16px;cursor:pointer;padding:2px 6px;line-height:1;border-radius:4px}.lb-dialog__close:hover{color:var(--color-text);background:var(--color-border)}.lb-dialog__body{overflow-y:auto;padding:14px 18px;flex:1}.qc-dialog__summary{display:flex;align-items:baseline;gap:16px;padding:10px 0 16px;border-bottom:1px solid var(--color-border);margin-bottom:12px;flex-wrap:wrap}.qc-dialog__score{font-size:28px;font-weight:700}.qc-dialog__pct{font-size:20px;font-weight:600}.qc-dialog__time{font-size:16px;color:var(--color-text-muted)}.qc-dialog__rank{font-size:14px;margin-left:auto;font-weight:600}.qc-dialog__restart{display:block;margin:16px auto 0}.lb-loading,.lb-error,.lb-empty{text-align:center;color:var(--color-text-muted);padding:24px 0;font-size:14px}.lb-error{color:#ef4444}.tour-callout{position:absolute;top:32%;left:50%;transform:translate(-50%);background:var(--color-surface);border-left:3px solid var(--color-region-hl);border-radius:var(--radius);padding:12px 16px;font-size:15px;max-width:280px;z-index:180;box-shadow:0 2px 12px #0000004d;text-align:center;pointer-events:auto}.tour-callout__text{color:var(--color-text);line-height:1.4}.tour-callout__skip{display:block;margin-top:8px;font-size:13px;color:var(--color-text-muted);cursor:pointer;text-decoration:underline;background:none;border:none;padding:0}.tour-handoff{position:absolute;bottom:18%;left:50%;transform:translate(-50%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:10px 20px;font-size:14px;color:var(--color-text);z-index:100;cursor:pointer;animation:tour-handoff-fade 8s ease-in-out forwards}@keyframes tour-handoff-fade{0%,50%{opacity:1}to{opacity:0}}.tour-mode-label{font-weight:700;font-size:16px;flex-shrink:0}.tour-mode-desc{font-size:14px;color:var(--color-text-muted)}.tour-replay-link{font-size:13px;color:var(--color-text-muted);cursor:pointer;text-decoration:underline;background:none;border:none;padding:2px 0}.tour-replay-link:hover{color:var(--color-text)}.dv{display:flex;flex-direction:column;height:100vh;background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,sans-serif;font-size:13px;overflow:hidden}.dv__ribbon{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:0 14px;height:46px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.dv__title{font-size:14px;font-weight:700;color:var(--color-text);margin:0;white-space:nowrap}.dv__ribbon-sep{width:1px;height:20px;background:var(--color-border);flex-shrink:0}.dv__ribbon-spacer{flex:1}.dv__fit-group{position:relative;display:flex;gap:0}.dv__fit-main{border-top-right-radius:0;border-bottom-right-radius:0}.dv__fit-arrow{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none;padding:4px 6px}.dv__fit-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:50;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:4px 0;min-width:240px;box-shadow:0 4px 12px #00000040}.dv__fit-dropdown-item{display:block;width:100%;text-align:left;font-size:12px;padding:6px 12px;background:none;border:none;color:var(--color-text);cursor:pointer}.dv__fit-dropdown-item:hover{background:var(--color-bg)}.dv__overlays-group{position:relative}.dv__overlays-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:50;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:6px 0;min-width:180px;box-shadow:0 4px 12px #00000040}.dv__overlay-option{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:12px;cursor:pointer;color:var(--color-text);-webkit-user-select:none;user-select:none}.dv__overlay-option:hover{background:var(--color-bg)}.dv__overlay-option input{cursor:pointer;accent-color:var(--color-accent)}.dv__body{flex:1;display:flex;overflow:hidden}.dv__sidebar{width:260px;flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.dv__select{font-size:12px;padding:4px 6px;background:var(--color-bg);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer}.dv__select:focus{outline:none;border-color:var(--color-accent)}.dv__btn{font-size:12px;padding:4px 10px;background:var(--color-bg);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;white-space:nowrap}.dv__btn:hover:not(:disabled){color:var(--color-text);border-color:var(--color-text-muted)}.dv__btn:disabled{opacity:.35;cursor:not-allowed}.dv__btn--active{background:var(--color-surface);color:var(--color-text);border-color:var(--color-text-muted)}.dv__btn--primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.dv__btn--primary:hover:not(:disabled){background:#2563eb;color:#fff;border-color:#2563eb}.dv__btn--sm{font-size:11px;padding:2px 7px}.dv__app-picker{flex-shrink:0;padding:10px 14px 12px;display:flex;flex-direction:column;gap:6px;background:var(--color-surface)}.dv__app-file-list{max-height:260px;overflow-y:auto;overscroll-behavior:contain}.dv__app-group-header{font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;padding:8px 14px 3px}.dv__section{flex-shrink:0;border-top:1px solid var(--color-border)}.dv__section--files{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:60px}.dv__section--files .dv__file-list{flex:1;overflow-y:auto}.dv__section-header{display:flex;align-items:center;gap:6px;width:100%;padding:8px 14px;background:none;border:none;cursor:pointer;text-align:left;color:var(--color-text-muted);font-size:12px;font-weight:600;-webkit-user-select:none;user-select:none}.dv__section-header:hover{color:var(--color-text);background:#ffffff08}.dv__section-header--row{display:flex;align-items:center;padding:8px 14px;gap:6px}.dv__section-chevron{font-size:10px;flex-shrink:0;width:12px}.dv__section-title{flex:1}.dv__section-body{padding:6px 14px 10px;display:flex;flex-direction:column;gap:6px}.dv__section-body--nopx{padding-left:0;padding-right:0;padding-bottom:0}.dv__grat{fill:none;pointer-events:none;vector-effect:non-scaling-stroke}.dv__grat--5{stroke:#ffffff1c;stroke-width:.5px;stroke-dasharray:2 5}.dv__grat--10{stroke:#ffffff2e;stroke-width:.6px;stroke-dasharray:3 4}.dv__grat-label{fill:#ffffff52;font-size:10px;font-family:system-ui,-apple-system,sans-serif;pointer-events:none;-webkit-user-select:none;user-select:none}.dv__world-bg{fill:#1a2a3a;stroke:#506880;stroke-width:.55px;vector-effect:non-scaling-stroke;pointer-events:none}.dv__conic-row{display:flex;align-items:center;gap:6px}.dv__conic-label{font-size:12px;color:var(--color-text-muted);width:90px;flex-shrink:0}.dv__slideshow-speed{display:flex;align-items:center;gap:4px}.dv__speed-slider{width:80px;cursor:pointer;accent-color:var(--color-accent)}.dv__speed-input{width:36px;font-size:12px;padding:3px 5px;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);text-align:right}.dv__speed-input:focus{outline:none;border-color:var(--color-accent)}.dv__speed-label{font-size:12px;color:var(--color-text-muted)}.dv__proj-allnone{display:flex;gap:4px;border-bottom:1px solid var(--color-border);padding-bottom:6px;margin-bottom:2px}.dv__proj-allnone-btn{flex:1;font-size:11px;padding:2px 0;background:var(--color-bg);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer}.dv__proj-allnone-btn:hover{color:var(--color-text);border-color:var(--color-text-muted)}.dv__slideshow-proj-list{display:flex;flex-direction:column}.dv__proj-option{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:12px;cursor:pointer;color:var(--color-text);-webkit-user-select:none;user-select:none}.dv__proj-option:hover{color:var(--color-text)}.dv__proj-option input{cursor:pointer;accent-color:var(--color-accent)}.dv__slideshow-label{position:absolute;bottom:48px;left:50%;transform:translate(-50%);font-size:28px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.7);pointer-events:none;white-space:nowrap;letter-spacing:.02em}.dv__bbox-status{font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.dv__bbox-fields{display:flex;flex-direction:column;gap:4px}.dv__bbox-field-row{display:flex;align-items:center;gap:4px}.dv__bbox-field-label{font-size:11px;color:var(--color-text-muted);width:22px;flex-shrink:0;text-align:right}.dv__bbox-input{flex:1;width:auto!important;min-width:0}.dv__bbox-input--locked{opacity:.35;cursor:not-allowed}.dv__bbox-btns{display:flex;gap:6px;margin-top:6px}.dv__bbox-btns button{flex:1}.dv__sidebar-top{flex-shrink:0;padding:10px 14px 0;display:flex;flex-direction:column;gap:10px}.dv__upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 10px;border:1.5px dashed var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);text-align:center;font-size:12px;cursor:pointer;transition:border-color .15s,background .15s;line-height:1.4}.dv__upload:hover,.dv__upload--drag{border-color:var(--color-accent);background:#3b82f60f;color:var(--color-text)}.dv__upload-icon{font-size:22px;line-height:1;color:var(--color-text-muted)}.dv__warning{font-size:11px;color:var(--color-gold);background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius);padding:6px 8px;margin-bottom:6px}.dv__file-list{padding:6px 14px 10px;display:flex;flex-direction:column;gap:8px;overscroll-behavior:contain}.dv__empty{color:var(--color-text-muted);font-size:12px;padding:8px 0;text-align:center}.dv__file{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:8px 10px;display:flex;flex-direction:column;gap:5px;transition:opacity .15s;cursor:pointer;-webkit-user-select:none;user-select:none}.dv__file:hover{border-color:var(--color-text-muted)}.dv__file--hidden{opacity:.5}.dv__file-row{display:flex;align-items:center;gap:7px}.dv__swatch{width:14px;height:14px;border-radius:3px;border:none;cursor:pointer;flex-shrink:0;padding:0;transition:opacity .15s}.dv__swatch:hover{filter:brightness(1.2)}.dv__file-name{flex:1;font-size:12px;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dv__delete{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:16px;line-height:1;padding:0 2px;flex-shrink:0;opacity:.5}.dv__delete:hover{opacity:1;color:var(--color-incorrect)}.dv__file-stats{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;font-size:11px;color:var(--color-text-muted)}.dv__map{flex:1;position:relative;overflow:hidden}.dv__svg{display:block;width:100%;height:100%;cursor:grab}.dv__svg:active{cursor:grabbing}.dv__ocean{fill:#0d2137}.dv__feature{stroke-width:.8px;vector-effect:non-scaling-stroke;transition:filter .1s}.dv__feature:hover{filter:brightness(1.3) saturate(1.2)}.dv__debug{position:absolute;top:8px;right:8px;background:#000000c7;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:8px 12px;font-family:monospace;font-size:11px;line-height:1.9;color:#cdd6f4;pointer-events:none;min-width:160px}.dv__debug-label{color:#6c7086;display:inline-block;width:52px}.dv__tooltip{position:fixed;pointer-events:none;background:#0f1117f2;border:1px solid var(--color-border);border-radius:var(--radius);padding:8px 10px;max-width:240px;z-index:1000;font-size:12px;box-shadow:0 4px 16px #0006}.dv__tooltip-file{font-weight:700;font-size:11px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dv__tooltip-row{display:flex;gap:6px;line-height:1.5;overflow:hidden}.dv__tooltip-key{color:var(--color-text-muted);flex-shrink:0;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dv__tooltip-val{color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dv__tooltip-more{margin-top:3px;color:var(--color-text-muted);font-style:italic;font-size:11px}