:root{--bg-base: oklch(.17 .012 80);--ink: oklch(.94 .015 90);--ink-dim: oklch(.68 .015 85);--rule: color-mix(in oklch, var(--ink) 16%, transparent);--ok: oklch(.78 .17 140);--meh: oklch(.8 .14 80);--bad: oklch(.66 .22 28);--accent: var(--ink-dim);--ease-out: cubic-bezier(.16, 1, .3, 1)}body[data-tier=road]{--accent: oklch(.86 .24 130)}body[data-tier=gravel]{--accent: oklch(.8 .15 75)}body[data-tier=no]{--accent: oklch(.64 .24 28)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:color-mix(in oklch,var(--accent) 7%,var(--bg-base));color:var(--ink);font-family:Archivo,sans-serif;font-size:clamp(.95rem,.85rem + .4vw,1.1rem);line-height:1.5;transition:background .6s var(--ease-out);-webkit-font-smoothing:antialiased}#app{min-height:100dvh;display:flex;flex-direction:column;padding:clamp(1rem,3vw,2.5rem) clamp(1.1rem,4vw,4rem);padding-bottom:max(1rem,env(safe-area-inset-bottom))}.top{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:700;color:var(--ink-dim)}.wordmark{color:var(--accent);transition:color .6s var(--ease-out)}.place{font-weight:500;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.stage{flex:1;display:flex;flex-direction:column;justify-content:center;padding-block:clamp(1.5rem,5vh,4rem)}.window-label{margin:0;text-transform:uppercase;letter-spacing:.22em;font-size:.78rem;font-weight:500;color:var(--ink-dim);animation:rise .7s var(--ease-out) backwards}.verdict{margin:0;font-family:Anton,sans-serif;font-weight:400;font-size:clamp(4.5rem,24vw,17rem);line-height:.95;letter-spacing:.01em;color:var(--accent);transition:color .6s var(--ease-out);animation:rise .8s var(--ease-out) .05s backwards}.snark{margin:.4em 0 0;max-width:34ch;font-size:clamp(1.15rem,1rem + 1.2vw,1.7rem);font-weight:500;line-height:1.35;text-wrap:balance;animation:rise .8s var(--ease-out) .12s backwards}.reasons{list-style:none;margin:clamp(2rem,6vh,4rem) 0 0;padding:0;max-width:44rem}.reason{display:grid;grid-template-columns:1.6rem minmax(8.5rem,11rem) 1fr;align-items:baseline;gap:.8rem;padding:.55rem 0;border-top:1px solid var(--rule);animation:rise .6s var(--ease-out) calc(.2s + var(--i) * .06s) backwards}.reason:last-child{border-bottom:1px solid var(--rule)}.mark{font-weight:700;text-align:center}.mark-ok{color:var(--ok)}.mark-meh{color:var(--meh)}.mark-bad{color:var(--bad)}.reason .label{text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:700;color:var(--ink-dim)}.reason .detail{font-variant-numeric:tabular-nums}.foot{margin-top:2rem}.tune summary{cursor:pointer;display:inline-block;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:700;color:var(--ink-dim);padding-block:.8rem}.tune summary:hover{color:var(--ink)}.tune-grid{display:flex;flex-wrap:wrap;gap:.5rem 2.5rem;padding:.6rem 0 .4rem}.tune-row{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--ink-dim)}.tune-row input{width:4.4rem;background:transparent;border:1px solid var(--rule);color:var(--ink);font:inherit;font-size:max(1em,16px);font-variant-numeric:tabular-nums;padding:.45rem .55rem;border-radius:2px}.tune-row input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.unit{font-size:.75rem}.stage .linkish{align-self:flex-start;margin-top:.6rem}.reset,.linkish{background:none;border:none;padding:.7rem 0;font:inherit;font-size:.78rem;color:var(--ink-dim);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.reset:hover,.linkish:hover{color:var(--ink)}.reset{margin-bottom:.8rem}.credits{margin:.6rem 0 0;font-size:.75rem;line-height:2;color:var(--ink-dim)}.credits a{color:inherit;text-underline-offset:3px}.loading{text-transform:uppercase;letter-spacing:.22em;font-size:.85rem;color:var(--ink-dim);animation:pulse 1.4s ease-in-out infinite}.locate-title{margin:0 0 .5rem;font-family:Anton,sans-serif;font-weight:400;font-size:clamp(3rem,13vw,8rem);line-height:.98}.locate-sub{margin:0 0 1.8rem;max-width:38ch;color:var(--ink-dim)}.btn{align-self:flex-start;background:var(--ink);color:var(--bg-base);border:none;font:inherit;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;padding:.8rem 1.4rem;cursor:pointer}.btn:hover{background:var(--accent)}.hint{margin:.9rem 0 0;max-width:38ch;font-size:.85rem;color:var(--meh)}.search{margin-top:1.4rem;max-width:22rem}.search input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--rule);color:var(--ink);font:inherit;font-size:max(1em,16px);padding:.6rem 0}.search input:focus-visible{outline:none;border-bottom-color:var(--ink)}#city-results{list-style:none;margin:.4rem 0 0;padding:0}#city-results button{display:block;width:100%;text-align:left;background:none;border:none;border-top:1px solid var(--rule);color:var(--ink);font:inherit;padding:.8rem 0;cursor:pointer}#city-results button:hover{color:var(--accent)}.muted{color:var(--ink-dim);padding:.5rem 0}.btn:focus-visible,.linkish:focus-visible,.reset:focus-visible,.tune summary:focus-visible,#city-results button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:560px){.reason{grid-template-columns:1.6rem 1fr;align-items:start;row-gap:.15rem;padding:.8rem 0}.reason .label{padding-top:.15rem}.reason .detail{grid-column:2}.tune-grid{flex-direction:column;align-items:stretch;gap:.7rem;padding-block:.8rem}.tune-row{justify-content:space-between}.tune-row>span:first-child{margin-right:auto}.tune-row .unit{min-width:2.6rem}.foot{padding-bottom:.5rem}}@keyframes rise{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}