.ui{--nation:#158c6e;--on-nation:#121416;--you:#f285a1;--wait:#f5b94a;--foe:#ff6a55;--food:#9be38a;--prod:#ffb366;--gold:#e8c06a;--sci:#9fd3ff;--cul:#d7b0ff;--faith:#8fe3d6;--ink:#fff;--ink-2:#ffffffb8;--ink-3:#ffffff73;--edge:#ffffff29;--track:#ffffff1f;--night:#121416;--haze:#c9bca3;--glass:#2c201457;--glass-deep:#2c2014a3;--glass-solid:#2c2014cc;--scrim:#1e160e4d;--blur:16px;--saturate:1.15;--radius:14px;--halo:0 1px 2px #000000b3;--sans:"Geist Variable", "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Geist Mono Variable", "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--key:52px;--dial:158px;--gap:20px;--panel:360px;--spring:cubic-bezier(.2, .9, .25, 1);--enter:.371s;--leave:.15s;--rim:.6s;--fade:.12s;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:13px}@media (width<=1024px) and (aspect-ratio<=10/7){.ui{--key:54px;--dial:164px}}@media (width<=520px),(height<=520px){.ui{--key:50px;--dial:144px;--gap:12px}}@media (prefers-reduced-transparency:reduce){.ui{--glass:var(--glass-solid);--glass-deep:var(--glass-solid);--blur:0px}}.ui.flat{--glass:var(--glass-solid);--glass-deep:var(--glass-solid);--blur:0px}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.ui{--glass:var(--glass-solid);--glass-deep:var(--glass-solid)}}.ui .glass{background:var(--glass);-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--saturate));backdrop-filter:blur(var(--blur)) saturate(var(--saturate));box-shadow:inset 0 0 0 1px var(--edge)}.ui .glass.deep{background:var(--glass-deep)}.ui.flat .glass{-webkit-backdrop-filter:none;backdrop-filter:none}.ui *,.ui :before,.ui :after{box-sizing:border-box}.ui .num{font-family:var(--mono);font-variant-numeric:tabular-nums lining-nums}.ui .cap{font:600 10.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase}.ui :focus-visible{outline:2px solid var(--you);outline-offset:2px;scroll-margin:6px}.ui button{font:inherit;color:inherit;cursor:pointer}