body:has(.great-lakes-game){margin:0;background:#142c36;overflow:hidden;color:#eef8f6;--paper:#102833;--ink:#eef8f6;--ink-soft:#c4d9df;--rule:#40616e}
body:has(.great-lakes-game)>.breadcrumb,body:has(.great-lakes-game)>.site-footer{display:none}
.great-lakes-game{width:100%;height:100dvh;position:relative;font-family:'Outfit',sans-serif;color:#eef8f6}
.great-lakes-game *{box-sizing:border-box}.great-lakes-game [hidden]{display:none!important}
.great-lakes-game ::selection{background:#bdf468;color:#123442}
#satellite-map{position:fixed;inset:0;z-index:0;background:#152d34}
.gl-float{background:rgba(8,29,40,.95);box-shadow:0 5px 22px #0005;border-radius:10px;z-index:500}
.great-lakes-game button,.great-lakes-game select{font:inherit;font-size:13px;font-weight:650;min-height:40px;cursor:pointer;border:0;border-radius:6px;background:#264754;color:#eef8f6;padding:8px 12px}
.great-lakes-game button:hover{background:#3a5d69}.great-lakes-game button:disabled{opacity:.4;cursor:default}
.great-lakes-game :is(button,a,input,select,summary,[tabindex]):focus-visible{outline:3px solid #fbc465;outline-offset:3px}
.gl-topbar{position:fixed;top:16px;left:16px;display:flex;align-items:center;gap:12px;padding:6px 8px}
.gl-topbar>a{display:flex;align-items:center;justify-content:center;width:32px;min-height:40px;color:#c8dade;text-decoration:none;font-size:20px}
.gl-topbar h1{margin:0;font-size:19px;line-height:1;letter-spacing:-.02em;white-space:nowrap}
.gl-modes{display:flex;gap:3px;margin-left:6px}.gl-modes button{background:transparent}.gl-modes button[aria-pressed=true]{background:#bdf468;color:#173620}
.gl-map-controls{position:fixed;right:16px;top:16px;display:flex;align-items:center;gap:6px;padding:6px 8px}
#sound-toggle{display:flex;gap:6px;align-items:center;background:transparent}#sound-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.gl-zoom{display:flex;align-items:center;gap:2px}.gl-zoom button{background:transparent}.gl-zoom button:not(#zoom-reset){font-size:21px;min-width:40px}.gl-map-controls select{max-width:110px;background:#264754;font-size:12px}.gl-view-label{display:none}
.gl-panel{position:fixed;left:auto;right:16px;top:88px;bottom:auto;width:292px;padding:11px 12px}
.gl-round-row{display:flex;gap:10px;align-items:center;margin:0 0 7px;font-size:11px;color:#c1d6de}.gl-scoreboard{margin-left:auto;display:flex;gap:10px;white-space:nowrap}.gl-scoreboard strong{color:#bdf468;font-size:14px;font-variant-numeric:tabular-nums;font-weight:700}
#round-progress{display:block;width:100%;height:4px;border:0;border-radius:3px;margin:9px 0 15px;background:#30515f;color:#bdf468;overflow:hidden}#round-progress::-webkit-progress-bar{background:#30515f}#round-progress::-webkit-progress-value{background:#bdf468}#round-progress::-moz-progress-bar{background:#bdf468}
#place-name{font-size:20px;line-height:1.15;letter-spacing:-.025em;margin:0 0 6px;overflow-wrap:break-word}
.gl-category{margin:0;font-size:12px;color:#bfd5de}.gl-feedback{font-size:12px;line-height:1.35;margin:7px 0;min-height:0}.gl-feedback[data-tone=correct]{color:#bdf468}.gl-feedback[data-tone=wrong]{color:#ffc689}
.gl-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.gl-actions{margin-top:8px}.gl-actions button{min-height:34px;font-size:12px;padding:6px 10px}#next,#retry,#number-form button{background:#bdf468;color:#173620}
#number-form{display:flex;gap:5px;margin-left:auto}#map-number{width:48px;min-width:0;min-height:36px;border:1px solid #64828f;border-radius:5px;padding:4px 7px;font:inherit;font-size:14px;color:white;background:#1b3a48;caret-color:#bdf468}#map-number::placeholder{color:#c0d5dd}
.gl-score{color:#bdd0d8;font-size:11px;margin:9px 0 0}.gl-score:empty{display:none}.gl-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}
.gl-pin{background:transparent;border:0;display:flex;align-items:center;justify-content:center}
.great-lakes-game .gl-marker{position:relative;display:block;width:28px;height:28px;min-height:0;padding:0;line-height:24px;text-align:center;border:1px solid #ffffffaa;border-radius:50%;background:#092634df;color:#fff;font-size:16px;font-weight:750;box-shadow:0 1px 4px #0008;touch-action:manipulation}
.great-lakes-game .gl-marker.port,.great-lakes-game .gl-marker.cut{color:#ffd27b;border-color:#ffd27b}
.great-lakes-game .gl-marker.is-compact{width:18px;height:18px;line-height:16px;font-size:10px;border-radius:4px}
.great-lakes-game .gl-marker:hover{background:#fff;color:#123442}.great-lakes-game .gl-marker.is-correct,.great-lakes-game .gl-marker.is-selected{background:#bdf468;color:#163f19;border-color:#bdf468}.great-lakes-game .gl-marker.is-wrong{background:#ffd09b;color:#783707;border-color:#ffd09b}
.gl-map-details{position:fixed;right:16px;bottom:58px;max-width:310px;font-size:12px;padding:0 11px;color:#c9dde2;line-height:1.5}.gl-map-details summary{cursor:pointer;padding:8px 0}.gl-map-details p{max-height:30vh;overflow:auto}.gl-map-details a{color:#e2f0f2;text-decoration:underline}
#tile-status{position:fixed;top:80px;left:50%;transform:translateX(-50%);background:#102d3aea;color:#eef8f6;font-size:13px;padding:9px 14px;border-radius:6px;z-index:550;max-width:80vw;text-align:center}
#map-celebration{display:none;background:#bdf468;color:#14351a;border-radius:6px;padding:6px 9px;margin-top:7px;font-size:15px;font-weight:750;pointer-events:none}#map-celebration.show{display:block}
.gl-study-index{position:fixed;left:16px;top:82px;max-height:calc(100dvh - 390px);width:340px;overflow-y:auto;padding:15px;scrollbar-width:thin;scrollbar-color:#73969e #173946}
.gl-study-header{display:flex;align-items:center;justify-content:space-between}.gl-study-header h2{font-size:20px;margin:0}.gl-study-header button{font-size:22px;background:transparent;padding:3px 9px}.gl-study-index>p{margin:5px 0 12px;color:#c0d6de;font-size:12px}.gl-study-group h3{color:#bdf468;font-size:13px;margin:16px 0 7px}.gl-study-group button{display:flex;align-items:center;text-align:left;gap:10px;width:100%;min-height:38px;padding:7px;background:transparent;font-size:13px}.gl-study-group button span{color:#c0d6de;flex-shrink:0;width:20px;font-variant-numeric:tabular-nums}#show-study{position:fixed;left:16px;top:82px;z-index:500;background:#102d3aea}
.gl-noscript{position:fixed;left:16px;bottom:24px;padding:18px;max-width:340px}
.leaflet-container{font-family:inherit}.leaflet-container .leaflet-control-attribution{font-size:10px;background:#071c26df;color:#d4e1e5;max-width:calc(100vw - 20px);padding:3px 6px}.leaflet-container .leaflet-control-attribution a{color:#d4e1e5}.leaflet-control-scale-line{background:#092531d9;color:#eef8f6;border-color:#eef8f6;text-shadow:none;font-size:11px}.leaflet-bottom.leaflet-right{max-width:calc(100vw - 20px)}
@media(max-width:900px){.gl-topbar h1{font-size:17px}.gl-topbar{gap:6px}.gl-map-controls #sound-toggle span{display:none}.gl-map-controls{gap:0}.gl-map-controls select{max-width:96px}.gl-map-controls button{padding-inline:8px}}
@media(max-width:700px){.gl-topbar{left:10px;top:10px;right:10px;padding:5px 7px;gap:8px}.gl-topbar h1{font-size:18px}.gl-modes{margin-left:auto}.gl-topbar>a{width:22px}.gl-map-controls{top:71px;left:10px;right:auto;padding:3px 6px}.gl-map-controls button{min-height:36px}.gl-map-controls select{min-height:36px}.gl-panel{left:50%;right:auto;transform:translateX(-50%);top:133px;bottom:auto;width:min(292px,calc(100vw - 20px));padding:10px 12px}.gl-round-row{font-size:10px}.gl-scoreboard strong{font-size:14px}#round-progress{margin:7px 0 10px}#place-name{font-size:20px}.gl-category{font-size:11px}.gl-feedback{font-size:12px;margin:7px 0}.gl-score{font-size:10px;margin-top:7px}.gl-actions button{min-height:36px}.gl-map-details{right:10px;top:auto;bottom:45px;max-width:calc(100vw - 20px);font-size:11px;padding:0 9px}.gl-map-details p{max-height:25vh}.gl-map-details[open]{width:310px}.gl-study-index{top:330px;left:10px;right:10px;width:auto;max-height:calc(100dvh - 380px)}#show-study{left:10px;top:auto;bottom:45px;font-size:12px}.leaflet-container .leaflet-control-attribution{font-size:9px;line-height:1.3}.leaflet-control-scale{display:none}#tile-status{top:165px}}
@media(max-height:550px){.gl-panel{padding:9px 11px;width:270px;top:82px;bottom:auto}.gl-feedback{margin:7px 0}#place-name{font-size:19px}.gl-study-index{max-height:calc(100dvh - 100px);left:340px;top:80px}.gl-map-details{bottom:auto;top:75px}}
@media(prefers-reduced-motion:no-preference){#map-celebration.show{animation:gl-pop 850ms cubic-bezier(.16,1,.3,1) both}@keyframes gl-pop{0%{opacity:0;translate:0 8px;scale:.94}18%,75%{opacity:1;translate:0 0;scale:1}100%{opacity:0;translate:0 -8px;scale:1}}}

.gl-icon{width:20px;height:20px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Keep the prompt focused; supporting context remains available to assistive technology. */
#round-label,#round-progress,.gl-score,
.gl-panel:has(#reveal:not([hidden])) .gl-category,
.gl-panel:has(#reveal:not([hidden])) #feedback[data-tone="neutral"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.gl-panel .gl-actions:has(>button:not([hidden]),>form:not([hidden])){margin-top:8px}
.gl-panel .gl-actions:not(:has(>button:not([hidden]),>form:not([hidden]))){margin:0}

@media(min-width:701px) and (max-width:1100px){.gl-study-index{top:300px;max-height:calc(100dvh - 325px)}}
@media(max-width:700px) and (max-height:550px){.gl-panel{top:133px;left:auto;right:10px;transform:none;width:240px}}