:root{--color-paper:#eceef0;--color-paper-deep:#dbdfe3;--color-ink:#17130f;--color-red:#d6455f;--color-red-deep:#b22f49;--color-blue:#3e7fb8;--color-blue-deep:#2c5f8e;--color-gold:#e3a63e;--color-white:#fff;--font-display:"Arial Black", Arial, sans-serif;--font-label:Arial, Helvetica, sans-serif;--font-body:Arial, Helvetica, sans-serif;--border-ink:4px solid var(--color-ink);--shadow-pop:6px 6px 0 var(--color-ink);--shadow-pop-sm:4px 4px 0 var(--color-ink);--radius-card:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-ink);margin:0}body:before{content:"";pointer-events:none;opacity:.05;z-index:-1;position:fixed;inset:0}a{color:inherit}img,svg{max-width:100%}.site-header{z-index:20;background:var(--color-paper);border-bottom:6px solid var(--color-ink);justify-content:space-between;align-items:center;gap:24px;padding:14px clamp(16px,4vw,48px);display:flex;position:sticky;top:0}.site-header .logo-link{line-height:0;display:block}.site-header .logo-link img{width:auto;height:clamp(48px,6vw,72px);display:block}.site-nav{gap:10px;display:flex}.site-nav a{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink);background:var(--color-white);border:var(--border-ink);box-shadow:var(--shadow-pop-sm);border-radius:999px;padding:8px 22px;font-size:1.15rem;font-weight:800;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s}.site-nav a:hover{box-shadow:6px 6px 0 var(--color-ink);transform:translate(-2px,-2px)}.site-nav a:active{box-shadow:1px 1px 0 var(--color-ink);transform:translate(2px,2px)}.site-nav a[aria-current=page]{background:var(--color-gold)}.quiet-divider{align-items:center;gap:14px;max-width:1100px;margin:0 auto;padding:30px clamp(16px,4vw,48px) 6px;display:flex}.quiet-divider:before,.quiet-divider:after{content:"";border-top:3px dashed var(--color-ink);opacity:.35;flex:1;height:0}.quiet-divider .star{background:var(--color-gold);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:16px;height:16px;position:relative}.quiet-divider .star:before{content:"";background:var(--color-ink);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);z-index:-1;position:absolute;inset:-2px}main{max-width:1400px;margin:0 auto;padding:0 clamp(16px,4vw,48px) 60px}.page-heading{text-align:center;padding:34px 16px 6px}.page-heading h1{font-family:var(--font-display);color:var(--color-red);font-size:clamp(1.8rem,5vw,2.8rem)}.page-heading p{font-family:var(--font-label);letter-spacing:.02em;max-width:640px;margin:0 auto;font-size:1.15rem}.section-label{flex-direction:column;flex-shrink:0;align-items:center;gap:0;width:150px;display:flex}.badge{background:var(--color-gold);border:5px solid var(--color-ink);width:108px;height:108px;box-shadow:var(--shadow-pop-sm);z-index:2;border-radius:50%;justify-content:center;align-items:center;display:flex;transform:rotate(-4deg)}.badge .star{background:var(--color-white);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:46px;height:46px;position:relative}.badge .star:before{content:"";background:var(--color-ink);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);z-index:-1;position:absolute;inset:-3px}.ribbon{z-index:3;background:var(--color-red);color:var(--color-white);font-family:var(--font-label);text-transform:uppercase;letter-spacing:.03em;text-align:center;clip-path:polygon(6% 0%,94% 0%,100% 50%,94% 100%,6% 100%,0% 50%);width:150px;margin-top:-14px;padding:8px 10px;font-size:.95rem;font-weight:800;position:relative}.ribbon:before{content:"";background:var(--color-ink);clip-path:polygon(6% 0%,94% 0%,100% 50%,94% 100%,6% 100%,0% 50%);z-index:-1;position:absolute;inset:-4px}.ribbon--blue{background:var(--color-blue)}.ribbon--gold{background:var(--color-gold);color:var(--color-ink)}.hero{flex-wrap:wrap;align-items:stretch;gap:28px;padding:30px 0 10px;display:flex}.map-frame{background:var(--color-white);border:var(--border-ink);border-radius:var(--radius-card);box-shadow:var(--shadow-pop);flex:2 620px;min-width:320px;padding:10px;position:relative}.map-frame object,.map-frame svg#dot-layer,.map-frame svg[id$=dot-layer]{width:100%;height:auto;display:block}.control-panel{flex-direction:column;flex:320px;justify-content:center;gap:22px;min-width:280px;padding:10px 4px;display:flex}.control-panel .eyebrow{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.12em;color:var(--color-red-deep);margin:0;font-size:.9rem;font-weight:700}#american-description{font-family:var(--font-display);color:var(--color-ink);margin:0;font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:900;line-height:1.22}.control-panel .button-row{gap:14px;display:flex}button{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.04em;border:var(--border-ink);cursor:pointer;box-shadow:var(--shadow-pop-sm);border-radius:10px;padding:12px 22px;font-size:1.05rem;font-weight:800;transition:transform .12s,box-shadow .12s}button:hover{box-shadow:6px 6px 0 var(--color-ink);transform:translate(-2px,-2px)}button:active{box-shadow:1px 1px 0 var(--color-ink);transform:translate(2px,2px)}#generate-button{background:var(--color-red);color:var(--color-white);flex:1}#clear-button{background:var(--color-white);color:var(--color-ink)}.section-card{flex-wrap:wrap;align-items:flex-start;gap:28px;padding:18px 0 34px;display:flex}.section-card .map-col{flex-direction:column;flex:480px;gap:14px;min-width:280px;display:flex}.legend{font-family:var(--font-label);flex-wrap:wrap;gap:8px 18px;font-size:.95rem;font-weight:600;display:flex}.legend .swatch{align-items:center;gap:7px;display:inline-flex}.legend .swatch:before{content:"";border:2px solid var(--color-ink);background:var(--swatch-color,var(--color-ink));border-radius:50%;width:15px;height:15px}.legend-gradient{font-family:var(--font-label);align-items:center;gap:10px;font-size:.9rem;font-weight:600;display:flex}.legend-gradient .bar{border:2px solid var(--color-ink);background:linear-gradient(90deg,#fcf6bc,#672d48);border-radius:999px;flex:1;max-width:260px;height:16px}.site-footer{text-align:center;font-family:var(--font-label);letter-spacing:.04em;color:var(--color-ink);padding:26px 16px 34px}.site-footer .stars-row{justify-content:center;gap:10px;margin-bottom:10px;display:flex}.site-footer .stars-row .star{background:var(--color-gold);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:12px;height:12px;position:relative}.site-footer .stars-row .star:before{content:"";background:var(--color-ink);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);z-index:-1;position:absolute;inset:-2px}.about-card{background:var(--color-white);border:var(--border-ink);border-radius:var(--radius-card);box-shadow:var(--shadow-pop);margin:22px 0;padding:clamp(20px,4vw,40px)}.about-card h2{font-family:var(--font-display);color:var(--color-blue);margin-top:0;font-size:1.4rem}.about-card p{font-size:1.02rem;line-height:1.65}.about-card p+p{margin-top:12px}.key-chip-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.key-chip{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.03em;border:3px solid var(--color-ink);border-radius:999px;padding:5px 14px;font-size:.85rem;font-weight:700}@media (width<=640px){.site-header{flex-direction:column;align-items:flex-start}.site-nav{justify-content:center;align-self:stretch}.section-label{flex-direction:row;width:auto;margin-bottom:4px}.badge{width:74px;height:74px}.badge .star{width:30px;height:30px}.ribbon{width:140px;margin-top:0;margin-left:-14px;font-size:.85rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/*# sourceMappingURL=a-random-american.github.io.c7ba46fe.css.map */