@font-face{font-family:Space Grotesk;src:url('/articles/geoguessr-evals/assets/vendor/space-grotesk.ttf') format('truetype');font-weight:300 700;font-display:swap}
:root{--ink:#162d49;--muted:#526882;--blue:#1647cf;--sky:#eef5ff;--line:#d5e0ee;--white:#fff;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:white;color:var(--ink);font:18px/1.7 'Space Grotesk',sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--blue);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,select{font:inherit;color:inherit;cursor:pointer}button{background:white;border:1px solid var(--line);padding:8px 13px;border-radius:6px}button:hover{border-color:var(--blue)}button[aria-pressed=true]{background:#e6edff;border-color:var(--blue)}:focus-visible{outline:3px solid #2862e7;outline-offset:4px}svg{display:block;width:100%;height:auto}img{display:block;max-width:100%;height:auto}.skip{position:absolute;left:16px;top:-80px;z-index:10;background:white;padding:12px}.skip:focus{top:10px}
.masthead{max-width:1320px;margin:auto;padding:24px 36px;display:flex;align-items:center;gap:24px;font-size:14px;border-bottom:1px solid var(--line)}.masthead .home{font-size:20px;font-weight:700;color:var(--ink);text-decoration:none}.masthead span{color:var(--muted);flex:1}.masthead>a:last-child{font-weight:600}
.hero{max-width:1320px;margin:auto;padding:64px 36px 72px;display:grid;grid-template-columns:1.04fr 1.24fr;gap:48px;align-items:center}.hero-copy .byline{font-size:14px;color:var(--muted);margin:0 0 18px}.hero h1{font-size:clamp(42px,4.6vw,68px);line-height:1.06;letter-spacing:-2.8px;margin:0 0 25px;font-weight:600}.hero-copy>p:not(.byline){max-width:540px;margin:0;color:var(--muted);font-size:20px;line-height:1.65}.hero-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:27px;font-size:15px}.button{display:inline-flex;align-items:center;text-decoration:none;background:var(--blue);color:white;padding:12px 19px;border-radius:6px;font-size:15px;font-weight:600}.button:hover{background:#123baa}.hero-image{margin:0;position:relative;align-self:center}.hero-image img{width:100%;aspect-ratio:8/5;object-fit:cover;border-radius:10px}.hero-image figcaption{font-size:13px;line-height:1.5;color:var(--muted);margin-top:12px}.photo-stamp{position:absolute;left:18px;top:18px;background:rgba(255,255,255,.94);padding:12px 18px;border-radius:5px;line-height:1.35}.photo-stamp span{display:block;color:var(--muted);font-size:12px}.photo-stamp strong{font-size:20px;display:block;font-weight:600}
main{max-width:1250px;margin:auto;padding:0 36px}section{margin:0 0 78px;scroll-margin-top:26px}h2{font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.18;letter-spacing:-1px;margin:0 0 22px;max-width:910px}h3{font-size:23px;line-height:1.3;font-weight:600;letter-spacing:-.4px;margin:32px 0 16px}p{margin:0 0 20px}strong,b{font-weight:600}.prose{max-width:760px}.section-lead{max-width:880px;margin-bottom:26px}.section-lead p{max-width:790px}.prose p{max-width:70ch}.figure-note,.small{font-size:14px;color:var(--muted);line-height:1.6}.figure-note{margin:14px 0 24px}.selection-note{font-size:15px;padding:15px 18px;background:var(--sky);border-left:3px solid var(--blue);margin:0 0 26px}.figure-surface{padding:14px 6px;background:#f7faff;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.play-section{display:grid;grid-template-columns:1.12fr 1fr;gap:40px;padding:30px 32px;border-radius:10px;background:var(--sky)}.play-section h2{font-size:29px}.play-section p{font-size:16px;line-height:1.65}.play-section .small{font-size:13px;margin-bottom:0}.challenge-links{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;align-content:center}.challenge-links a{background:white;border:1px solid var(--line);text-decoration:none;border-radius:6px;padding:14px 8px;text-align:center;color:var(--ink);font-size:15px;font-weight:600}.challenge-links a:hover{border-color:var(--blue);color:var(--blue)}.challenge-links span{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:3px}.intro{margin-bottom:26px}.flow{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:#f8faff;border-bottom:2px solid #b6c8e3;margin:28px 0 82px;gap:18px}.flow div{flex:1}.flow span:not(.flow>span){font-size:13px;color:var(--muted);display:block}.flow strong{font-size:18px;display:block}.flow>span{font-size:30px;color:#8aa3c3}
.result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;font-size:14px;color:var(--muted)}.tabs{display:flex;gap:8px}.table-scroll{overflow-x:auto;width:100%;border-bottom:1px solid var(--line)}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:15px}caption{text-align:left;caption-side:bottom;font-size:12px;color:var(--muted);padding:13px 0}th,td{padding:16px 12px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}th:first-child,td:first-child{text-align:left}thead th{font-weight:600;font-size:13px;background:var(--sky)}thead small{font-weight:400;color:var(--muted);font-size:12px}tbody th{font-weight:500}.swatch{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px}td.primary{font-size:22px;font-weight:600}.rank-controls{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 18px}.model-toggles{display:flex;flex-wrap:wrap;gap:7px}.model-toggles button{font-size:12px;padding:6px 10px;background:white}.model-toggles button[aria-pressed=true]{background:#f3f7ff}.model-toggles button[aria-pressed=false]{opacity:.45}.rank-controls label{font-size:13px;flex-shrink:0;max-width:160px}.rank-controls select{display:block;font-size:13px;padding:7px 8px;border:1px solid var(--line);background:white;border-radius:4px;max-width:100%}.chart-text{font-family:'Space Grotesk',sans-serif;fill:var(--muted)}
.case-study{padding:34px;background:var(--sky);border-radius:10px}.case-images{display:grid;grid-template-columns:1fr 1fr;gap:20px}.case-images figure{margin:0}.case-images img{width:100%;aspect-ratio:8/5;object-fit:contain;border-radius:7px}.case-images figcaption{font-size:14px;margin-top:11px;line-height:1.5}.case-images figcaption span{display:block;color:var(--muted);font-size:12px}.case-conclusion{display:grid;grid-template-columns:.8fr 1.3fr;align-items:start;gap:34px;margin-top:32px}.case-conclusion>strong{font-size:38px;line-height:1.3;letter-spacing:-1px;white-space:nowrap}.case-conclusion strong span{font-weight:400;color:#7c96c4}.case-conclusion p{font-size:16px;line-height:1.65;margin-bottom:0}.case-study .figure-note{margin-bottom:0}.explorer-section{border-top:2px solid var(--line);padding-top:42px}
#atlas #visual-explorer{margin:0;padding:0;font-size:15px}#atlas #visual-explorer h2{display:none}#atlas .vx-intro{display:none}#atlas #visual-explorer button,#atlas #visual-explorer select{font-family:'Space Grotesk',sans-serif;border-radius:5px;font-size:13px}#atlas #visual-explorer .vx-grid{gap:26px}#atlas #vx-models button{color:var(--ink)}#atlas #vx-map{border-radius:8px}#atlas #vx-image{border-radius:8px}#atlas #visual-explorer .vx-help{font-size:12px}
.ring-key,.solid-key{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle;margin-right:5px}.ring-key{border:2px solid var(--ink);background:white}.solid-key{background:var(--ink);margin-left:20px}.haiku-section{border-top:2px solid var(--line);padding-top:40px}.haiku-compare{display:grid;grid-template-columns:1fr 1fr;max-width:780px;background:var(--sky);margin:28px 0 34px;border-radius:8px;overflow:hidden}.haiku-compare>div{padding:26px 34px}.haiku-compare>div+div{border-left:1px solid #c9d8eb}.haiku-compare span{font-size:15px;color:var(--muted)}.haiku-compare strong{display:block;font-size:76px;line-height:1.2;letter-spacing:-3px;margin:10px 0;color:#b34c88}.haiku-compare>div+div strong{color:#df5821}.haiku-compare small{font-size:24px;letter-spacing:-1px}.haiku-compare p{font-size:14px;margin:8px 0 0}.method-columns{display:grid;grid-template-columns:1fr 1fr;gap:42px;font-size:16px}.method-columns h3{margin-top:0}.method-columns p{max-width:62ch}details{padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:25px 0}summary{font-size:16px;cursor:pointer;font-weight:600}details p{font-size:15px;max-width:75ch;margin-top:18px}#model-settings{font-size:13px}#model-settings th{text-align:left}#model-settings td{text-align:left}.downloads{display:flex;align-items:center;flex-wrap:wrap;gap:23px;font-size:14px;margin-top:28px}.next{margin-bottom:78px}footer{max-width:1250px;margin:auto;padding:30px 36px 50px;border-top:2px solid var(--ink);display:flex;align-items:flex-start;gap:40px}footer>a{font-weight:600;white-space:nowrap;color:var(--ink);text-decoration:none}footer p{font-size:12px;line-height:1.8;color:var(--muted);max-width:90ch;margin:0}
@media(max-width:1000px){.hero{gap:28px;grid-template-columns:1fr 1fr}.hero h1{font-size:48px;letter-spacing:-1.8px}.hero-copy>p:not(.byline){font-size:17px}.play-section{grid-template-columns:1fr}.challenge-links{grid-template-columns:repeat(5,1fr)}.case-conclusion{grid-template-columns:1fr;gap:18px}.rank-controls{flex-wrap:wrap}.rank-controls label{max-width:unset}.rank-controls select{display:inline-block;margin-left:8px}.case-conclusion>strong{font-size:34px}}
@media(max-width:700px){body{font-size:17px}.masthead{padding:18px 20px;font-size:12px;gap:12px}.masthead span{display:none}.masthead .home{flex:1;font-size:18px}.hero{padding:38px 20px 42px;grid-template-columns:1fr;gap:30px}.hero h1{font-size:clamp(39px,9vw,54px);letter-spacing:-1.5px}.hero-copy>p:not(.byline){font-size:18px}.hero-links{font-size:13px;gap:16px}main{padding:0 20px}section{margin-bottom:55px}h2{font-size:29px;letter-spacing:-.7px}.play-section{padding:24px 20px;gap:20px}.challenge-links{grid-template-columns:repeat(5,1fr);gap:5px}.challenge-links a{font-size:12px;padding:13px 3px}.challenge-links span{font-size:9px}.flow{padding:18px;margin-bottom:58px;gap:9px}.flow strong{font-size:12px}.flow div>span{font-size:10px}.flow>span{font-size:20px}.result-toolbar{flex-wrap:wrap;gap:10px}.tabs button{font-size:12px;padding:8px 10px}.table-scroll table{min-width:720px}#model-settings{min-width:480px}.figure-surface{padding:5px 0}.rank-controls{gap:15px}.model-toggles{gap:5px}.model-toggles button{font-size:10px;padding:5px 7px}.case-study{padding:24px 18px}.case-images{grid-template-columns:1fr;gap:22px}.case-conclusion>strong{font-size:30px}.case-conclusion p{font-size:15px}.method-columns{grid-template-columns:1fr;gap:20px}.haiku-compare>div{padding:22px 18px}.haiku-compare span{font-size:12px}.haiku-compare strong{font-size:59px;letter-spacing:-2px}.haiku-compare small{font-size:17px}.haiku-compare p{font-size:12px}.downloads{gap:16px;font-size:13px}footer{padding:26px 20px 38px;flex-direction:column;gap:14px}.figure-note{font-size:12px}.selection-note{font-size:13px}#atlas #visual-explorer .vx-grid{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

@media(max-width:700px){.figure-surface{overflow-x:auto}.figure-surface>svg{min-width:950px}#rank-caption::after{content:" Scroll the chart sideways on a small screen."}}

.failure-rate strong{display:block;font-size:17px}.failure-rate small{display:block;color:var(--muted);font-size:12px}.failure-rate.has-failures strong{color:#993924}

/* Graphics-first study: reuse the existing maps, chart surfaces and local font. */
.graphic-hero{max-width:1250px;margin:0 auto;padding:44px 36px 30px}.graphic-hero h1{font-size:clamp(40px,5vw,64px);letter-spacing:-2.6px;line-height:1.06;margin:0 0 16px;font-weight:600}.graphic-hero p{font-size:17px;color:var(--muted);margin-bottom:8px}.graphic-hero>a{font-size:13px}.graphic-study .explorer-section{border-top:0;padding-top:0}.graphic-study section{margin-bottom:60px}.graphic-study .section-lead{margin-bottom:16px}.graphic-study .section-lead h2{margin-bottom:12px}.graphic-study .section-lead p{font-size:15px;color:var(--muted);margin-bottom:0}.graphic-study .study-methods{margin:0}.graphic-study .method-copy{max-width:760px;padding-top:8px}.graphic-study #atlas .vx-image-column{position:sticky;top:20px;align-self:start}.graphic-study #vx-models{grid-template-columns:repeat(2,minmax(0,1fr))}.graphic-study #vx-models button{min-width:0;font-size:12px;gap:6px;padding:8px 6px;line-height:1.3}.graphic-study #vx-models button>span:nth-child(2){min-width:0;overflow-wrap:anywhere}.graphic-study #atlas .vx-note-fold{margin:0;padding:12px 0}.graphic-study #atlas .vx-note-fold summary{font-size:13px}.graphic-study #vx-note{font-size:14px;border:0;padding-top:14px}.graphic-study #atlas .vx-attribution{font-size:11px}.graphic-study .play-section{padding:26px 30px}.graphic-study .play-section p{margin-bottom:8px}.graphic-study .downloads{margin-top:20px}
@media(max-width:850px){.graphic-study #atlas .vx-image-column{position:static}.graphic-study #vx-models{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.graphic-hero{padding:30px 20px 26px}.graphic-hero h1{letter-spacing:-1.8px}.graphic-hero p{font-size:14px}.graphic-study .masthead{flex-wrap:wrap}.graphic-study .masthead .home{flex:1 0 40%}.graphic-study section{margin-bottom:42px}.graphic-study .play-section{padding:22px 18px}.graphic-study #vx-models button{font-size:11px}}

.graphic-study .challenge-links{grid-template-columns:repeat(5,1fr)}.graphic-study .challenge-links [data-play-game]{font-size:11px;padding:6px 5px;border:0;background:transparent;color:var(--blue)}

.challenge-card{min-width:0}.challenge-card>a{display:block}.challenge-card>[data-play-game]{width:100%;line-height:1.35;margin-top:4px}

/* Compact comparison and immediate model hover details. */
#results-table{font-size:13px;line-height:1.15}#results-table th,#results-table td{padding:6px 8px}#results-table thead th{font-size:11px;padding:8px}#results-table thead small{font-size:10px}#results-table td.primary{font-size:14px;font-weight:600}#results-table caption{font-size:11px;line-height:1.4;padding:8px 0}#results .result-toolbar{margin-bottom:8px}#results .section-lead{margin-bottom:12px}#results-table tbody tr:hover{background:#f3f7ff}
.play-launcher{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px;font-size:13px}.play-launcher label{display:flex;align-items:center;gap:7px}.play-launcher select{background:white;border:1px solid var(--line);border-radius:5px;padding:7px 9px;font-size:13px}.play-launcher .button{padding:8px 13px;font-size:13px}
.chart-tooltip{position:fixed;z-index:50;pointer-events:none;max-width:min(300px,calc(100vw - 24px));padding:12px 15px;background:#162d49;color:white;border-radius:7px;box-shadow:0 8px 26px #162d4929;font-size:13px;line-height:1.45;white-space:pre-line;font-variant-numeric:tabular-nums}.chart-tooltip[hidden]{display:none}.chart-muted{opacity:.16!important}.chart-focus[data-rank-line]{stroke-width:3.5}#movement-chart [data-chart-model],#rank-chart [data-rank-line],#explore-grid [data-explore-model]{cursor:pointer}
@media(max-width:700px){#results-table{font-size:12px}#results-table th,#results-table td{padding:5px 7px}#results-table td.primary{font-size:13px}.play-launcher{gap:10px}.play-launcher>a:last-child{font-size:12px}}