:root{--lime:#8acd00;--blue:#1615d4;--ink:#050505;--paper:#f5f6ed;--ocean:#e1e8f2;--empty:#fcfcf7}*{box-sizing:border-box}body{margin:0;background:var(--lime);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}a{color:inherit}button{border:2px solid var(--ink);border-radius:8px;padding:12px 20px;font-weight:700;background:var(--paper);color:var(--ink)}button:hover{background:var(--ink);color:white}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:4px}[hidden]{display:none!important}.topbar{max-width:1360px;margin:auto;padding:24px 40px;display:flex;justify-content:space-between;align-items:center}.topbar>a{text-decoration:none;font-weight:bold}.brand{display:flex;align-items:center;gap:10px;font-size:24px;letter-spacing:-1px}.brand img{width:38px;height:38px;border-radius:50%;object-fit:cover}main{max-width:1360px;padding:0 40px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;gap:50px;padding:24px 0 48px}h1{font-family:'Arial Black',Arial,sans-serif;font-size:clamp(58px,7.7vw,108px);line-height:.94;letter-spacing:-.065em;margin:0;font-weight:900}.invitation{width:300px;flex-shrink:0}.invitation>p:first-child{font-size:22px;line-height:1.35;margin:0 0 22px}.invitation button{background:var(--blue);color:white;border-color:var(--blue);width:100%}.invitation button:hover{background:var(--ink);border-color:var(--ink)}.small{font-size:13px;line-height:1.5}.invitation .small{min-height:40px;margin:10px 0 0}.challenge{background:var(--paper);border:2px solid var(--ink);border-radius:18px;overflow:hidden}.toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:20px 24px;border-bottom:1px solid #c2c8b7}.view-switch{display:flex;gap:5px}.view-switch button{border-color:transparent;background:transparent;padding:10px 16px;border-radius:6px}.view-switch button[aria-pressed=true]{background:var(--ink);color:white}.view-switch button:hover{color:var(--blue)}.view-switch button[aria-pressed=true]:hover{color:white}.period{font-size:14px}.period select,.places select{background:transparent;border:0;font-weight:bold;padding:8px;color:var(--ink)}.scoreline{padding:24px 28px 12px;display:flex;justify-content:space-between;align-items:center;gap:20px}.scoreline>div{display:flex;gap:14px;align-items:center}.scoreline strong{font-size:64px;letter-spacing:-4px;line-height:1}.scoreline span{max-width:150px;line-height:1.25;font-weight:bold}.scoreline p{max-width:260px;font-size:15px;line-height:1.45}progress{display:block;width:calc(100% - 56px);height:10px;margin:0 28px 20px;border:0;accent-color:var(--blue)}progress::-webkit-progress-bar{background:#dce0d3;border-radius:6px}progress::-webkit-progress-value{background:var(--blue);border-radius:6px}.map-wrap{background:var(--ocean);padding:16px 24px 0}#world-map{display:block;width:100%;max-height:540px}#world-map path{fill:var(--empty);stroke:#777f8b;stroke-width:.6;vector-effect:non-scaling-stroke;cursor:pointer}#world-map path.reached{fill:var(--blue);stroke:#9faae7}#world-map path:hover,#world-map path.selected{fill:var(--lime);stroke:var(--ink);stroke-width:1.5}#state-map{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:7px;max-width:930px;margin:12px auto 24px}#state-map button{aspect-ratio:1.2;padding:0;border:1px solid #7b8290;background:var(--empty);font-size:clamp(10px,1.7vw,20px);border-radius:5px}#state-map button.reached{background:var(--blue);color:white}#state-map button.selected,#state-map button:hover{background:var(--lime);color:var(--ink);border-color:var(--ink)}#map-detail{margin:0;padding:16px 0;min-height:52px;font-size:15px;text-align:center;font-weight:bold}.map-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 28px;font-size:12px}.map-footer p{max-width:380px;margin:0;line-height:1.5}.legend{display:flex;gap:18px;flex-shrink:0}.legend span{display:flex;gap:7px;align-items:center}.legend i{display:inline-block;width:12px;height:12px;background:var(--empty);border:1px solid #777f8b;border-radius:50%}.legend i.reached{background:var(--blue)}#load-status{font-size:13px;margin:0;padding:0 28px 16px}#retry{margin:0 28px 20px}.explore{display:grid;grid-template-columns:1fr 1.5fr;gap:64px;margin:44px 0 55px}h2{font-size:27px;letter-spacing:-1px;margin:0 0 12px}.ranking>p{font-size:14px;margin:0}.ranking ol{padding:0;list-style:none;margin:24px 0}.ranking li{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #639500;padding:15px 0}.ranking li span:first-child{display:flex;gap:15px}.ranking li b{color:var(--blue)}.share{background:transparent}.places-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.places-heading h2{margin:0}.search input{width:100%;border:1px solid #527e00;background:#ffffff80;border-radius:6px;padding:13px 16px;margin:16px 0}.place-list{max-height:300px;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px}.place-list button{text-align:left;font-size:14px;font-weight:400;border:1px solid #5b8b00;background:#ffffff50;padding:11px 12px;display:flex;justify-content:space-between;align-items:center;gap:10px}.place-list button:hover{background:var(--paper);color:var(--ink)}.place-list button span:last-child{font-size:12px;white-space:nowrap;font-weight:bold}.notes{border-top:2px solid var(--ink);padding:28px 0 30px}.notes h2{font-size:18px;letter-spacing:0}.notes p{font-size:13px;line-height:1.6;max-width:840px}.notes p:last-child{max-width:none;display:flex;justify-content:space-between;gap:20px;margin-top:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){main{padding:0 18px}.topbar{padding:20px 18px}.intro{gap:24px;align-items:start;flex-direction:column;padding:20px 0 30px}.invitation{width:100%}.invitation>p:first-child{font-size:18px}.invitation>p:first-child br{display:none}.invitation button{width:auto}.toolbar{padding:12px;flex-wrap:wrap}.period{width:100%;padding-left:8px}.scoreline{padding:20px 18px 12px;align-items:start}.scoreline strong{font-size:48px}.scoreline span{font-size:13px;max-width:100px}.scoreline p{font-size:12px;margin:0;max-width:150px}.map-wrap{padding:12px 8px 0}.map-footer{padding:15px;align-items:start;flex-direction:column;gap:10px}#state-map{gap:3px}#state-map button{border-radius:3px;aspect-ratio:.9;font-size:10px}.explore{grid-template-columns:1fr;gap:32px;margin-top:32px}.places-heading h2{font-size:24px}.place-list{max-height:360px}.notes p:last-child{flex-direction:column}#load-status{padding:0 15px 16px}}