:root{color-scheme:light;--page:#f7f8f5;--white:#fff;--ink:#263e37;--muted:#808b83;--line:#e5e9e3;--teal:#267f70;--teal-dark:#175e52;--mint:#eaf2ed;--land:#dce3da;--font:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{opacity:.35;cursor:default}a{color:var(--teal-dark)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #72ad9b;outline-offset:4px}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}button{border:0}button svg{width:20px;height:20px}button{background:none}[hidden]{display:none!important}
.site-header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:34px;padding:0 4.5%;background:#fbfcf9}.brand{text-decoration:none;color:var(--ink);font-size:29px;font-weight:650;letter-spacing:-1.4px;display:flex;align-items:center;gap:9px}.brand-icon{font-size:35px;color:var(--teal);font-weight:400;line-height:1}.brand-dot{color:var(--teal);margin-left:-8px}.header-caption{font-size:9px;letter-spacing:2px;color:#8d978d;border-left:1px solid #dce3d9;padding-left:30px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:20px}.save-state{display:flex;align-items:center;gap:7px;font-size:11px;color:#718379}.save-state i{height:5px;width:5px;border-radius:50%;background:#4f9b7c}.save-state.unsaved i{background:#bd8133}.icon-button{display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;width:38px;height:38px;background:#fff}.icon-button:hover{background:var(--mint)}main{max-width:1600px;margin:auto;padding:47px 4.5% 0}.intro{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:34px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:600;color:#7a8b7f;margin:0 0 13px}.eyebrow>span{display:inline-block;width:6px;height:6px;border:1px solid #86a18f;transform:rotate(45deg);margin-right:5px}h1{font-size:clamp(32px,3.3vw,48px);line-height:1.15;font-weight:450;letter-spacing:-1.8px;margin:0 0 12px}h1 em{font-family:Georgia,"Times New Roman",serif;color:var(--teal);font-weight:400;letter-spacing:-1.6px}.intro-copy{font-size:13px;color:#7c887e;margin:0;line-height:1.6}.progress-summary{display:flex;align-items:center;gap:18px;padding:0 14px 0 35px;border-left:1px solid var(--line)}.progress-ring{height:73px;width:73px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--teal) 0deg,#e5ebe3 0deg);position:relative}.progress-ring:before{content:"";position:absolute;inset:4px;background:var(--page);border-radius:50%}.progress-ring>span{position:relative;font-size:15px;font-weight:600}.progress-ring>span span{font-size:10px;color:var(--muted)}.count-line{margin:0 0 3px;white-space:nowrap}.count-line strong{font-size:36px;font-weight:450;letter-spacing:-1px}.count-line>span{font-size:16px;color:#a1aaa0}.count-label{font-size:11px;color:#79877c;margin:0}.atlas{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:stretch}.map-card,.countries-panel{border:1px solid var(--line);border-radius:15px;background:var(--white);overflow:hidden;box-shadow:0 3px 10px #203d2b03}.map-card{display:flex;flex-direction:column;min-width:0}.map-header{height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 23px;border-bottom:1px solid #edf0e9}.map-heading{display:flex;align-items:center;gap:9px}.map-heading>svg{width:17px;height:17px;color:#73897a}h2{font-size:14px;font-weight:600;margin:0}.map-hint{font-family:Georgia,serif;font-style:italic;font-size:12px;color:#98a292}.map-stage{position:relative;background:#f6f8f3;min-height:420px;height:clamp(420px,53vh,620px);overflow:hidden;background-image:radial-gradient(#bccbb033 .65px,transparent .65px);background-size:7px 7px}#world-map{display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline-offset:-4px}#world-map:active{cursor:grabbing}.land{fill:var(--land);stroke:#f7f9f4;stroke-width:.7;vector-effect:non-scaling-stroke;stroke-linejoin:round}.land.trackable{cursor:pointer;transition:fill .16s}.land.visited{fill:var(--teal)}.land.trackable:hover,.land.trackable.hovered{fill:#afc4b7}.land.visited:hover,.land.visited.hovered{fill:#1b6458}.graticule{fill:none;stroke:#dbe3d4;stroke-width:.55;vector-effect:non-scaling-stroke;opacity:.62;pointer-events:none}.marker{cursor:pointer}.marker circle.dot{fill:#f8faf5;stroke:#648475;stroke-width:1.5}.marker.visited circle.dot{fill:var(--teal);stroke:#fff;stroke-width:2}.marker circle.hit{fill:transparent;stroke:none}.marker text{font-size:11px;font-weight:550;fill:#385846;stroke:#f6f8f3;stroke-width:4px;paint-order:stroke;pointer-events:none}.marker:hover circle.dot{fill:#9abdaa}.marker.visited:hover circle.dot{fill:var(--teal-dark)}.map-controls{position:absolute;right:18px;bottom:23px;display:flex;flex-direction:column;background:#fff;box-shadow:0 3px 12px #2e463615;border:1px solid #dfe6da;border-radius:10px;padding:3px;gap:1px}.map-controls button{width:36px;height:36px;display:grid;place-items:center;border-radius:6px;font-size:23px;font-weight:300}.map-controls button:hover{background:#eff3ec}.map-controls span{height:1px;background:var(--line);margin:3px 5px}.map-controls button svg{width:17px;height:17px}.compass{position:absolute;right:29px;top:23px;pointer-events:none;display:grid;justify-items:center;color:#7c8e7a;font-size:9px;gap:2px}.compass svg{width:26px;height:32px;stroke-width:1;fill:#b1bfaa}.compass svg path+path{stroke:#f6f8f3}.map-instruction{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:10px;white-space:nowrap;display:flex;align-items:center;gap:5px;color:#84917f;background:#f6f8f3dd;padding:7px 9px;border-radius:20px;pointer-events:none}.map-instruction svg{width:13px;height:13px}.map-tooltip{position:absolute;background:#263e37;color:#fff;border-radius:7px;pointer-events:none;padding:8px 11px;font-size:11px;box-shadow:0 4px 12px #18332820;z-index:3;white-space:nowrap}.map-loading{position:absolute;inset:0;display:grid;place-items:center;color:#7e927c;font-family:Georgia,serif;font-style:italic;background:#f6f8f3e8}.map-bottom{height:53px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 22px;border-top:1px solid var(--line)}.legend{display:flex;gap:18px;font-size:10px;color:#6f8174}.legend>span{display:flex;align-items:center;gap:6px}.legend i{width:8px;height:8px;border-radius:2px;display:block}.visited-dot{background:var(--teal)}.unvisited-dot{background:var(--land);border:1px solid #cdd7c8}.gesture-hint{font-size:9px;color:#95a18e}.countries-panel{display:flex;flex-direction:column;padding-top:22px;position:relative;min-height:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:0 21px;margin-bottom:20px}.total-badge{background:#f1f4ee;padding:4px 7px;border-radius:5px;font-size:10px;color:#84917c}.search-wrap{margin:0 17px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;padding:0 11px;gap:9px;height:40px;background:#fcfdfb}.search-wrap svg{width:16px;height:16px;color:#8a9886;flex-shrink:0}.search-wrap input{width:100%;min-width:0;border:0;background:none;color:var(--ink);font-size:11px;outline:none;height:100%}.search-wrap:focus-within{outline:2px solid #9abdaa;outline-offset:2px}.search-wrap input::placeholder{color:#99a38f}.list-toolbar{display:flex;justify-content:space-between;align-items:center;margin:18px 20px 8px;gap:5px}.list-toolbar>span{font-size:8px;letter-spacing:1.1px;color:#9ba593}.filter-label{display:flex;align-items:center;gap:6px;font-size:9px;color:#74836e;cursor:pointer;position:relative;min-height:26px}.filter-label input{position:absolute;opacity:0;width:25px;height:15px;left:0;margin:0}.switch{height:13px;width:23px;background:#dfe5da;border-radius:10px;position:relative;pointer-events:none}.switch:after{content:"";position:absolute;top:3px;left:3px;border-radius:50%;height:7px;width:7px;background:#fff;transition:transform .15s}.filter-label input:checked+.switch{background:var(--teal)}.filter-label input:checked+.switch:after{transform:translateX(10px)}.filter-label input:focus-visible+.switch{outline:2px solid var(--teal);outline-offset:3px}.country-list{flex:1;min-height:0;overflow:auto;max-height:calc(clamp(420px,53vh,620px) - 80px);padding:0 9px 12px;scrollbar-width:thin;scrollbar-color:#dce4d7 transparent}.country-row{display:flex;align-items:center;gap:10px;min-height:43px;padding:8px 11px;border-radius:7px;cursor:pointer}.country-row:hover{background:#f5f8f1}.country-row.checked{background:#eff5ef}.country-row+.country-row{margin-top:2px}.country-row input{appearance:none;flex-shrink:0;width:16px;height:16px;border:1px solid #d3ddd0;border-radius:4px;margin:0 1px 0 auto;background:white;display:grid;place-items:center;cursor:pointer}.country-row input:checked{background:var(--teal);border-color:var(--teal)}.country-row input:checked:after{content:"✓";color:white;font-size:11px}.country-flag{font-size:18px;width:24px;text-align:center;filter:saturate(.8)}.country-name{font-size:11px;font-weight:450;line-height:1.4}.country-region{display:block;font-size:8px;color:#9aa48e;margin-top:2px}.panel-foot{margin-top:auto;border-top:1px solid var(--line);min-height:47px;display:flex;gap:6px;justify-content:center;align-items:center;font-size:9px;color:#92a087}.panel-foot svg{width:12px;height:12px}.empty-list{padding:25px 20px;color:var(--muted);font-size:12px;line-height:1.6}.page-footer{display:flex;align-items:center;justify-content:space-between;padding:23px 2px 28px;color:#94a08f}.page-footer p{font-size:10px;margin:0}.page-footer p em{font-family:Georgia,serif;margin-left:4px}.page-footer button{font-size:9px;color:#94a08f;padding:8px 0}.page-footer button:hover{color:var(--teal)}.page-footer button span{margin-left:8px}.warning{border:1px solid #decda9;border-radius:8px;background:#fff7e8;color:#845e28;padding:12px 16px;line-height:1.6}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);border-radius:12px;background:#263e37;color:#fff;box-shadow:0 10px 35px #162e3128;padding:13px 14px 13px 17px;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 28px);z-index:10;font-size:12px;min-height:50px}.toast-check{background:#427b66;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:10px;flex-shrink:0}#toast-message{line-height:1.5}.toast button{color:white;font-size:11px;min-height:30px}#undo-button{text-decoration:underline;text-underline-offset:3px;margin-left:10px}.toast-close{font-size:21px!important;opacity:.6;margin-left:3px;padding:0 5px}
dialog{border:1px solid var(--line);border-radius:19px;background:var(--page);color:var(--ink);padding:26px;max-width:460px;width:calc(100vw - 32px);box-shadow:0 20px 100px #163e3820}dialog::backdrop{background:#1c312e65;backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.dialog-top .eyebrow{margin:0;font-size:8px}.dialog-top button{width:30px;height:30px;font-size:23px;font-weight:300}dialog h2{font-family:Georgia,serif;font-size:28px;font-weight:400;letter-spacing:-.7px}dialog p{font-size:12px;line-height:1.8;color:#7b877d}dialog .backup-actions{display:flex;gap:9px;flex-wrap:wrap;margin:21px 0 0}.primary-button,.secondary-button{padding:12px 16px;border-radius:8px;font-size:11px;min-height:42px}.primary-button{background:var(--teal);color:#fff}.primary-button:hover{background:var(--teal-dark)}.secondary-button{border:1px solid #d5ded0;background:#fff}.secondary-button:hover{background:#edf3e9}.dialog-note{font-size:10px!important;margin:13px 0 24px}.about-country{border-top:1px solid var(--line);padding-top:20px}.about-country h3{font-size:12px;margin:0 0 8px}.about-country p{font-size:11px}details{font-size:10px;color:#83917b;margin-top:18px}summary{cursor:pointer}details p{font-size:10px!important}.fatal-error{text-align:center;padding:25px;color:#7c5340;background:#fff6ed;margin:20px;border-radius:8px}
@media(min-width:1700px){.map-stage{height:600px}.country-list{max-height:520px}}
@media(max-width:1100px){.atlas{grid-template-columns:minmax(0,1fr) 265px;gap:16px}.map-hint{display:none}.header-caption{font-size:8px}.progress-summary{padding-left:22px;gap:12px}.map-bottom{padding:0 16px}.gesture-hint{font-size:8px}.intro-copy{font-size:12px}.country-list{max-height:calc(clamp(420px,53vh,620px) - 80px)}}
@media(max-width:780px){.site-header{height:72px;padding:0 5%}.brand{font-size:26px}.brand-icon{font-size:30px}.header-caption{display:none}.header-actions{gap:12px}.save-state{font-size:10px}main{padding:30px 5% 0}.intro{align-items:flex-start;gap:16px;margin-bottom:24px;flex-wrap:wrap}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:36px}.intro-copy{font-size:12px;max-width:340px}.progress-summary{border-left:0;padding:3px 0 0;gap:13px}.progress-ring{width:49px;height:49px}.progress-ring:before{inset:3px}.progress-ring>span{font-size:11px}.count-line strong{font-size:27px}.count-line>span{font-size:13px}.count-label{font-size:10px}.atlas{grid-template-columns:1fr;gap:18px}.map-stage{height:440px;min-height:350px}.map-header{height:54px;padding:0 17px}.map-hint{display:inline;font-size:10px}.map-bottom{height:48px}.gesture-hint{font-size:8px}.countries-panel{padding-top:20px}.panel-heading{margin-bottom:15px}.country-list{max-height:370px;flex:auto}.country-row{min-height:49px;padding:9px 13px}.country-name{font-size:12px}.country-region{font-size:9px}.country-row input{width:19px;height:19px}.search-wrap input{font-size:13px}.search-wrap{height:44px}.list-toolbar>span{font-size:9px}.filter-label{font-size:11px;min-height:34px}.switch{height:16px;width:28px}.switch:after{height:10px;width:10px}.filter-label input:checked+.switch:after{transform:translateX(12px)}.list-toolbar{margin-top:12px}.panel-foot{min-height:44px}.map-controls button{width:39px;height:39px}.map-controls{right:12px;bottom:14px}.map-instruction{font-size:9px;left:16px;transform:none;bottom:14px;max-width:calc(100% - 85px);white-space:normal;line-height:1.5}.page-footer{gap:15px}.page-footer button{font-size:8px}.toast{bottom:18px;width:max-content}.compass{right:25px}.page-footer p{font-size:9px}}
@media(max-width:390px){.save-state span{display:none}h1{font-size:31px}.map-hint{display:none}.map-stage{height:395px}.gesture-hint{display:none}.page-footer{align-items:flex-start}.intro-copy{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

a.primary-button{display:inline-flex;align-items:center;text-decoration:none;cursor:pointer}

/* Personal palettes keep the neutral page while colouring the atlas and controls. */
:root{--map-ocean:#f6f8f3;--map-border:#f7f9f4;--map-grid:#dbe3d4;--label-ink:#385846;--visited-hover:#1b6458;--theme-soft:#eff5ef}
:root[data-palette="ocean"]{--teal:#2d709c;--teal-dark:#21577a;--mint:#e8f1f7;--land:#d7e2e9;--map-ocean:#f0f6fa;--map-border:#f3f8fc;--map-grid:#cfdee9;--label-ink:#304f65;--visited-hover:#245e85;--theme-soft:#edf4f9}
:root[data-palette="terracotta"]{--teal:#ac5a3c;--teal-dark:#82432d;--mint:#f5ece4;--land:#e6dacb;--map-ocean:#faf5ee;--map-border:#fcf8f2;--map-grid:#e6d9c9;--label-ink:#715240;--visited-hover:#934b32;--theme-soft:#f8eee7}
:root[data-palette="lavender"]{--teal:#7860a0;--teal-dark:#5c477e;--mint:#efeaf6;--land:#e0dce9;--map-ocean:#f6f3fa;--map-border:#faf7fd;--map-grid:#ddd5e9;--label-ink:#58476f;--visited-hover:#624b87;--theme-soft:#f2edf8}
.map-stage{background-color:var(--map-ocean)}.land{stroke:var(--map-border)}.graticule{stroke:var(--map-grid)}.land.visited:hover,.land.visited.hovered{fill:var(--visited-hover)}.land.trackable:hover,.land.trackable.hovered{fill:var(--teal);fill-opacity:.7}.land.visited:hover,.land.visited.hovered{fill-opacity:1}.map-instruction{background:var(--map-ocean);color:var(--label-ink);opacity:.85}.marker text{fill:var(--label-ink);stroke:var(--map-ocean)}.marker circle.dot{fill:var(--map-ocean);stroke:var(--teal)}.marker.visited circle.dot{fill:var(--teal);stroke:#fff}.marker:hover circle.dot{fill:var(--teal)}.country-row.checked{background:var(--theme-soft)}.country-labels,.country-label{pointer-events:none}.country-label{font-family:var(--font);font-size:11px;font-weight:550;letter-spacing:.1px;fill:var(--label-ink);stroke:var(--map-ocean);stroke-width:3px;stroke-linejoin:round;paint-order:stroke}.country-label.visited{fill:#fff;stroke:var(--teal);stroke-width:3.5px}
.title-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.title-row h1{margin:0;overflow-wrap:anywhere}.intro>div:first-child{min-width:0}.rename-button{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#91a08c;flex-shrink:0;padding:6px}.rename-button svg{width:16px;height:16px}.rename-button:hover{color:var(--teal);background:var(--mint)}
dialog{max-width:510px;max-height:calc(100dvh - 40px);overflow:auto}.personalisation{margin:23px 0 25px}.setting-label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}.name-input-row{display:flex;gap:8px}.name-input-row input{flex:1;min-width:0;border:1px solid #d5ded0;background:#fff;border-radius:8px;padding:11px 12px;color:var(--ink);font-size:13px}.name-input-row .primary-button{flex-shrink:0}.setting-help{font-size:10px!important;margin:8px 0 0;line-height:1.6!important}.setting-feedback{font-size:11px!important;color:var(--teal)!important;margin:7px 0 0}.palette-picker{padding:0;border:0;margin:23px 0 0}.palette-picker legend{padding:0}.palette-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.palette-choice{position:relative;cursor:pointer}.palette-choice input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.palette-content{display:flex;align-items:center;gap:9px;min-height:48px;border:1px solid #dfe5da;border-radius:9px;padding:10px;background:#fff;font-size:11px}.palette-swatches{display:flex;flex-shrink:0}.palette-swatches i{width:14px;height:21px;border:1px solid #23362c0b}.palette-swatches i:first-child{border-radius:4px 0 0 4px}.palette-swatches i:last-child{border-radius:0 4px 4px 0}.palette-check{margin-left:auto;color:var(--teal);visibility:hidden}.palette-choice input:checked+.palette-content{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal);background:var(--theme-soft)}.palette-choice input:checked+.palette-content .palette-check{visibility:visible}.palette-choice input:focus-visible+.palette-content{outline:3px solid var(--teal);outline-offset:3px}.backup-section{padding-top:21px;border-top:1px solid var(--line)}.backup-section>h3{font-family:Georgia,serif;font-size:22px;font-weight:400;letter-spacing:-.4px;margin:0}.backup-section .dialog-note{margin-bottom:21px}input:focus-visible,button:focus-visible,a:focus-visible{outline-color:var(--teal)}
@media(max-width:780px){.title-row{gap:5px}.title-row h1{font-size:clamp(29px,7vw,36px)}.rename-button{width:27px;height:27px}.name-input-row input{font-size:16px}.palette-content{gap:7px;font-size:10px;padding:9px}.palette-swatches i{width:12px}.name-input-row .primary-button{padding:11px 12px}}