@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Inter:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";
:root{--khaki:#d4c19a;--khaki-light:#f2e9d0;--khaki-dark:#a3894e;--forest:#243d1a;--forest-deep:#16260f;--pine:#2f5222;--campfire:#d85a20;--campfire-glow:#f27a41;--ember:#9e3512;--canvas-cream:#f8f5ee;--canvas-white:#fff;--parchment:#efe6d5;--rope:#8b7355;--charcoal:#1e1a14;--wood-brown:#5c4033;--font-display:"DM Serif Display","Georgia",serif;--font-mono:"Space Mono","Courier Prime",monospace;--font-body:"Inter",system-ui,-apple-system,sans-serif;--radius-badge:50%;--radius-patch:16px;--radius-sm:8px;--radius-md:12px;--shadow-patch:0 4px 20px #16260f0d,0 1px 3px #16260f14;--shadow-patch-hover:0 12px 28px #16260f14,0 4px 8px #16260f0f;--shadow-emboss:inset 0 1px 0 #ffffff26,0 2px 4px #16260f33;--shadow-stamp:0 4px 12px #16260f26;--transition-fast:.15s ease-out;--transition-normal:.3s cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--canvas-cream);color:var(--charcoal);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#8b735508 2px 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#8b735505 2px 4px);min-height:100vh;line-height:1.7;overflow-x:hidden}.patch-card{background:var(--canvas-white);border:1px solid var(--khaki);border-radius:var(--radius-patch);box-shadow:var(--shadow-patch);transition:transform var(--transition-normal),box-shadow var(--transition-normal);position:relative}.patch-card:before{content:"";border-radius:calc(var(--radius-patch) - 4px);border:1px dashed var(--khaki-dark);pointer-events:none;opacity:.25;position:absolute;inset:4px}.patch-card:hover{box-shadow:var(--shadow-patch-hover);transform:translateY(-2px)}.merit-badge{background:linear-gradient(135deg,var(--forest),var(--pine));color:var(--khaki-light);font-family:var(--font-body);text-transform:uppercase;letter-spacing:1px;border:1px solid var(--pine);text-shadow:0 1px 2px #0000004d;border-radius:999px;align-items:center;gap:6px;padding:4px 14px;font-size:.75rem;font-weight:700;display:inline-flex;box-shadow:0 2px 6px #16260f26,inset 0 1px #ffffff26}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes stampIn{0%{opacity:0;transform:scale(1.3)rotate(-8deg)}60%{opacity:1;transform:scale(.95)rotate(1deg)}to{opacity:1;transform:scale(1)rotate(0)}}.animate-slide-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-stamp{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards stampIn}.heading-display{font-family:var(--font-display);color:var(--forest-deep);letter-spacing:-.01em;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:400;line-height:1.1}.heading-section{font-family:var(--font-display);color:var(--forest-deep);font-size:1.5rem}.label-scout{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--rope);font-size:.8rem;font-weight:700}.btn-scout{background:linear-gradient(180deg,var(--pine)0%,var(--forest)100%);color:var(--canvas-white);border:1px solid var(--forest-deep);border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-emboss);text-shadow:0 1px 2px #0000004d;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-scout:hover{background:linear-gradient(180deg,#3e6d31 0%,var(--pine)100%);transform:translateY(-1px);box-shadow:0 4px 8px #16260f4d,inset 0 1px #fff3}.btn-scout:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #0003}.btn-campfire{background:linear-gradient(180deg,var(--campfire-glow)0%,var(--campfire)100%);color:#fff;border:1px solid var(--ember);border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);text-shadow:0 1px 2px #0003;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 2px 4px #9e35124d,inset 0 1px #fff3}.btn-campfire:hover{background:linear-gradient(180deg,#fa8d59 0%,var(--campfire-glow)100%);transform:translateY(-1px);box-shadow:0 4px 10px #9e351266,inset 0 1px #ffffff4d}.btn-campfire:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #0003}.btn-outline{color:var(--forest);border:1px solid var(--khaki);border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);background:#d4c19a1a;padding:10px 20px;font-size:.85rem;font-weight:600}.btn-outline:hover{border-color:var(--khaki-dark);background:#d4c19a40}.btn-outline:active{transform:translateY(1px)}.input-scout{background:var(--canvas-white);border:1px solid var(--khaki);color:var(--charcoal);border-radius:var(--radius-md);font-family:var(--font-body);transition:all var(--transition-fast);outline:none;width:100%;padding:14px 18px;font-size:1rem;box-shadow:0 1px 2px #16260f0d}.input-scout::placeholder{color:var(--rope);opacity:.5}.input-scout:focus{border-color:var(--forest);box-shadow:0 0 0 3px #243d1a26}.rope-divider{background:repeating-linear-gradient(90deg,var(--khaki)0px,var(--khaki)8px,transparent 8px,transparent 12px);opacity:.5;border:none;height:3px;margin:2rem 0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--parchment)}::-webkit-scrollbar-thumb{background:var(--khaki-dark);border:2px solid var(--parchment);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--rope)}.progress-bar-track{background:var(--parchment);border:1px solid var(--khaki);border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,var(--forest),var(--pine),var(--campfire));border-radius:4px;height:100%;transition:width .4s;position:relative}.progress-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);animation:1.5s infinite shimmer;position:absolute;inset:0}@keyframes trailPulse{0%{opacity:.55;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}@keyframes trailWalk{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes trailNeedle{0%,to{transform:rotate(-14deg)}50%{transform:rotate(10deg)}}@keyframes trailFlag{0%,to{transform:skewY(0)scaleX(1)}50%{transform:skewY(-6deg)scaleX(.88)}}@keyframes trailFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes trailPop{0%{transform:scale(.4)}70%{transform:scale(1.25)}to{transform:scale(1)}}.scout-trail{flex-direction:column;gap:.85rem;animation:.4s cubic-bezier(.16,1,.3,1) trailFadeIn;display:flex}.scout-trail-header,.scout-trail-status{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.scout-trail-clock,.scout-trail-percent{font-family:var(--font-mono);color:var(--rope);font-variant-numeric:tabular-nums;font-size:.75rem}.scout-trail-map{background:var(--parchment);border:1px solid var(--khaki);border-radius:var(--radius-md);position:relative;overflow:hidden;box-shadow:inset 0 1px 6px #5c403314}.scout-trail-map svg{display:block}.scout-trail-contours ellipse{fill:none;stroke:var(--khaki-dark);stroke-width:1px;opacity:.22}.scout-trail-pine{fill:var(--pine);opacity:.22}.scout-trail-compass circle{fill:var(--canvas-cream);stroke:var(--khaki-dark);stroke-width:1px;opacity:.9}.scout-trail-compass text{font-family:var(--font-mono);fill:var(--rope);font-size:8px;font-weight:700}.scout-trail-needle{animation:3.2s ease-in-out infinite trailNeedle}.scout-trail-needle .north{fill:var(--campfire)}.scout-trail-needle .south{fill:var(--rope)}.scout-trail-path{fill:none;stroke:var(--khaki-dark);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1 9;opacity:.6}.scout-trail-trodden{fill:none;stroke:var(--forest);stroke-width:4px;stroke-linecap:round}.scout-trail-waypoint{fill:var(--canvas-white);stroke:var(--khaki-dark);stroke-width:2px;transition:fill .3s,stroke .3s}.scout-trail-waypoint.reached{fill:var(--forest);stroke:var(--forest-deep);transform-box:fill-box;transform-origin:50%;animation:.45s cubic-bezier(.34,1.56,.64,1) trailPop}.scout-trail-waypoint-dot{fill:var(--khaki-light)}.scout-trail-label{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;fill:var(--rope);opacity:.75;font-size:10px;font-weight:700;transition:fill .3s,opacity .3s}.scout-trail-label.active{fill:var(--campfire);opacity:1}.scout-trail-pole{stroke:var(--wood-brown);stroke-width:2px;stroke-linecap:round}.scout-trail-flag{fill:var(--khaki-dark);transform-box:fill-box;transform-origin:0;transition:fill .4s}.scout-trail.is-done .scout-trail-flag{fill:var(--campfire);animation:.9s ease-in-out infinite trailFlag}.scout-trail-pulse{fill:var(--campfire-glow);transform-box:fill-box;transform-origin:50%;animation:1.6s ease-out infinite trailPulse}.scout-trail-walker{animation:.7s ease-in-out infinite trailWalk}.scout-trail-marker{fill:var(--campfire);stroke:#fff;stroke-width:2px;filter:drop-shadow(0 2px 3px #9e351259)}.scout-trail-stamp{border:3px double var(--campfire);border-radius:var(--radius-sm);color:var(--campfire);font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;white-space:nowrap;background:#f8f5eeeb;padding:6px 18px;font-size:.9rem;font-weight:700;position:absolute;top:50%;left:50%;translate:-50% -50%}.scout-trail-detail{font-family:var(--font-mono);color:var(--forest);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;animation:.35s ease-out trailFadeIn;overflow:hidden}.scout-trail-log{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.4rem 1rem;list-style:none;display:grid}.scout-trail-log-item{color:var(--rope);opacity:.55;align-items:center;gap:8px;font-size:.8rem;transition:opacity .3s,color .3s;display:flex}.scout-trail-log-item.done,.scout-trail-log-item.active{opacity:1}.scout-trail-log-item.active{color:var(--forest-deep);font-weight:600}.scout-trail-log-icon{border:1.5px solid var(--khaki-dark);width:20px;height:20px;font-family:var(--font-mono);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:inline-flex}.scout-trail-log-item.done .scout-trail-log-icon{background:var(--forest);border-color:var(--forest);color:var(--khaki-light)}.scout-trail-log-item.active .scout-trail-log-icon{border-color:var(--campfire);color:var(--campfire);box-shadow:0 0 0 3px #d85a2026}@media (prefers-reduced-motion:reduce){.scout-trail,.scout-trail-detail,.scout-trail-needle,.scout-trail-pulse,.scout-trail-walker,.scout-trail-waypoint.reached,.scout-trail.is-done .scout-trail-flag{animation:none}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton{background:var(--parchment);background-image:linear-gradient(90deg,var(--parchment)0px,var(--khaki-light)40px,var(--parchment)80px);border-radius:var(--radius-patch);background-size:300px 100%;animation:1.5s linear infinite shimmer;overflow:hidden}.compare-container{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}.compare-col{flex-direction:column;display:flex}button:disabled{opacity:.6;cursor:not-allowed}.input-scout:disabled{background:var(--parchment);cursor:not-allowed}@media (max-width:768px){.heading-display{font-size:clamp(1.8rem,5vw,2.5rem)!important}.compare-container{grid-template-columns:1fr}main[style*="grid-template-columns: minmax"]{flex-direction:column!important;display:flex!important}}@media (max-width:480px){.heading-display{font-size:1.6rem!important}.heading-section{font-size:1.2rem}.patch-card{padding:1rem!important}.btn-campfire,.btn-scout{padding:12px 20px;font-size:.85rem}.btn-outline{padding:8px 14px;font-size:.75rem}}