@font-face{font-family:VT323;src:url('assets/vt323.ttf') format('truetype');font-display:swap}*{box-sizing:border-box} :root{--paper:#eee2bf;--ink:#342c20;--faded:#756b52;--red:#a93829;--ocean:#a9c4c4;--green:#416957;--line:#776e55}body{margin:0;background:#f2e7c9;color:var(--ink);font-family:VT323,monospace;font-size:20px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23776a45' opacity='.16' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}button,input{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--ink);background:transparent;border-radius:0;touch-action:manipulation}button:hover{background:#dacfaa}button:focus-visible,input:focus-visible,#world-map:focus-visible{outline:3px solid var(--red);outline-offset:3px}button:disabled{cursor:wait;opacity:.5}a{color:inherit}button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7}.paper{background-color:var(--paper);background-image:inherit;border:1px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}#app{position:relative;margin:22px auto 0;width:min(1060px,calc(100% - 40px));height:calc(100svh - 70px);min-height:620px;max-height:860px;border:1px solid var(--ink);overflow:hidden;background:var(--paper)}.topbar{position:absolute;z-index:5;left:0;right:0;top:0;height:47px;border-bottom:1px solid var(--ink);background:var(--paper);display:flex;align-items:center;justify-content:space-between}.icon-btn{width:47px;height:46px;border:0;display:grid;place-items:center;font-size:32px}.topbar .icon-btn:first-child{border-right:1px solid var(--ink)}.topbar .icon-btn:last-child{border-left:1px solid var(--ink)}#top-caption{font-size:15px;letter-spacing:2px;text-align:center}.home #map-area{top:47px}#map-area{position:absolute;inset:0;background:var(--ocean);overflow:hidden}#map-area:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='55' height='47'%3E%3Cpath d='M3 13q2-3 4 0t4 0M31 36q2-3 4 0t4 0' fill='none' stroke='%23547676' stroke-width='.65' opacity='.4'/%3E%3C/svg%3E")}#world-map{position:absolute;width:100%;height:100%;touch-action:none;outline-offset:-4px}.map-grain{position:absolute;inset:0;pointer-events:none;opacity:.15;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23473b24' filter='url(%23noise)' d='M0 0h150v150H0z'/%3E%3C/svg%3E")}.graticule{fill:none;stroke:#6e9292;stroke-width:.5;stroke-dasharray:2 4;opacity:.5}.coast-glow{fill:none;stroke:#d5e1d8;stroke-width:5;opacity:.7}.country{fill:#eee0b5;stroke:#655c45;stroke-width:.65;vector-effect:non-scaling-stroke;transition:fill .15s}.country.playable{cursor:crosshair}.country.playable:hover{fill:#e0c68e;stroke:#3b3322;stroke-width:1.4}.country.selected{fill:#c89867;stroke:var(--red);stroke-width:1.8}.country.correct{fill:#9bac82}.country.wrong{fill:#b97b61}.pin{pointer-events:none}.map-ocean{position:absolute;pointer-events:none;color:#4e797c;opacity:.6;font-size:14px;letter-spacing:5px;line-height:1.5;text-align:center;font-style:italic}.ocean-atlantic{left:39%;top:53%}.ocean-pacific{left:7%;top:58%}.ocean-indian{left:73%;top:70%}.compass{position:absolute;right:22px;bottom:35px;width:62px;text-align:center;pointer-events:none}.compass span{font-size:15px}.compass svg{width:62px;fill:var(--paper);stroke:var(--ink);stroke-width:1}.compass .needle{fill:var(--red)}.map-credit{position:absolute;right:12px;bottom:10px;font-size:11px;background:#eee2bfba;letter-spacing:1px}#map-controls{position:absolute;left:16px;bottom:28px;display:flex;flex-direction:column;gap:6px}#map-controls button{width:38px;height:38px;background:var(--paper);box-shadow:2px 2px 0 #514a35;font-size:24px}.home #map-controls{display:none}#map-loading{position:absolute;top:50%;width:100%;text-align:center;letter-spacing:3px}#landing{position:absolute;inset:47px 0 0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24px 0 24px}.title-card{position:relative;text-align:center;padding:16px 34px 20px;pointer-events:auto;min-width:540px}.edition{font-size:12px;letter-spacing:2.5px;color:var(--faded)}.wordmark{font-size:82px;line-height:.95;font-weight:400;letter-spacing:7px;text-shadow:3px 3px 0 var(--red);margin:12px 0 16px}.subtitle{display:flex;align-items:center;gap:12px;color:var(--red);font-size:18px;letter-spacing:3px;justify-content:center}.subtitle span{height:4px;width:48px;border-block:1px solid var(--red)}.title-card p{font-size:17px;margin:13px 0 0}.unlimited-stamp{position:absolute;right:-32px;top:31px;transform:rotate(11deg);color:var(--red);border:3px double var(--red);padding:2px 8px;background:var(--paper);font-size:20px}.landing-bottom{width:min(710px,calc(100% - 58px));padding:14px;pointer-events:auto}.landing-note,.landing-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:1px}.landing-note{margin-bottom:11px}.text-btn{border:0;padding:0;font-size:inherit;text-decoration:underline;text-underline-offset:4px}.text-btn:hover{background:none;color:var(--red)}.mode-selector{display:grid;grid-template-columns:1fr 1fr;margin:0 0 11px;border:1px solid var(--line)}.mode-selector button{border:0;padding:9px 7px;font-size:20px;letter-spacing:1px}.mode-selector button+button{border-left:1px solid var(--line)}.mode-selector button.active{background:#dacc9e;box-shadow:inset 0 -3px var(--ink)}.mode-selector span{font-size:23px;vertical-align:middle}.mode-selector small{display:inline-block;font-size:14px;letter-spacing:0;color:var(--faded);margin-left:8px}.primary{background:var(--ink);color:var(--paper);width:100%;min-height:55px;font-size:24px;letter-spacing:3px;border:3px double var(--paper);outline:1px solid var(--ink);padding:12px}.primary:hover{background:#534532}.landing-meta{margin-top:13px;color:var(--faded);font-size:11px}.landing-bottom #resume-btn{display:block;margin:12px auto 0}.site-footer{width:min(1060px,calc(100% - 40px));margin:13px auto;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px;color:var(--faded)}[hidden]{display:none!important}.playing#app{width:calc(100% - 24px);max-width:1600px;height:calc(100svh - 45px);max-height:none;min-height:600px;margin-top:12px}.playing .topbar{left:auto;width:338px}.playing #map-area{right:338px}.playing #top-caption{font-size:14px;letter-spacing:1px}.playing .map-ocean{display:none}.playing~.site-footer{margin:8px auto;font-size:11px}.playing #landing{display:none}#game-panel{position:absolute;right:0;top:47px;bottom:0;width:338px;border-left:1px solid var(--ink);display:flex;flex-direction:column;background:var(--paper)}.prompt-block{padding:20px 21px 21px;border-bottom:1px solid var(--ink)}.eyebrow{font-size:14px;color:var(--red);letter-spacing:2px;text-transform:uppercase}.round-head{display:flex;justify-content:space-between;align-items:center}.round-dots{display:flex;gap:5px}.round-dots i{width:7px;height:7px;border:1px solid var(--ink)}.round-dots i.done{background:var(--green)}.round-dots i.now{background:var(--red)}h2{font-size:32px;font-weight:400;line-height:1.1;margin:14px 0 0}.prompt-hint{font-size:15px;color:var(--faded);margin:13px 0 0;line-height:1.3}.panel-middle{padding:20px;flex:1;min-height:0;overflow:auto}.field-label{font-size:13px;letter-spacing:1.5px;margin-bottom:9px;display:block}.search-wrap{position:relative}#country-search{width:100%;height:42px;background:#f8efda88;border:1px solid var(--line);padding:8px 10px;font-size:19px;border-radius:0}#country-options{margin:0;padding:0;list-style:none;max-height:190px;overflow:auto;border:1px solid var(--line);border-top:0;background:var(--paper);position:absolute;inset:42px 0 auto;z-index:8;box-shadow:3px 3px 0 #342c2033}#country-options button{width:100%;text-align:left;padding:7px 10px;border:0;border-bottom:1px dotted #9f9372;font-size:18px}#country-options .no-result{padding:10px;font-size:16px}.selected-info{margin-top:20px;border-block:1px solid #a59876;padding:13px 0}.selected-info small{display:block;color:var(--faded);font-size:13px;letter-spacing:2px}.selected-info strong{font-size:27px;font-weight:400;display:block;margin:4px 0}.field-sketch{margin:28px auto 5px;color:#a89d7b;text-align:center}.field-sketch svg{height:90px;width:180px;stroke:currentColor;fill:none;stroke-width:1}.field-sketch p{font-size:14px;line-height:1.5;max-width:230px;margin:8px auto;letter-spacing:.4px}.panel-footer{padding:17px 20px;border-top:1px solid var(--ink)}.timer-line{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px;font-size:14px;letter-spacing:1px}.timer-line strong{font-weight:400;font-size:29px}.timer-line.urgent{color:var(--red)}.timer-bar{height:3px;background:#cfc29c;margin-bottom:17px}.timer-bar i{display:block;height:100%;background:var(--green);transition:width .4s}.urgent+.timer-bar i{background:var(--red)}.keyboard-hint{font-size:12px;text-align:center;margin:11px 0 0;color:var(--faded)}kbd{font:inherit;border:1px solid #a59876;padding:1px 3px}#skip-btn{margin:10px auto 0;display:block;font-size:14px;color:var(--faded)}#selection-card{position:absolute;bottom:38px;left:calc((100% - 338px)/2);transform:translateX(-50%);padding:8px 18px;font-size:19px;text-align:center;pointer-events:none}#selection-card small{font-size:12px;letter-spacing:2px;color:var(--red);display:block;margin-bottom:3px}.result-stamp{display:inline-block;font-size:29px;letter-spacing:3px;border:4px double currentColor;padding:3px 10px;transform:rotate(-5deg);margin:8px 0 13px;color:var(--green)}.result-stamp.miss{color:var(--red)}.result-distance{font-size:50px;line-height:1}.result-distance small{font-size:20px}.result-note{font-size:18px;line-height:1.35;color:var(--faded)}.answer-list{border-top:1px solid var(--line);margin-top:16px}.answer-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px dotted #a59876;font-size:17px;gap:8px}.answer-row small{font-size:12px;color:var(--faded)}.answer-row b{font-weight:400;white-space:nowrap}.all-answers{margin-top:12px;font-size:15px}.trail{display:flex;justify-content:space-between;position:relative;margin:25px 5px 14px}.trail:before{content:"";position:absolute;top:9px;left:0;right:0;border-top:1px dashed var(--line)}.trail span{position:relative;background:var(--paper);border:1px solid var(--line);width:19px;height:19px;text-align:center;font-size:14px}.trail span.reached{background:var(--green);color:var(--paper)}.summary-score{text-align:center;padding:15px 0}.summary-score strong{font-size:79px;font-weight:400;line-height:1}.summary-score small{display:block;font-size:14px;letter-spacing:2px;color:var(--faded)}.summary-round{padding:11px 0;border-bottom:1px dotted var(--line)}.summary-round .answer-row{border:0;padding:4px 0}.summary-round p{font-size:14px;color:var(--faded);margin:0;line-height:1.2}.summary-round em{font-style:normal;color:var(--red);font-size:13px}.summary-actions{display:flex;gap:8px;margin-top:12px}.summary-actions button{padding:7px;font-size:15px;flex:1}dialog{width:min(490px,calc(100% - 32px));max-height:calc(100svh - 48px);padding:0;color:var(--ink);font-family:inherit}dialog::backdrop{background:#2824198c;backdrop-filter:blur(2px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink);padding-left:21px;font-size:14px;letter-spacing:2px;color:var(--red)}#dialog-content{padding:23px}#dialog-content h2{margin:0 0 18px;font-size:36px;text-shadow:1px 1px var(--red)}#dialog-content p{font-size:19px;line-height:1.4}#dialog-content .small{font-size:15px;color:var(--faded)}.rules-steps{padding-left:24px;line-height:1.5;font-size:19px}.rules-steps li{margin:10px 0}.rarity-scale{display:grid;gap:6px;border:1px solid var(--line);padding:14px;font-size:17px}.rarity-scale div{display:flex;justify-content:space-between}.rarity-scale div:nth-child(2){color:var(--green)}.rarity-scale div:nth-child(3){color:var(--red)}.rarity-scale div:nth-child(4){color:#63527e}.rarity-scale div:nth-child(5){color:#8a650e}.menu-row{width:100%;text-align:left;padding:14px 0;border:0;border-bottom:1px solid #b4a785}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);text-align:center;margin-bottom:20px}.stats-grid div{padding:12px 5px}.stats-grid div+div{border-left:1px solid var(--line)}.stats-grid strong{display:block;font-weight:400;font-size:32px}.stats-grid span{font-size:12px;letter-spacing:1px}#toast{position:fixed;z-index:30;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 22px;box-shadow:3px 3px 0 #0004;background:var(--ink);color:var(--paper);font-size:18px;text-align:center}.home .compass{bottom:245px;right:30px}.home .map-credit{bottom:225px}.home .ocean-atlantic{top:52%}.home .ocean-pacific{top:50%}.home .ocean-indian{top:60%}#app:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.085;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23594420' filter='url(%23n)' d='M0 0h150v150H0z'/%3E%3C/svg%3E");z-index:9}
@media(min-width:1500px){.playing #game-panel,.playing .topbar{width:370px}.playing #map-area{right:370px}.playing #selection-card{left:calc((100% - 370px)/2)}}
@media(max-width:700px){#app{width:calc(100% - 20px);margin-top:10px;min-height:610px;height:calc(100svh - 46px)}#top-caption{font-size:12px;letter-spacing:1px}.title-card{min-width:0;width:calc(100% - 38px);padding:19px 9px 19px}.wordmark{font-size:65px;letter-spacing:4px;margin-top:15px}.edition{font-size:10px;letter-spacing:1.5px}.subtitle{font-size:14px;letter-spacing:1.5px;gap:8px}.subtitle span{width:25px}.title-card p{font-size:15px;max-width:260px;margin:13px auto 0}.unlimited-stamp{font-size:15px;right:-9px;top:-9px}.landing-bottom{width:calc(100% - 30px);padding:11px}.landing-note{font-size:10px;letter-spacing:0}.mode-selector button{font-size:18px}.mode-selector small{display:block;font-size:12px;margin:0}.primary{font-size:21px;letter-spacing:2px}.landing-meta{font-size:10px;letter-spacing:0}.site-footer{font-size:9px;width:calc(100% - 22px);margin-top:9px}.home .compass{bottom:243px;right:15px;width:45px}.home .compass svg{width:45px}.home .map-ocean{display:none}.home .map-credit{bottom:229px;font-size:9px}.playing#app{margin:7px;width:calc(100% - 14px);height:calc(100svh - 35px);min-height:700px;overflow:hidden}.playing .topbar{width:100%;height:43px}.playing .icon-btn{height:42px}.playing #map-area{top:43px;right:0;bottom:320px}.playing #game-panel{top:auto;bottom:0;width:100%;height:320px;border-left:0;border-top:1px solid var(--ink);display:grid;grid-template-columns:1fr 140px;grid-template-rows:auto 1fr}.prompt-block{grid-column:1/-1;padding:12px 14px}.prompt-block h2{font-size:25px;margin-top:8px}.prompt-hint{font-size:13px;margin-top:6px}.panel-middle{padding:12px 14px}.panel-footer{padding:12px;border-left:1px solid var(--line);border-top:0}.timer-line{font-size:11px;display:block;margin-bottom:5px}.timer-line strong{font-size:25px;margin-right:5px}.timer-bar{margin-bottom:10px}.panel-footer .primary{font-size:19px;min-height:44px;padding:9px 3px;letter-spacing:1px}.keyboard-hint{display:none}.field-sketch{display:none}.field-label{font-size:11px;margin-bottom:6px}#country-search{font-size:17px;height:35px}.selected-info{margin-top:11px;padding:8px 0}.selected-info strong{font-size:23px;margin:2px 0}.selected-info small{font-size:10px}.selected-info .prompt-hint{display:none}#country-options{top:auto;bottom:35px;max-height:200px;border:1px solid var(--line)}.playing #selection-card{left:50%;bottom:338px;font-size:16px;padding:7px 14px}.compass{right:10px;bottom:26px;width:45px}.compass svg{width:45px}.compass span{font-size:11px}#map-controls{left:10px;bottom:23px;gap:4px}#map-controls button{width:31px;height:31px;font-size:20px}.map-credit{font-size:9px;bottom:7px}.result-distance{font-size:36px}.result-stamp{font-size:21px;margin:0 0 7px;padding:1px 6px}.result-note{font-size:15px;margin:6px 0}.result-layout .prompt-block{padding:10px 14px}.result-layout .panel-middle{padding-top:10px}.result-layout h2{font-size:24px}.result-layout .answer-list{margin-top:8px}.result-layout .trail{display:none}.summary-layout{display:flex!important;height:calc(100% - 43px)!important;top:43px!important}.summary-layout .panel-middle{flex:1}.summary-layout .panel-footer{border:0;border-top:1px solid var(--ink)}.summary-layout .prompt-block{padding:15px 20px}.summary-layout .summary-score{padding:4px}.summary-layout .summary-score strong{font-size:60px}.summary-layout .summary-round{padding:8px 0}.summary-layout .summary-actions{margin-top:9px}.round-dots{gap:4px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media (min-width:701px) and (max-height:790px){.field-sketch{display:none}}
@media(max-width:700px){.timer-line>span{display:block}.timer-line>span+span{font-size:10px;margin-top:3px}#skip-btn{font-size:12px}.result-layout .panel-footer .primary{font-size:17px;letter-spacing:0}}
/* The countdown stays visible while reading the prompt or exploring the map. */
#map-timer{position:absolute;top:17px;left:17px;pointer-events:none;min-width:98px;padding:8px 15px;text-align:center}
#map-timer span{display:block;font-size:12px;letter-spacing:2px;color:var(--faded)}
#map-clock{display:block;font-size:40px;font-weight:400;line-height:1.1;font-variant-numeric:tabular-nums}
#map-timer.urgent{color:var(--red);border-color:var(--red);box-shadow:3px 3px 0 var(--red)}
.timer-line strong{font-size:36px}
@media(max-width:700px){#map-timer{top:12px;left:12px;min-width:77px;padding:6px 10px}#map-clock{font-size:33px}#map-timer span{font-size:10px}.timer-line strong{font-size:29px}}

/* Field notes below the game, before the footer. */
.game-info{width:min(1060px,calc(100% - 40px));margin:32px auto 24px;display:grid;gap:22px}
.info-card{padding:28px 32px}
.info-card h1,.info-card h2{font-size:35px;font-weight:400;line-height:1.15;letter-spacing:.3px;text-shadow:none;margin:12px 0 18px}
.info-card p{font-size:21px;line-height:1.55;margin:0;color:#5b503b;max-width:88ch}
.faq-card details{border-top:1px solid #b4a785}
.faq-card summary{position:relative;list-style:none;cursor:pointer;padding:17px 28px 17px 0;font-size:23px;line-height:1.25}
.faq-card summary::-webkit-details-marker{display:none}
.faq-card summary::after{content:'+';position:absolute;right:2px;top:15px;font-size:27px;color:var(--red)}
.faq-card details[open] summary::after{content:'−'}
.faq-card summary:hover{color:var(--red)}
.faq-card summary:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.faq-card details p{padding:0 26px 19px 0;font-size:20px}
.site-footer{margin-bottom:20px}
@media(max-width:700px){.game-info{width:calc(100% - 20px);margin:22px auto 20px;gap:18px}.info-card{padding:22px 19px}.info-card h1,.info-card h2{font-size:29px}.info-card p{font-size:20px;line-height:1.45}.faq-card summary{font-size:21px}.faq-card details p{font-size:19px;padding-right:0}}

.info-card > p + p{margin-top:16px}