:where(:root){--face-ink:#f6f1e9;--face-ink-2:rgba(246,241,233,0.7);--face-line:rgba(246,241,233,0.3);--face-track:rgba(246,241,233,0.16);--face-glass:rgba(246,241,233,0.08);--face-dial:#1a1e38;--face-sun-a:#ffd9a2;--face-sun-b:#ec7d64;--face-glow:rgba(255,186,120,0.55);--face-wax-a:#fbf3e6;--face-wax-b:#d9c4ab;--face-sky-a:#0f1538;--face-sky-b:#4a3160;--face-hill:#0a0d24;--face-housing:#262b52;--face-bomb-hi:#6a70b0}:where([data-theme=light]){--face-ink:#2d2546;--face-ink-2:rgba(45,37,70,0.72);--face-line:rgba(45,37,70,0.3);--face-track:rgba(45,37,70,0.12);--face-glass:rgba(255,255,255,0.62);--face-dial:#fffdf8;--face-sun-a:#ffbf75;--face-sun-b:#d9562f;--face-glow:rgba(240,140,80,0.36);--face-wax-a:#fffaf2;--face-wax-b:#e2cdb2;--face-sky-a:#2b3164;--face-sky-b:#b8737f;--face-hill:#211b3d;--face-housing:#2d2546;--face-bomb-hi:#5a5f98}@layer components{.face-svg{display:block;width:100%;height:100%;overflow:visible}.face-svg .face-pct{font-family:var(--font-serif);font-weight:650;font-size:54px;font-variant-numeric:lining-nums tabular-nums;font-variation-settings:"opsz" 28}.face-svg .face-cap{font-family:var(--font-sans);font-weight:750;font-size:12px;letter-spacing:.14em}.face-svg .face-num{font-family:var(--font-serif);font-weight:600;font-size:20px}.face-frame{display:grid;place-items:center;aspect-ratio:1;border-radius:18px;padding:8%;background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--surface-3) 70%,transparent),transparent 72%),var(--surface);border:1px solid var(--line)}}