:root{--background:oklch(97% .01 80);--surface:oklch(100% 0 0);--foreground:oklch(25% .02 50);--muted:oklch(55% .02 60);--primary:oklch(55% .15 35);--primary-hover:oklch(48% .15 35);--secondary:oklch(65% .08 155);--secondary-hover:oklch(58% .08 155);--accent:oklch(70% .14 70);--border:oklch(90% .02 80);--error:oklch(55% .2 25);--font-display:"Fraunces", Georgia, serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--radius:12px;--radius-sm:8px;--radius-btn:10px;--shadow:0 1px 3px oklch(25% .02 50/.06);--shadow-hover:0 4px 12px oklch(25% .02 50/.1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:.95rem;line-height:1.5}#app{max-width:900px;padding:var(--space-4);margin:0 auto}.section-heading{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding-bottom:var(--space-2);margin-bottom:var(--space-4);border-bottom:1px solid var(--border);font-size:.75rem;font-weight:600}.app-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:baseline;display:flex}.app-title{font-family:var(--font-display);color:var(--foreground);font-size:2rem;font-weight:700}.streak-badge{align-items:baseline;gap:var(--space-2);font-family:var(--font-body);display:inline-flex}.streak-current{color:var(--accent);font-size:1rem;font-weight:600}.streak-best{color:var(--muted);font-size:.8rem}.game-intro{text-align:center;color:var(--muted);margin-bottom:var(--space-4);font-size:.9rem;line-height:1.4}.weather-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6);margin-bottom:var(--space-4);box-shadow:var(--shadow)}.condition-tag{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.06em;color:var(--secondary);margin-bottom:var(--space-3);background:oklch(65% .08 155/.12);border-radius:999px;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-block}.weather-grid{gap:var(--space-4);margin-top:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.weather-stat{text-align:center}.weather-value{font-family:var(--font-display);color:var(--foreground);font-size:1.75rem;font-weight:600;line-height:1.2;display:block}.weather-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:var(--space-2);font-size:.7rem;font-weight:600;display:block}.game-layout{gap:var(--space-4);grid-template-columns:1fr 320px;display:grid}.map-wrapper{position:relative}.game-map{border-radius:var(--radius);height:400px;box-shadow:var(--shadow-hover);border:1px solid var(--border);overflow:hidden}.map-prompt{text-align:center;color:var(--muted);margin-top:var(--space-2);letter-spacing:.02em;font-size:.8rem;font-weight:500}.actual-marker{text-align:center;font-size:24px;line-height:30px}.polyline-animated{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:.8s ease-out forwards drawLine}.hints-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--shadow)}.score-tracker{margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;display:flex}.score-tracker-max{font-family:var(--font-display);color:var(--foreground);font-size:1.1rem;font-weight:600}.score-tracker-penalty{color:var(--error);font-size:.8rem;font-weight:500}.hint-btn{width:100%;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--foreground);cursor:pointer;font-family:var(--font-body);text-align:left;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:500;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.hint-btn.locked:hover{border-color:var(--primary);box-shadow:var(--shadow);border-style:solid}.hint-btn.revealed{border:none;border-left:4px solid var(--secondary);cursor:default;padding-left:calc(var(--space-4) - 3px);background:oklch(96% .01 80)}.hint-btn:disabled{opacity:.6;cursor:default}.hint-cost{color:var(--muted);white-space:nowrap;font-size:.8rem}.hints-panel .hint-btn.animate:nth-child(2){animation:.3s ease-out both fadeSlideUp}.hints-panel .hint-btn.animate:nth-child(3){animation:.3s ease-out 60ms both fadeSlideUp}.hints-panel .hint-btn.animate:nth-child(4){animation:.3s ease-out .12s both fadeSlideUp}.hints-panel .hint-btn.animate:nth-child(5){animation:.3s ease-out .18s both fadeSlideUp}.hints-panel .hint-btn.animate:nth-child(6){animation:.3s ease-out .24s both fadeSlideUp}.hints-panel .hint-btn.animate:nth-child(7){animation:.3s ease-out .3s both fadeSlideUp}.guess-btn{width:100%;padding:var(--space-4);border-radius:var(--radius-btn);background:var(--primary);color:#fff;font-family:var(--font-body);cursor:pointer;margin-bottom:var(--space-4);border:none;font-size:1rem;font-weight:600;transition:background .15s,box-shadow .15s,transform .15s;display:block}.guess-btn:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.guess-btn:disabled{background:var(--muted);cursor:default;opacity:.5}.guess-btn.submitting{animation:1.5s ease-in-out infinite pulse}.result-view{text-align:center}.score-display h2{font-family:var(--font-display);color:var(--primary);font-size:3rem;font-weight:700;line-height:1.1}.distance{color:var(--muted);margin-top:var(--space-1);font-size:1.1rem}.hint-penalty{color:var(--error);margin-top:var(--space-1);font-size:.9rem}.location-reveal{margin:var(--space-6) 0 var(--space-4)}.location-reveal h3{font-family:var(--font-display);color:var(--foreground);font-size:1.5rem;font-weight:600}.fun-facts{background:var(--surface);border-left:4px solid var(--secondary);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-6);margin:var(--space-4) 0;text-align:left;box-shadow:var(--shadow)}.fun-facts h3{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:var(--space-3);font-size:.75rem;font-weight:600}.fun-facts li{margin-left:var(--space-6);margin-bottom:var(--space-2);color:var(--foreground);line-height:1.5}.result-score.animate{animation:.4s ease-out both fadeSlideUp}.result-location.animate{animation:.3s ease-out .8s both fadeSlideUp}.result-facts.animate{animation:.35s ease-out 1.1s both fadeSlideUp}.result-share.animate{animation:.3s ease-out 1.4s both fadeIn}.share-btn{padding:var(--space-3) var(--space-8);border:2px solid var(--primary);border-radius:var(--radius-sm);color:var(--primary);font-family:var(--font-body);cursor:pointer;margin-top:var(--space-4);background:0 0;font-size:.95rem;font-weight:500;transition:background .2s,color .2s;display:inline-block}.share-btn:hover{background:var(--primary);color:#fff}.share-btn.copied{border-color:var(--secondary);color:var(--secondary)}.countdown{text-align:center;color:var(--muted);margin:var(--space-6) 0 var(--space-4);font-size:.95rem}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.75}}@keyframes drawLine{to{stroke-dashoffset:0}}@media (width<=700px){.game-layout{grid-template-columns:1fr}.game-map{height:300px}.app-title{font-size:1.5rem}.score-display h2{font-size:2.5rem}.hint-btn{padding:var(--space-3) var(--space-4);min-height:44px}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.debug-toolbar{padding:var(--space-3);text-align:center;z-index:9999;background:oklch(20% 0 0/.9);position:fixed;bottom:0;left:0;right:0}.debug-btn{font-family:var(--font-body);padding:var(--space-2) var(--space-6);border-radius:var(--radius-sm);color:#fff;cursor:pointer;background:0 0;border:1px solid oklch(100% 0 0/.3);font-size:.85rem;font-weight:600;transition:background .15s}.debug-btn:hover:not(:disabled){background:oklch(100% 0 0/.1)}.debug-btn:disabled{opacity:.5;cursor:default}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}