.c4-root{--c4-accent:var(--tw-gold-text);--c4-accent-soft:rgba(135,107,58,0.12);--c4-track:#efe8da;--c4-heat-0:var(--tw-surface-3);--c4-heat-1:#cfb176;--c4-heat-2:#b1904f;--c4-heat-3:#927434;--c4-heat-4:#715620}[data-theme=dark] .c4-root{--c4-accent-soft:rgba(213,191,151,0.14);--c4-track:#2b261e;--c4-heat-1:#5a4c2f;--c4-heat-2:#7b663a;--c4-heat-3:#9d8449;--c4-heat-4:#c0a55f}.c4-radar{padding-inline:20px}.c4-radar svg{overflow:visible}.c4-gauge-arc{transition:stroke-dashoffset .7s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:reduce){.c4-gauge-arc{transition:none}}.c4-tooltip{position:absolute;z-index:10;pointer-events:none;padding:6px 10px;border-radius:10px;border:1px solid var(--tw-border);background:var(--tw-surface);box-shadow:var(--tw-shadow-float);font-size:12px;line-height:1.5;color:var(--tw-text);white-space:nowrap;transform:translate(-50%,calc(-100% - 8px))}.c4-heat-cell{transition:opacity .12s ease}.c4-heat-cell:hover{opacity:.75}.c4-option{display:flex;width:100%;gap:10px;align-items:flex-start;text-align:left;padding:12px 14px;border-radius:12px;border:1px solid var(--tw-border);background:var(--tw-surface);color:var(--tw-text);font-size:14px;line-height:1.6;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.c4-option:hover:not(:disabled){border-color:var(--tw-gold)}.c4-option:active:not(:disabled){transform:scale(.98)}.c4-option:disabled{cursor:default}.c4-option--correct{border-color:var(--tw-success);background:color-mix(in srgb,var(--tw-success) 10%,var(--tw-surface))}.c4-option--wrong{border-color:var(--tw-error);background:color-mix(in srgb,var(--tw-error) 8%,var(--tw-surface))}.c4-option__key{flex:none;width:24px;height:24px;border-radius:999px;border:1px solid var(--tw-border-strong);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.c4-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}