@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 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}}