:root{--ink:#07131d;--panel:#102736;--panel-light:#163447;--line:rgba(190,225,222,.17);--text:#eff5ef;--muted:#a9c0c1;--accent:#d9a84c;--accent-soft:#f1ca76;--teal:#75d4c5;--danger:#ff9f89}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 50% -15%,#1b4050 0%,#0b1e2c 48%,#06121c 100%);color:var(--text);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}.stars,.stars:before,.stars:after{position:fixed;inset:0;pointer-events:none}.stars{z-index:-1;background-image:radial-gradient(#e8d7a1 1px,transparent 1.5px),radial-gradient(#8dcac2 1px,transparent 1.5px);background-size:105px 105px,159px 159px;background-position:10px 20px,73px 18px;opacity:.28}.stars:before,.stars:after{content:"";background-image:radial-gradient(#fff 1px,transparent 1.5px);background-size:209px 209px;opacity:.3}.stars:after{background-size:270px 270px;background-position:33px 75px}.wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{color:var(--text);text-decoration:none;display:flex;align-items:center;gap:10px;font-family:Georgia,serif;font-size:22px;letter-spacing:.2px}.brand b{color:var(--accent-soft);font-weight:normal}.brand svg{width:35px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round}.history-link,.secondary,.text-button{border:0;background:transparent;color:var(--text);font:inherit;cursor:pointer}.history-link{display:flex;align-items:center;gap:8px;padding:10px;border-radius:10px}.history-link:hover{background:#ffffff0b}.history-link svg{width:19px;fill:none;stroke:var(--teal);stroke-width:1.7}.history-count{border:1px solid #6ea69f;border-radius:99px;padding:0 7px;font-size:12px;color:var(--teal)}main{padding:46px 0 34px}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#153345d9,#0b202ed9);box-shadow:0 20px 60px #02090f55;border-radius:18px}.welcome{max-width:760px;padding:70px clamp(27px,8vw,92px);text-align:center;margin:48px auto}.welcome h1{font:normal clamp(39px,7vw,72px)/1.04 Georgia,serif;margin:10px 0 20px;letter-spacing:-1.5px}.welcome>p:not(.eyebrow){color:var(--muted);max-width:560px;margin:0 auto 30px;font-size:18px}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;color:var(--accent-soft)}.hero-copy{margin-bottom:25px}.hero-title-row{display:flex;align-items:center;gap:17px}.hero-title-row h1,h2{font-family:Georgia,serif;font-weight:normal}.hero-title-row h1{font-size:clamp(37px,6vw,61px);line-height:1.1;margin:7px 0}.status-dot{font-size:12px;color:var(--teal);border:1px solid #4f9188;border-radius:20px;padding:4px 10px}.status-dot:before{content:"";width:6px;height:6px;background:var(--teal);display:inline-block;border-radius:50%;margin:0 6px 1px 0}.direction{margin:0;color:var(--muted);font-size:15px}.map-panel{overflow:hidden}.map-topline{padding:15px 23px 8px;display:flex;justify-content:space-between;color:#8eaaad;font-size:10px;letter-spacing:1.2px}.map-topline span:last-child{color:var(--accent-soft)}#routeMap{display:block;width:100%;height:auto}.contours{stroke:#78a7a355;stroke-width:1.2}.constellation{fill:#f5d98b}.constellation circle{animation:twinkle 3.5s ease-in-out infinite}#routeBase{stroke:#74909875;stroke-width:7;fill:none;stroke-dasharray:2 15;stroke-linecap:round}#routeProgress{stroke:var(--accent-soft);stroke-width:5;fill:none;stroke-linecap:round;filter:url(#glow);transition:stroke-dashoffset .9s ease}#startMarker circle{fill:#11303d;stroke:var(--teal);stroke-width:2}#startMarker path{fill:var(--teal)}#walkerMarker circle{fill:var(--accent)}#walkerMarker path{stroke:#142a34;stroke-width:1.5;stroke-linecap:round;fill:none}#goalMarker circle{fill:#f5dc8b;stroke:#fff0bd;stroke-width:1}#goalMarker path{fill:#143641}.map-label{fill:#a9c6c5;font-size:12px;letter-spacing:2px}.map-legend{display:flex;gap:22px;padding:4px 23px 19px;color:var(--muted);font-size:12px}.map-legend i{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:5px}.legend-start{background:var(--teal)}.legend-path{background:var(--accent)}.legend-mystery{background:#6d8992}.progress-card{margin-top:22px;padding:25px clamp(20px,4vw,38px)}.progress-heading,.progress-footer{display:flex;align-items:end;justify-content:space-between;gap:20px}.distance{margin:4px 0 0}.distance strong{font:normal clamp(44px,7vw,70px)/1 Georgia,serif;color:#fff8e7}.distance span,.distance-goal{color:var(--muted)}.distance-goal{font-size:15px;padding-bottom:10px}.distance-goal b{font:normal 23px Georgia,serif;color:var(--text)}.progress-track{height:9px;background:#05131d;border-radius:20px;overflow:hidden;margin:22px 0 18px;border:1px solid #31505a}.progress-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#cf9340,var(--accent-soft));box-shadow:0 0 15px #edbf69;transition:width .8s ease}.progress-footer{align-items:center;color:var(--teal);font-size:14px}.primary{border:1px solid #f2d18c;background:linear-gradient(135deg,#e2b75f,#c68c36);border-radius:9px;padding:12px 17px;color:#172733;font-weight:750;font-size:14px;cursor:pointer;box-shadow:0 8px 20px #0004;min-height:45px}.primary:hover{filter:brightness(1.09);transform:translateY(-1px)}.primary span{font-size:18px;margin-left:8px}.primary.large{padding:15px 22px;font-size:15px}.full{width:100%;margin-top:21px}.clues-section{margin-top:46px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.section-heading h2{margin:3px 0 0;font-size:29px}.section-heading>span{color:var(--muted);font-size:13px}.clues-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.clue{min-height:168px;padding:23px;background:#143140aa;border:1px solid var(--line);border-radius:14px;position:relative;overflow:hidden}.clue .clue-no{font:12px Georgia,serif;color:var(--accent-soft)}.clue p{margin:17px 0 0;color:#e7eeea}.clue.locked{background:#0e2634a8}.clue.locked:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 11px,#ffffff05 11px 12px)}.clue.locked p{color:#779297;filter:blur(5px);user-select:none}.lock-symbol{font-size:25px;color:#6d8b91}.completion{margin-top:38px;padding:clamp(23px,5vw,44px);position:relative;overflow:hidden;background:linear-gradient(125deg,#234b51,#163042)}.completion:after{content:"";width:250px;height:250px;border:1px solid #ebc66c66;border-radius:50%;position:absolute;right:-80px;top:-100px}.completion h2{font-size:clamp(32px,5vw,50px);margin:5px 0 5px}.completion .country{color:var(--accent-soft);margin:0}.completion p:not(.eyebrow):not(.country){max-width:670px;color:#d1e1dd;margin:20px 0 0}.reveal-map{width:170px;height:110px;margin-top:24px;border-radius:10px;border:1px solid #71a9a1;background:#0c2533;padding:8px}.reveal-map circle{fill:var(--accent)}.reveal-map path{stroke:#548b89;fill:none;stroke-width:1.3}.new-trip-area{text-align:center;margin:33px 0 0}.secondary{border:1px solid #77989a;border-radius:8px;padding:11px 15px;font-size:14px;min-height:43px}.secondary:hover{background:#ffffff0d}.modal-backdrop{position:fixed;z-index:10;inset:0;background:#02080dcc;backdrop-filter:blur(5px)}.modal{position:fixed;z-index:11;left:50%;top:50%;width:min(550px,calc(100% - 32px));max-height:calc(100vh - 32px);overflow:auto;transform:translate(-50%,-50%);background:#112c3b;border:1px solid #577c80;border-radius:17px;padding:31px;box-shadow:0 30px 100px #000b}.modal h2{font-size:32px;margin:5px 0}.modal-intro,.form-note{color:var(--muted);font-size:14px;margin:0}.close{position:absolute;right:14px;top:11px;color:var(--muted);background:none;border:0;font-size:29px;line-height:1;cursor:pointer}.difficulty-options{display:grid;gap:10px;margin-top:24px}.difficulty-options label{display:flex;cursor:pointer;border:1px solid #456670;border-radius:11px;padding:14px;gap:12px;background:#0b202d}.difficulty-options label:has(input:checked){border-color:var(--accent);background:#d7a84b12}.difficulty-options input{accent-color:var(--accent);margin-top:5px}.difficulty-options b,.difficulty-options small{display:block}.difficulty-options small{color:var(--muted);font-size:12px;margin-top:2px}.small-modal{width:min(435px,calc(100% - 32px))}.km-input-label{display:block;margin:23px 0 8px;color:var(--muted);font-size:13px}.km-input-wrap{display:grid;grid-template-columns:48px 1fr 48px auto;align-items:center;gap:7px}.km-input-wrap button,.km-input-wrap input{height:51px;border:1px solid #59767c;background:#091d28;color:var(--text);border-radius:8px;font:20px Georgia,serif;text-align:center}.km-input-wrap button{font:28px system-ui;cursor:pointer}.km-input-wrap span{color:var(--muted)}.history-list{margin-top:20px}.history-item{padding:14px 0;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center}.flag{font-size:25px}.history-item b,.history-item small{display:block}.history-item small{color:var(--muted);font-size:12px}.empty-history{color:var(--muted);padding:17px 0}.text-button{margin-top:20px;padding:5px 0;text-decoration:underline}.danger{color:var(--danger)}.confirmation{width:min(415px,calc(100% - 32px))}.confirmation h2{font-size:28px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff12;padding:24px 0 30px;color:#6f8d93;font-size:12px}@keyframes twinkle{50%{opacity:.3;transform:scale(.55)}}@media(max-width:650px){.wrap{width:min(100% - 28px,1120px)}.topbar{height:70px}.history-link span:not(.history-count){display:none}main{padding-top:22px}.hero-title-row{display:block}.status-dot{display:inline-block;margin-bottom:7px}.map-topline span:last-child{display:none}.map-legend{gap:10px;padding-inline:14px;font-size:10px}.progress-heading{align-items:center}.clues-grid{grid-template-columns:1fr}.clue{min-height:125px}.progress-footer{align-items:stretch;flex-direction:column}.progress-footer .primary{width:100%}.section-heading{align-items:flex-start;gap:10px}.section-heading>span{padding-top:7px;text-align:right}.modal{padding:28px 21px}.modal h2{font-size:28px}.modal-actions{flex-direction:column-reverse}.modal-actions>*{width:100%}footer{gap:10px;flex-direction:column}.welcome{margin-top:10px;padding-block:50px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}