.geo-bands>*{--tile:var(--card);background:var(--background)}.geo-bands>:nth-child(2n){--tile:var(--surface-elevated);background:var(--card)}.geo-tile{background:var(--tile,var(--card));transition:background-color .15s,color .15s}:is(a,button).geo-tile:hover,:is(a,button).geo-tile:focus-visible{background:color-mix(in oklab, var(--tile,var(--card)), var(--foreground) 9%);outline:none}:is(a,button).geo-tile[aria-pressed=true]{background:color-mix(in oklab, var(--tile,var(--card)), var(--foreground) 20%)}:is(a,button).geo-tile[aria-pressed=true]:focus-visible{background:color-mix(in oklab, var(--tile,var(--card)), var(--foreground) 26%)}.flag-tile{box-shadow:0 0 0 1px color-mix(in oklab, var(--foreground) 15%, transparent);border-radius:3px}.exception-readout{align-items:center;gap:.875rem;display:flex}.exception-readout-value{background:linear-gradient(to bottom, var(--flip-bg) calc(50% - 1px), var(--flip-line) calc(50% - 1px) calc(50% + 1px), var(--flip-bg) calc(50% + 1px));min-width:3.5rem;height:3.5rem;color:var(--flip-text);letter-spacing:.02em;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:.3rem .8rem 0;font-size:2.125rem;line-height:1;display:inline-flex;position:relative;box-shadow:0 6px 14px -8px #0000008c}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.exception-readout-value{animation:linear both exception-readout-flip;animation-timeline:view();animation-range:entry 10% entry 90%}}}@keyframes exception-readout-flip{0%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:perspective(320px)rotateX(-65deg)}to{transform:none}}